git.iko.soy/bridge
on master help sign in
styles: changing interfering global styles
commit2879d3155367c7efdc12fe1ce95241478e771466 authorHunter Miller <hunter@hmiller.dev> dateSun 6 Mar 2022, 13:41 (5 years ago) parent2992104
2 files changed+15−17
compare with master
unifiedsplit
public/index.html+7−7 src/style/anim.css+8−10
public/index.html+7−7
@@ -40,7 +40,7 @@
4040
4141 <title>Bridge</title>
4242 <style type="text/css">
43− .hidden {
43+ .font-hidden {
4444 position: absolute;
4545 overflow: hidden;
4646 clip: rect(0 0 0 0);
@@ -57,42 +57,42 @@
5757 <!-- Force load all fonts -->
5858 <div
5959 aria-visibility="hidden"
60− class="hidden"
60+ class="font-hidden"
6161 style="font-family:Inter; font-weight:400"
6262 >
6363 &nbsp;
6464 </div>
6565 <div
6666 aria-visibility="hidden"
67− class="hidden"
67+ class="font-hidden"
6868 style="font-family:Inter; font-weight:500"
6969 >
7070 &nbsp;
7171 </div>
7272 <div
7373 aria-visibility="hidden"
74− class="hidden"
74+ class="font-hidden"
7575 style="font-family:Inter; font-weight:600"
7676 >
7777 &nbsp;
7878 </div>
7979 <div
8080 aria-visibility="hidden"
81− class="hidden"
81+ class="font-hidden"
8282 style="font-family:Source Code Pro; font-weight:400"
8383 >
8484 &nbsp;
8585 </div>
8686 <div
8787 aria-visibility="hidden"
88− class="hidden"
88+ class="font-hidden"
8989 style="font-family:Source Code Pro; font-weight:500"
9090 >
9191 &nbsp;
9292 </div>
9393 <div
9494 aria-visibility="hidden"
95− class="hidden"
95+ class="font-hidden"
9696 style="font-family:Source Code Pro; font-weight:600"
9797 >
9898 &nbsp;
src/style/anim.css+8−10
@@ -415,10 +415,8 @@
415415 }
416416} */
417417
418−
419−
420−button {
421− border: 1px solid #A6A6A6;
418+button:not([class]) {
419+ border: 1px solid #a6a6a6;
422420 padding: 5px 5px;
423421 margin-bottom: 2px;
424422 border-radius: 7px;
@@ -426,7 +424,7 @@ button {
426424 outline: none;
427425}
428426
429−button:hover {
427+button:not([class]):hover {
430428 cursor: pointer;
431429 /* border: 2px solid #E6E6E6;
432430 background-color: #E6E6E6; */
@@ -439,13 +437,13 @@ button:active {
439437 color: white;
440438} */
441439
442−button:active {
443− background-color: #000;
444− border: 1px solid #000;
440+button:not([class]):active {
441+ background-color: #000;
442+ border: 1px solid #000;
445443 color: white;
446444}
447445
448−button:disabled{
446+button:not([class]):disabled {
449447 cursor: default;
450448 pointer-events: none;
451449}
@@ -454,7 +452,7 @@ p {
454452 font-size: 12px;
455453}
456454
457−*{
455+* {
458456 -moz-osx-font-smoothing: grayscale;
459457 font-smoothing: grayscale;
460458}