no more .always

mi2ebi · Dec 17, 2023 · aa3dc97 · aa3dc97
1 parent 1d8f1c9
commit aa3dc97
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -59,10 +59,10 @@ <h1>la xlasisku</h1>
             </span>
         </p>
         <div id="fakebox">
-            <label class="always" id="before" for="search"><wbr /></label>
+            <label id="before" for="search"><wbr /></label>
             <input type="text" id="search" name="search" autocomplete="off" spellcheck="false" placeholder="loading" disabled size="1" />
-            <label class="always" id="after" for="search"><wbr /></label>
-            <span class="always" id="clear-wrap">&nbsp;<button class="always" id="clear">×</button></span>
+            <label id="after" for="search"><wbr /></label>
+            <span id="clear-wrap">&nbsp;<button id="clear">×</button></span>
         </div>
         <div id="info"></div>
         <div id="length"></div>

diff --git a/style.css b/style.css
@@ -133,7 +133,7 @@ body {
 #search:disabled::placeholder {
     color: rgba(var(--fg), var(--op-8));
 }
-.always {
+#fakebox :not(input) {
     color: rgba(var(--fg), var(--op-c));
     padding: 0;
 }
@@ -144,7 +144,7 @@ body {
     display: inline;
 }
 #clear {
-    color: rgb(var(--err));
+    color: rgb(var(--err)) !important;
 }
 /* lujvo things / regex errors */
 #info {
@@ -261,7 +261,7 @@ math {
 hr {
     border: 1px solid rgb(var(--fg));
 }
-:not(input, hr, br, .always):empty {
+:not(hr, br, #fakebox *):empty {
     display: none;
 }
 h1, h1 + p {