From 9f6a36d1f1a16c1a777a23fcc8c986c45ee0a116 Mon Sep 17 00:00:00 2001 From: Noah Loomans Date: Sun, 10 Dec 2017 13:25:46 +0100 Subject: Add some basic styling --- src/client/style/index.scss | 41 ++++++++++++++++++++++++++++++++++++++++- 1 file changed, 40 insertions(+), 1 deletion(-) (limited to 'src/client/style') diff --git a/src/client/style/index.scss b/src/client/style/index.scss index c4d554e..6f1592c 100644 --- a/src/client/style/index.scss +++ b/src/client/style/index.scss @@ -1,3 +1,42 @@ body { - background-color: black; + background-color: #ececec; +} + +* { + box-sizing: border-box; +} + +.search { + width: 580px; + height: 54px; + background-color: white; + + &.focus { + box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); + } + + &__icon-wrapper { + height: 54px; + padding: 15px; + svg { + height: 24px; + width: 24px; + } + } + + &__input-wrapper { + display: flex; + widows: inherit; + height: 54px; + + input { + border: 0; + background-color: transparent; + flex-grow: 1; + height: inherit; + padding: 16px; + padding-left: 0px; + font-size: 16px; + } + } } -- cgit v1.1