diff options
Diffstat (limited to 'assets')
| -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 | } |
