From 3c979746be98a8661f5cd86e183fddc213c1b490 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Wed, 24 Oct 2018 15:14:29 +0200 Subject: [PATCH] scss/definitions: style select --- scss/_definitions.scss | 19 +++++++++++++++++++ style.css | 16 ++++++++++++++++ 2 files changed, 35 insertions(+) diff --git a/scss/_definitions.scss b/scss/_definitions.scss index b0719e9..1f7b731 100644 --- a/scss/_definitions.scss +++ b/scss/_definitions.scss @@ -87,3 +87,22 @@ $color-font: #444; display: none; } } + +/* 2. Forms elements */ + +select { + @include borders(); + @include border-radius(); + + display: block; + width: 100%; + height: calc(2.25rem + 2px); + padding: .375rem .75rem; + font-size: 1rem; + line-height: 1.5em; + color: $color-font; + background-color: #fff; + background-clip: padding-box; + transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; + margin-top: 0.75rem; +} diff --git a/style.css b/style.css index 48e0a83..dfa64cd 100644 --- a/style.css +++ b/style.css @@ -115,6 +115,22 @@ .screen-reader-text { display: none; } } +/* 2. Forms elements */ +select { + border: 1px solid rgba(0, 0, 0, 0.3); + border-radius: 0px 0px 0px 0px; + display: block; + width: 100%; + height: calc(2.25rem + 2px); + padding: .375rem .75rem; + font-size: 1rem; + line-height: 1.5em; + color: #444; + background-color: #fff; + background-clip: padding-box; + transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; + margin-top: 0.75rem; } + /* * 2 - Typography ( _typography.scss ) *