summaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-11-19 09:33:46 +0100
committerVolpeon <git@volpeon.ink>2021-11-19 09:33:46 +0100
commitc94b48fb7cbbd7521471b934b1e5dd6983627cda (patch)
tree6d536ef0eaaa8e43a93f840f4c9ce73750cd6793
parentSlightly darker dark mode (diff)
downloadvolpeon.ink-c94b48fb7cbbd7521471b934b1e5dd6983627cda.tar.gz
volpeon.ink-c94b48fb7cbbd7521471b934b1e5dd6983627cda.tar.bz2
volpeon.ink-c94b48fb7cbbd7521471b934b1e5dd6983627cda.zip
Added print style
-rw-r--r--assets/css/_vars.scss22
-rw-r--r--assets/css/components/_card-list.scss4
-rw-r--r--assets/css/components/_card.scss4
-rw-r--r--assets/css/components/_footer.scss4
-rw-r--r--assets/css/components/_header.scss4
-rw-r--r--assets/css/scopes/_body.scss4
-rw-r--r--assets/css/style.scss5
7 files changed, 47 insertions, 0 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index d029d7f..47ca599 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -160,6 +160,28 @@ $content--width: 46rem;
160 ), 'light'); 160 ), 'light');
161} 161}
162 162
163@include iro-execute {
164 $white: #fff;
165 $black: #000;
166
167 @include store((
168 --colors: (
169 --bg-hi: $white, // Darker background
170 --bg: $white, // Background
171 --bg-lo: $black, // Lighter background
172
173 --obj-hi: $black,
174 --obj: $black,
175
176 --fg-hi: $black, // Faint text
177 --fg: $black, // Text
178 --fg-lo: $black, // Strong text
179
180 --obj-shadow: transparent,
181 ),
182 ), 'print');
183}
184
163@each $breakpoint in map-keys($breakpoints) { 185@each $breakpoint in map-keys($breakpoints) {
164 @include media('<=#{$breakpoint}') { 186 @include media('<=#{$breakpoint}') {
165 @include store(( 187 @include store((
diff --git a/assets/css/components/_card-list.scss b/assets/css/components/_card-list.scss
index 7455193..24a04b2 100644
--- a/assets/css/components/_card-list.scss
+++ b/assets/css/components/_card-list.scss
@@ -60,6 +60,10 @@
60 } 60 }
61 } 61 }
62 } 62 }
63
64 @media print {
65 filter: none;
66 }
63 } 67 }
64 68
65 @include element('card') { 69 @include element('card') {
diff --git a/assets/css/components/_card.scss b/assets/css/components/_card.scss
index a6a4c98..9a2455b 100644
--- a/assets/css/components/_card.scss
+++ b/assets/css/components/_card.scss
@@ -128,5 +128,9 @@
128 } 128 }
129 } 129 }
130 } 130 }
131
132 @media print {
133 border: 2px solid currentColor;
134 }
131 } 135 }
132} 136}
diff --git a/assets/css/components/_footer.scss b/assets/css/components/_footer.scss
index 7106be2..6b483ca 100644
--- a/assets/css/components/_footer.scss
+++ b/assets/css/components/_footer.scss
@@ -31,5 +31,9 @@
31 overflow: visible; 31 overflow: visible;
32 transform: translateX(-50%); 32 transform: translateX(-50%);
33 } 33 }
34
35 @media print {
36 display: none;
37 }
34 } 38 }
35} 39}
diff --git a/assets/css/components/_header.scss b/assets/css/components/_header.scss
index 1470bea..15fa5a1 100644
--- a/assets/css/components/_header.scss
+++ b/assets/css/components/_header.scss
@@ -76,5 +76,9 @@
76 top: 2px; 76 top: 2px;
77 margin-bottom: calc(-.75 * #{prop(--dims --height)}); 77 margin-bottom: calc(-.75 * #{prop(--dims --height)});
78 } 78 }
79
80 @media print {
81 display: none;
82 }
79 } 83 }
80} 84}
diff --git a/assets/css/scopes/_body.scss b/assets/css/scopes/_body.scss
index 8b916aa..f5456c0 100644
--- a/assets/css/scopes/_body.scss
+++ b/assets/css/scopes/_body.scss
@@ -89,6 +89,10 @@
89 background-color: transparent; 89 background-color: transparent;
90 color: currentColor; 90 color: currentColor;
91 } 91 }
92
93 @media print {
94 border: 2px solid currentColor;
95 }
92 } 96 }
93 } 97 }
94} 98}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 8068b87..67f44ed 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -36,4 +36,9 @@
36 @media (prefers-color-scheme: light) { 36 @media (prefers-color-scheme: light) {
37 @include assign('light'); 37 @include assign('light');
38 } 38 }
39
40 @media print {
41 @include assign('light');
42 @include assign('print');
43 }
39} 44}