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/static/bundle.css | 30 +++++++++++++++++++++++++++++- 1 file changed, 29 insertions(+), 1 deletion(-) (limited to 'src/client/static') diff --git a/src/client/static/bundle.css b/src/client/static/bundle.css index ba2197a..d04fba6 100644 --- a/src/client/static/bundle.css +++ b/src/client/static/bundle.css @@ -1,2 +1,30 @@ body { - background-color: black; } + background-color: #ececec; } + +* { + box-sizing: border-box; } + +.search { + width: 580px; + height: 54px; + background-color: white; } + .search.focus { + box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24); } + .search__icon-wrapper { + height: 54px; + padding: 15px; } + .search__icon-wrapper svg { + height: 24px; + width: 24px; } + .search__input-wrapper { + display: flex; + widows: inherit; + height: 54px; } + .search__input-wrapper input { + border: 0; + background-color: transparent; + flex-grow: 1; + height: inherit; + padding: 16px; + padding-left: 0px; + font-size: 16px; } -- cgit v1.1