From 575278aba99139635adc3b1f9385befe57102541 Mon Sep 17 00:00:00 2001 From: Volpeon Date: Sat, 11 Jun 2022 09:44:04 +0200 Subject: Re-implemented design via iro-design --- assets/css/scopes/_headlines.scss | 104 -------------------------------------- 1 file changed, 104 deletions(-) delete mode 100644 assets/css/scopes/_headlines.scss (limited to 'assets/css/scopes/_headlines.scss') diff --git a/assets/css/scopes/_headlines.scss b/assets/css/scopes/_headlines.scss deleted file mode 100644 index bfd5caa..0000000 --- a/assets/css/scopes/_headlines.scss +++ /dev/null @@ -1,104 +0,0 @@ -@include namespace('headlines') { - @include store(( - --colors: ( - --link: ( - --idle-fg: prop(--colors --obj, $global: true), - --hover-fg: prop(--colors --fg-lo, $global: true), - ), - --emph: ( - --bg: prop(--colors --bg-hi, $global: true), - --body-bg: prop(--colors --bg-hi, $global: true), - ) - ) - )); - - @include store(( - --colors: ( - --emph: ( - --body-bg: prop(--colors --bg, $global: true), - ) - ) - ), 'light'); - - @include scope(namespace()) { - h1, - h2, - h3 { - font-family: $font-fam--large; - font-weight: 600; - letter-spacing: normal; - line-height: 1.4; - text-transform: none; - font-feature-settings: 'ss02' 1; - } - - h1, - h2, - h3, - h4 { - transform: translateX(-.06em); - } - - h1 { - @include iro-responsive-modular-scale(font-size, 3, $responsive-mod-scale); - } - - h2 { - @include iro-responsive-modular-scale(font-size, 2, $responsive-mod-scale); - } - - h3 { - @include iro-responsive-modular-scale(font-size, 1, $responsive-mod-scale); - } - - h5, - h6 { - color: currentColor; - font-weight: 400; - } - - @include element('title-inner') { - background-image: linear-gradient( - to top, - transparent .15em, - #{prop(--colors --emph --bg)} .15em, - #{prop(--colors --emph --bg)} .6em, - transparent .6em - ); - } - - @include element('link') { - display: none; - margin: -.5rem 0; - padding: .5rem; - vertical-align: -.02em; - - svg { - width: px-to-em(12px); - height: px-to-em(12px); - } - - &:link, - &:visited { - color: prop(--colors --link --idle-fg); - - &:hover { - color: prop(--colors --link --hover-fg); - } - } - } - - h1, - h2, - h3, - h4, - h5, - h6 { - &:hover { - @include element('link') { - display: inline-block; - } - } - } - } -} -- cgit v1.2.3-54-g00ecf