diff options
author | Noah Loomans <noahloomans@gmail.com> | 2018-03-21 15:44:39 +0100 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2018-03-21 15:44:39 +0100 |
commit | f60fc288ce606bb217d3912a09fff083f0a816e8 (patch) | |
tree | 5463914c1e5f913c0247aeb18c8ae58920da3891 /src/client/react/components/container/Search.scss | |
parent | 777a75aa80f58566b43bba04db04a3d1cc23c66b (diff) |
Migrate Search styles
Diffstat (limited to 'src/client/react/components/container/Search.scss')
-rw-r--r-- | src/client/react/components/container/Search.scss | 42 |
1 files changed, 42 insertions, 0 deletions
diff --git a/src/client/react/components/container/Search.scss b/src/client/react/components/container/Search.scss new file mode 100644 index 0000000..ef629c2 --- /dev/null +++ b/src/client/react/components/container/Search.scss @@ -0,0 +1,42 @@ +.Search { + height: 54px; + position: relative; + + .overflow { + border-radius: 2px; + background-color: white; + position: absolute; + width: 100%; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08); + + &.hasFocus { + box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08); + } + + .inputWrapper { + display: flex; + height: 54px; + + .iconWrapper { + height: 54px; + padding: 15px; + + svg { + height: 24px; + width: 24px; + } + } + + input { + border: 0; + background-color: transparent; + flex-grow: 1; + height: inherit; + padding: 16px; + padding-left: 0px; + font-size: 16px; + outline: none; + } + } + } +} |