From b292cd39bf5e5c2d96f2f64eb1a94d8fd63fae9e Mon Sep 17 00:00:00 2001 From: Volpeon Date: Mon, 22 Mar 2021 20:52:20 +0100 Subject: WIP: Redesign --- assets/css/components/_hero.scss | 53 ---------------------------------------- 1 file changed, 53 deletions(-) delete mode 100644 assets/css/components/_hero.scss (limited to 'assets/css/components/_hero.scss') diff --git a/assets/css/components/_hero.scss b/assets/css/components/_hero.scss deleted file mode 100644 index 3d8890e..0000000 --- a/assets/css/components/_hero.scss +++ /dev/null @@ -1,53 +0,0 @@ -@include namespace('hero') { - @include store(( - --colors: ( - --emph-fg: prop(--colors --accent, $global: true), - --back-fg: prop(--colors --bg-hi, $global: true) - ) - )); - - @include component(namespace()) { - display: flex; - position: relative; - align-items: center; - justify-content: center; - text-align: center; - - @include element('title') { - margin-top: 0; - font-family: $font-fam--large; - text-transform: none; - - @include modifier('front') { - max-width: 7em; - font-size: 2.5rem; - font-weight: 200; - } - - @include modifier('back') { - position: absolute; - z-index: -10; - transform: translateY(-.08em); - color: prop(--colors --back-fg); - } - } - - @include element('emph') { - color: prop(--colors --emph-fg); - font-weight: 500; - } - - @include iro-responsive-env(('xs', 'sm', 'md')) { - @include element('title') { - @include modifier('front') { - padding: iro-responsive-set((7rem, 7rem, 10rem)) 0; - font-size: iro-responsive-set((2.2rem, 3rem, 3.5rem)); - } - - @include modifier('back') { - font-size: iro-responsive-set((12rem, 14rem, 16rem)); - } - } - } - } -} -- cgit v1.2.3-54-g00ecf