diff options
author | Volpeon <git@volpeon.ink> | 2021-05-16 14:45:16 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2021-05-16 14:45:16 +0200 |
commit | 349cbedd7f2132151ed6a170cc53453b0fba363a (patch) | |
tree | 92fb94b1fa4b816e82a49b59ff956034ba50f620 /assets/css/_vars.scss | |
parent | Small design adjustments (diff) | |
download | volpeon.ink-349cbedd7f2132151ed6a170cc53453b0fba363a.tar.gz volpeon.ink-349cbedd7f2132151ed6a170cc53453b0fba363a.tar.bz2 volpeon.ink-349cbedd7f2132151ed6a170cc53453b0fba363a.zip |
Design
Diffstat (limited to 'assets/css/_vars.scss')
-rw-r--r-- | assets/css/_vars.scss | 35 |
1 files changed, 14 insertions, 21 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 814a68d..96c1c75 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
@@ -56,10 +56,12 @@ $content--width: 42rem; | |||
56 | --obj-shadow: transparent, | 56 | --obj-shadow: transparent, |
57 | 57 | ||
58 | --accent: ( | 58 | --accent: ( |
59 | --h: 354, | 59 | --h: 354, |
60 | --s: 84%, | 60 | --s: 84%, |
61 | --l: 55%, | 61 | --l: 55%, |
62 | --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)), | 62 | --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)), |
63 | --strong: hsl(var(--colors--accent--h), calc(var(--colors--accent--s) * 1.1), calc(var(--colors--accent--l) * 1.1)), | ||
64 | --faint: hsla(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l), .1), | ||
63 | ), | 65 | ), |
64 | 66 | ||
65 | --focus-ring: var(--colors--fg-lo), | 67 | --focus-ring: var(--colors--fg-lo), |
@@ -77,6 +79,10 @@ $content--width: 42rem; | |||
77 | --visited: hsl(270, 60%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), // | 79 | --visited: hsl(270, 60%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), // |
78 | ) | 80 | ) |
79 | ), | 81 | ), |
82 | |||
83 | --code: ( | ||
84 | --fg: var(--colors--fg-hi), | ||
85 | ), | ||
80 | ) | 86 | ) |
81 | )); | 87 | )); |
82 | } | 88 | } |
@@ -107,10 +113,10 @@ $content--width: 42rem; | |||
107 | --obj-shadow: rgba(#000, .05), | 113 | --obj-shadow: rgba(#000, .05), |
108 | 114 | ||
109 | --accent: ( | 115 | --accent: ( |
110 | --h: 354, | 116 | --h: 354, |
111 | --s: 74%, | 117 | --s: 74%, |
112 | --l: 48%, | 118 | --l: 48%, |
113 | --color: hsl(var(--colors--accent--h), var(--colors--accent--s), var(--colors--accent--l)), | 119 | --strong: hsl(var(--colors--accent--h), var(--colors--accent--s), calc(var(--colors--accent--l) * .9)), |
114 | ), | 120 | ), |
115 | 121 | ||
116 | --select: ( | 122 | --select: ( |
@@ -142,16 +148,3 @@ $content--width: 42rem; | |||
142 | --indent: 1.5rem, | 148 | --indent: 1.5rem, |
143 | ), | 149 | ), |
144 | ), 'sm'); | 150 | ), 'sm'); |
145 | |||
146 | :root { | ||
147 | --heading--fg: var(--colors--fg-lo); | ||
148 | |||
149 | --code--fg: var(--colors--fg-hi); | ||
150 | |||
151 | --code-block--fg: var(--colors--fg-hi); | ||
152 | |||
153 | --page--link--idle--fg: var(--link--idle--fg); // hsl(45, 100%, 70%); // hsl(215, 100%, 80%); // var(--link--idle--fg); // #ffd866; | ||
154 | --page--link--visited--fg: var(--colors--fg); // hsl(23, 89%, 65%); // hsl(260, 58%, 78%); // var(--fg-lo); // #f59458; | ||
155 | --page--link--hover--bg: var(--page--link--idle--fg); | ||
156 | --page--link--hover--fg: #000; | ||
157 | } | ||