diff options
-rw-r--r-- | assets/css/_vars.scss | 22 | ||||
-rw-r--r-- | assets/css/components/_card-list.scss | 4 | ||||
-rw-r--r-- | assets/css/components/_card.scss | 4 | ||||
-rw-r--r-- | assets/css/components/_footer.scss | 4 | ||||
-rw-r--r-- | assets/css/components/_header.scss | 4 | ||||
-rw-r--r-- | assets/css/scopes/_body.scss | 4 | ||||
-rw-r--r-- | assets/css/style.scss | 5 |
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 | } |