diff options
author | Noah Loomans <noahloomans@gmail.com> | 2017-12-10 13:25:46 +0100 |
---|---|---|
committer | Noah Loomans <noahloomans@gmail.com> | 2017-12-10 13:25:46 +0100 |
commit | 9f6a36d1f1a16c1a777a23fcc8c986c45ee0a116 (patch) | |
tree | e79ccfcb2d8d07dd18b9fe202c227b350c51a94a /src/client/static | |
parent | edaa91d05e753e3609c00068f565b88c4ef77e62 (diff) |
Add some basic styling
Diffstat (limited to 'src/client/static')
-rw-r--r-- | src/client/static/bundle.css | 30 |
1 files changed, 29 insertions, 1 deletions
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; } |