diff options
Diffstat (limited to 'assets')
| -rw-r--r-- | assets/css/scopes/_headlines.scss | 38 | 
1 files changed, 38 insertions, 0 deletions
| diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss index f09481e..3802f5a 100644 --- a/assets/css/scopes/_headlines.scss +++ b/assets/css/scopes/_headlines.scss | |||
| @@ -1,6 +1,10 @@ | |||
| 1 | @include namespace('headlines') { | 1 | @include namespace('headlines') { | 
| 2 | @include store(( | 2 | @include store(( | 
| 3 | --colors: ( | 3 | --colors: ( | 
| 4 | --link: ( | ||
| 5 | --idle-fg: prop(--colors --obj, $global: true), | ||
| 6 | --hover-fg: prop(--colors --fg-lo, $global: true), | ||
| 7 | ), | ||
| 4 | --emph: ( | 8 | --emph: ( | 
| 5 | --bg: prop(--colors --bg-hi, $global: true), | 9 | --bg: prop(--colors --bg-hi, $global: true), | 
| 6 | --body-bg: prop(--colors --bg-hi, $global: true), | 10 | --body-bg: prop(--colors --bg-hi, $global: true), | 
| @@ -74,5 +78,39 @@ | |||
| 74 | ); | 78 | ); | 
| 75 | } | 79 | } | 
| 76 | } | 80 | } | 
| 81 | |||
| 82 | @include element('link') { | ||
| 83 | display: none; | ||
| 84 | margin: -.5rem 0; | ||
| 85 | padding: .5rem; | ||
| 86 | vertical-align: -.1em; | ||
| 87 | |||
| 88 | svg { | ||
| 89 | width: 1 / 16 * 14em; | ||
| 90 | height: 1 / 16 * 14em; | ||
| 91 | } | ||
| 92 | |||
| 93 | &:link, | ||
| 94 | &:visited { | ||
| 95 | color: prop(--colors --link --idle-fg); | ||
| 96 | |||
| 97 | &:hover { | ||
| 98 | color: prop(--colors --link --hover-fg); | ||
| 99 | } | ||
| 100 | } | ||
| 101 | } | ||
| 102 | |||
| 103 | h1, | ||
| 104 | h2, | ||
| 105 | h3, | ||
| 106 | h4, | ||
| 107 | h5, | ||
| 108 | h6 { | ||
| 109 | &:hover { | ||
| 110 | @include element('link') { | ||
| 111 | display: inline-block; | ||
| 112 | } | ||
| 113 | } | ||
| 114 | } | ||
| 77 | } | 115 | } | 
| 78 | } | 116 | } | 
