diff options
| author | Volpeon <git@volpeon.ink> | 2021-05-12 08:37:29 +0200 |
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-05-12 08:37:29 +0200 |
| commit | 2cda552e5444edb6b4b5842b7932e8fd0b3f15b0 (patch) | |
| tree | d690f7f3ee9430e00df386efb05f25746778ddd3 /assets | |
| parent | Design (diff) | |
| download | volpeon.ink-2cda552e5444edb6b4b5842b7932e8fd0b3f15b0.tar.gz volpeon.ink-2cda552e5444edb6b4b5842b7932e8fd0b3f15b0.tar.bz2 volpeon.ink-2cda552e5444edb6b4b5842b7932e8fd0b3f15b0.zip | |
Design update
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/_vars.scss | 4 | ||||
| -rw-r--r-- | assets/css/components/_post-list.scss | 13 |
2 files changed, 8 insertions, 9 deletions
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss index 5ba9fa2..ab3d9e5 100644 --- a/assets/css/_vars.scss +++ b/assets/css/_vars.scss | |||
| @@ -68,8 +68,8 @@ $gray7: hsl(220, 7%, 100%); | |||
| 68 | --link: ( | 68 | --link: ( |
| 69 | --idle: var(--colors--fg-lo), | 69 | --idle: var(--colors--fg-lo), |
| 70 | --colored: ( | 70 | --colored: ( |
| 71 | --idle: hsl(210, 90%, 72%), // hsl(354, 100%, 66%), | 71 | --idle: hsl(210, 90%, 72%), //hsl(var(--colors--accent--h), 100%, 66%), // |
| 72 | --visited: hsl(270, 60%, 75%), // hsl(354, 50%, 66%), | 72 | --visited: hsl(270, 60%, 75%), //hsl(var(--colors--accent--h), 50%, 66%), // |
| 73 | ) | 73 | ) |
| 74 | ), | 74 | ), |
| 75 | ) | 75 | ) |
diff --git a/assets/css/components/_post-list.scss b/assets/css/components/_post-list.scss index 764fe3f..5e9f520 100644 --- a/assets/css/components/_post-list.scss +++ b/assets/css/components/_post-list.scss | |||
| @@ -5,8 +5,8 @@ | |||
| 5 | --fg: prop(--colors --fg-lo, $global: true), | 5 | --fg: prop(--colors --fg-lo, $global: true), |
| 6 | ), | 6 | ), |
| 7 | --post: ( | 7 | --post: ( |
| 8 | --idle-fg: hsl(210, 90%, 72%), // hsl(354, 100%, 66%), | 8 | --idle-fg: prop(--colors --fg-lo, $global: true), |
| 9 | --visited-fg: hsl(270, 60%, 75%), // hsl(354, 50%, 66%), | 9 | --visited-fg: prop(--colors --fg, $global: true), |
| 10 | --bg: prop(--colors --bg-lo, $global: true), | 10 | --bg: prop(--colors --bg-lo, $global: true), |
| 11 | --border: prop(--colors --obj-hi, $global: true), | 11 | --border: prop(--colors --obj-hi, $global: true), |
| 12 | ), | 12 | ), |
| @@ -41,7 +41,7 @@ | |||
| 41 | text-decoration: none; | 41 | text-decoration: none; |
| 42 | 42 | ||
| 43 | @include next-twin-element { | 43 | @include next-twin-element { |
| 44 | border-top: 1px solid prop(--colors --post --border); | 44 | margin-top: 2px; |
| 45 | } | 45 | } |
| 46 | 46 | ||
| 47 | &:visited { | 47 | &:visited { |
| @@ -52,10 +52,9 @@ | |||
| 52 | } | 52 | } |
| 53 | 53 | ||
| 54 | @include element('post-title') { | 54 | @include element('post-title') { |
| 55 | margin-right: 1em; | 55 | margin-right: 1em; |
| 56 | color: prop(--colors --post --idle-fg); | 56 | color: prop(--colors --post --idle-fg); |
| 57 | font-size: 1 / 16 * 17em; | 57 | font-size: 1 / 16 * 17em; |
| 58 | text-decoration: underline; | ||
| 59 | } | 58 | } |
| 60 | 59 | ||
| 61 | @include element('post-date') { | 60 | @include element('post-date') { |
