summaryrefslogtreecommitdiffstats
path: root/assets/css
diff options
context:
space:
mode:
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/_basics.scss2
-rw-r--r--assets/css/_vars.scss2
-rw-r--r--assets/css/components/_card-list.scss36
-rw-r--r--assets/css/scopes/_invisible-links.scss13
-rw-r--r--assets/css/style.scss1
5 files changed, 24 insertions, 30 deletions
diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 4d9f2f5..efa0279 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -171,7 +171,7 @@ p {
171 171
172:link, 172:link,
173:visited { 173:visited {
174 color: prop(--colors --link --idle); 174 color: prop(--colors --link --default);
175} 175}
176 176
177hr { 177hr {
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index a8c7fdf..9e1b661 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -80,7 +80,7 @@ $content--width: 46rem;
80 ), 80 ),
81 81
82 --link: ( 82 --link: (
83 --idle: var(--colors--fg-lo), 83 --default: var(--colors--fg-lo),
84 --colored: ( 84 --colored: (
85 --idle-h: 220, 85 --idle-h: 220,
86 --idle-s: 100%, 86 --idle-s: 100%,
diff --git a/assets/css/components/_card-list.scss b/assets/css/components/_card-list.scss
index 605c442..aa6eef9 100644
--- a/assets/css/components/_card-list.scss
+++ b/assets/css/components/_card-list.scss
@@ -1,12 +1,8 @@
1@include namespace('card-list') { 1@include namespace('card-list') {
2 @include store(( 2 @include store((
3 --colors: ( 3 --colors: (
4 --cat: ( 4 --title: prop(--colors --fg-lo, $global: true),
5 --fg: prop(--colors --fg-lo, $global: true), 5 --text: prop(--colors --fg-hi, $global: true),
6 ),
7 --meta: (
8 --fg: prop(--colors --fg-hi, $global: true),
9 )
10 ), 6 ),
11 --dims: ( 7 --dims: (
12 --col-width: 17em 8 --col-width: 17em
@@ -17,36 +13,20 @@
17 margin-top: $line-height * 2rem; 13 margin-top: $line-height * 2rem;
18 font-size: 1rem; 14 font-size: 1rem;
19 15
20 @include element('category-header') { 16 @include element('title') {
21 margin-top: $line-height * 2rem; 17 color: prop(--colors --title);
22 color: prop(--colors --cat --fg);
23 } 18 }
24 19
25 @include element('category-title') { 20 @include element('text') {
26 display: inline-block; 21 color: prop(--colors --text);
27 margin-top: 0; 22 line-height: 1.4;
28 margin-right: 1em;
29
30 :link,
31 :visited {
32 text-decoration: none;
33
34 &:hover {
35 text-decoration: underline;
36 }
37 }
38 }
39
40 @include element('category-description') {
41 display: block;
42 font-size: px-to-em(15px);
43 23
44 p { 24 p {
45 margin-top: $line-height * .25rem; 25 margin-top: $line-height * .25rem;
46 } 26 }
47 } 27 }
48 28
49 @include element('category-content') { 29 @include element('cards') {
50 margin-top: $line-height * .625rem; 30 margin-top: $line-height * .625rem;
51 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)}); 31 filter: drop-shadow(#{prop(--dims --obj-shadow, $global: true)} #{prop(--colors --obj-shadow, $global: true)});
52 32
diff --git a/assets/css/scopes/_invisible-links.scss b/assets/css/scopes/_invisible-links.scss
new file mode 100644
index 0000000..e4d149e
--- /dev/null
+++ b/assets/css/scopes/_invisible-links.scss
@@ -0,0 +1,13 @@
1@include namespace('invisible-links') {
2 @include scope(namespace()) {
3 :link,
4 :visited {
5 color: currentColor;
6 text-decoration: none;
7
8 &:hover {
9 text-decoration: underline;
10 }
11 }
12 }
13}
diff --git a/assets/css/style.scss b/assets/css/style.scss
index 67f44ed..754b91e 100644
--- a/assets/css/style.scss
+++ b/assets/css/style.scss
@@ -19,6 +19,7 @@
19@import 'components/card-list'; 19@import 'components/card-list';
20 20
21@import 'scopes/colored-links'; 21@import 'scopes/colored-links';
22@import 'scopes/invisible-links';
22@import 'scopes/headlines'; 23@import 'scopes/headlines';
23@import 'scopes/body'; 24@import 'scopes/body';
24 25