From 0618d19b17469f07ef47676b4a2165de053426d1 Mon Sep 17 00:00:00 2001 From: David Wu Date: Wed, 20 Dec 2017 10:15:27 +0100 Subject: [PATCH] minimize css --- static-parts/index-start.html | 69 +++-------------------------------- 1 file changed, 5 insertions(+), 64 deletions(-) diff --git a/static-parts/index-start.html b/static-parts/index-start.html index b5f2b2bbb..e6c6059da 100644 --- a/static-parts/index-start.html +++ b/static-parts/index-start.html @@ -19,70 +19,11 @@ code, kbd { font-size: 1em; } code { transform: scale(1); } /* Deals with the issue described in #243 */ pre { font-size: 1rem; border: 0.0625rem solid var(--secondary-border-color); border-radius: var(--universal-border-radius);} - .group { - position: relative; - margin-top: 2em; - margin-bottom: -1em; - } - .search { - font-size: 14px; - margin-top: -0.1em; - display: block; - width: 320px; - border: none; - border-bottom: 1px solid var(--nav-link-color); - } - .search:focus { outline:none; } - - /* LABEL ======================================= */ - label { - color: var(--nav-link-color); - font-size:18px; - font-weight:normal; - position:absolute; - pointer-events:none; - left:5px; - top:10px; - transition:0.2s ease all; - -moz-transition:0.2s ease all; - -webkit-transition:0.2s ease all; - } - - /* active state */ - .search:focus ~ label, .search:valid ~ label { - top:-20px; - font-size:14px; - color: var(--nav-link-color); - } - - /* BOTTOM BARS ================================= */ - .bar { position:relative; display:block; width:inherit; } - .bar:before, .bar:after { - content:''; - height:2px; - width:0; - bottom:1px; - position:absolute; - background: var(--nav-link-color); - } - .bar:before { - left:50%; - } - .bar:after { - right:50%; - } - - /* HIGHLIGHTER ================================== */ - .highlight { - position:absolute; - height:60%; - width:100px; - top:25%; - left:0; - pointer-events:none; - opacity:0.5; - } - + .group{position:relative;margin-top:2em;margin-bottom:-1em} + .search{font-size:14px;margin-top:-.1em;display:block;width:320px;border:none;border-bottom:1px solid var(--nav-link-color)} + .search:focus{outline:none} + label{color:var(--nav-link-color);font-size:18px;font-weight:400;position:absolute;pointer-events:none;left:5px;top:10px} + .search:focus ~ label,.search:valid ~ label{top:-20px;font-size:14px;color:var(--nav-link-color)}