summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-12-22 08:55:42 +0100
committerVolpeon <git@volpeon.ink>2021-12-22 08:55:42 +0100
commit603c227d75723d3321b202d91596cdc9fd736283 (patch)
treed0a55dbb5746eda3e1ac205f469bdb0d1d09bc25
parentShow date implicitly (diff)
downloadvolpeon.ink-603c227d75723d3321b202d91596cdc9fd736283.tar.gz
volpeon.ink-603c227d75723d3321b202d91596cdc9fd736283.tar.bz2
volpeon.ink-603c227d75723d3321b202d91596cdc9fd736283.zip
Fixed contrast issues
-rw-r--r--assets/css/_vars.scss2
-rw-r--r--assets/css/components/_card.scss8
2 files changed, 7 insertions, 3 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index cf4af60..f6929a2 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -107,7 +107,7 @@ $content--width: 44rem;
107 $gray2: hsl(220, 5%, 88%); 107 $gray2: hsl(220, 5%, 88%);
108 $gray3: hsl(220, 5%, 83%); 108 $gray3: hsl(220, 5%, 83%);
109 $gray4: hsl(220, 5%, 68%); 109 $gray4: hsl(220, 5%, 68%);
110 $gray5: hsl(220, 5%, 47%); 110 $gray5: hsl(220, 5%, 44%);
111 $gray6: hsl(220, 5%, 16%); 111 $gray6: hsl(220, 5%, 16%);
112 $gray7: hsl(220, 5%, 0%); 112 $gray7: hsl(220, 5%, 0%);
113 113
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index e1f92b0..2e32a48 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -75,7 +75,9 @@
75 75
76 @include element('row') { 76 @include element('row') {
77 @include modifier('hidden') { 77 @include modifier('hidden') {
78 opacity: 1; 78 visibility: visible;
79 transition: opacity .2s;
80 opacity: 1;
79 } 81 }
80 } 82 }
81 83
@@ -119,16 +121,18 @@
119 } 121 }
120 122
121 @include modifier('hidden') { 123 @include modifier('hidden') {
124 visibility: hidden;
122 position: absolute; 125 position: absolute;
123 z-index: 10; 126 z-index: 10;
124 right: 0; 127 right: 0;
125 bottom: 0; 128 bottom: 0;
126 left: 0; 129 left: 0;
127 transition: opacity .2s; 130 transition: opacity .2s, visibility 0s .2s;
128 opacity: 0; 131 opacity: 0;
129 background-color: prop(--colors --hover --bg); 132 background-color: prop(--colors --hover --bg);
130 133
131 @media (hover: none) { 134 @media (hover: none) {
135 visibility: visible;
132 position: static; 136 position: static;
133 opacity: 1; 137 opacity: 1;
134 background-color: transparent; 138 background-color: transparent;