diff options
Diffstat (limited to 'src/client/style')
-rw-r--r-- | src/client/style/index.scss | 23 |
1 files changed, 20 insertions, 3 deletions
diff --git a/src/client/style/index.scss b/src/client/style/index.scss index 6f1592c..d7d8b01 100644 --- a/src/client/style/index.scss +++ b/src/client/style/index.scss @@ -1,5 +1,6 @@ body { background-color: #ececec; + font-family: 'Roboto'; } * { @@ -8,13 +9,19 @@ body { .search { width: 580px; - height: 54px; + border-radius: 2px; background-color: white; - &.focus { + &--has-focus { box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } + &--has-results { + .search__input-wrapper { + border-bottom: 1px #BDBDBD solid; + } + } + &__icon-wrapper { height: 54px; padding: 15px; @@ -26,7 +33,6 @@ body { &__input-wrapper { display: flex; - widows: inherit; height: 54px; input { @@ -39,4 +45,15 @@ body { font-size: 16px; } } + + &__result { + display: flex; + + &__text { + padding: 15px; + padding-left: 0px; + font-size: 16px; + transform: translate(0, 3px); + } + } } |