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