git.iko.soy/bridge
on master help sign in
styles: changing interfering global styles
2879d31Hunter Miller
public/index.html+7−7
compare with master
unifiedsplit
@@ -40,7 +40,7 @@
40
40
41 <title>Bridge</title>
41 <title>Bridge</title>
42 <style type="text/css">
42 <style type="text/css">
43− .hidden {
43+ .font-hidden {
44 position: absolute;
44 position: absolute;
45 overflow: hidden;
45 overflow: hidden;
46 clip: rect(0 0 0 0);
46 clip: rect(0 0 0 0);
@@ -57,42 +57,42 @@
57 <!-- Force load all fonts -->
57 <!-- Force load all fonts -->
58 <div
58 <div
59 aria-visibility="hidden"
59 aria-visibility="hidden"
60− class="hidden"
60+ class="font-hidden"
61 style="font-family:Inter; font-weight:400"
61 style="font-family:Inter; font-weight:400"
62 >
62 >
63 &nbsp;
63 &nbsp;
64 </div>
64 </div>
65 <div
65 <div
66 aria-visibility="hidden"
66 aria-visibility="hidden"
67− class="hidden"
67+ class="font-hidden"
68 style="font-family:Inter; font-weight:500"
68 style="font-family:Inter; font-weight:500"
69 >
69 >
70 &nbsp;
70 &nbsp;
71 </div>
71 </div>
72 <div
72 <div
73 aria-visibility="hidden"
73 aria-visibility="hidden"
74− class="hidden"
74+ class="font-hidden"
75 style="font-family:Inter; font-weight:600"
75 style="font-family:Inter; font-weight:600"
76 >
76 >
77 &nbsp;
77 &nbsp;
78 </div>
78 </div>
79 <div
79 <div
80 aria-visibility="hidden"
80 aria-visibility="hidden"
81− class="hidden"
81+ class="font-hidden"
82 style="font-family:Source Code Pro; font-weight:400"
82 style="font-family:Source Code Pro; font-weight:400"
83 >
83 >
84 &nbsp;
84 &nbsp;
85 </div>
85 </div>
86 <div
86 <div
87 aria-visibility="hidden"
87 aria-visibility="hidden"
88− class="hidden"
88+ class="font-hidden"
89 style="font-family:Source Code Pro; font-weight:500"
89 style="font-family:Source Code Pro; font-weight:500"
90 >
90 >
91 &nbsp;
91 &nbsp;
92 </div>
92 </div>
93 <div
93 <div
94 aria-visibility="hidden"
94 aria-visibility="hidden"
95− class="hidden"
95+ class="font-hidden"
96 style="font-family:Source Code Pro; font-weight:600"
96 style="font-family:Source Code Pro; font-weight:600"
97 >
97 >
98 &nbsp;
98 &nbsp;
src/style/anim.css+8−10
@@ -415,10 +415,8 @@
415 }
415 }
416} */
416} */
417
417
418−
419−
420−button {
418+button:not([class]) {
421− border: 1px solid #A6A6A6;
419+ border: 1px solid #a6a6a6;
422 padding: 5px 5px;
420 padding: 5px 5px;
423 margin-bottom: 2px;
421 margin-bottom: 2px;
424 border-radius: 7px;
422 border-radius: 7px;
@@ -426,7 +424,7 @@ button {
426 outline: none;
424 outline: none;
427}
425}
428
426
429−button:hover {
427+button:not([class]):hover {
430 cursor: pointer;
428 cursor: pointer;
431 /* border: 2px solid #E6E6E6;
429 /* border: 2px solid #E6E6E6;
432 background-color: #E6E6E6; */
430 background-color: #E6E6E6; */
@@ -439,13 +437,13 @@ button:active {
439 color: white;
437 color: white;
440} */
438} */
441
439
442−button:active {
440+button:not([class]):active {
443− background-color: #000;
441+ background-color: #000;
444− border: 1px solid #000;
442+ border: 1px solid #000;
445 color: white;
443 color: white;
446}
444}
447
445
448−button:disabled{
446+button:not([class]):disabled {
449 cursor: default;
447 cursor: default;
450 pointer-events: none;
448 pointer-events: none;
451}
449}
@@ -454,7 +452,7 @@ p {
454 font-size: 12px;
452 font-size: 12px;
455}
453}
456
454
457−*{
455+* {
458 -moz-osx-font-smoothing: grayscale;
456 -moz-osx-font-smoothing: grayscale;
459 font-smoothing: grayscale;
457 font-smoothing: grayscale;
460}
458}