summaryrefslogtreecommitdiffstats
path: root/assets/css/components/_landing-banner.scss
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-04-12 20:39:04 +0200
committerVolpeon <git@volpeon.ink>2021-04-12 20:39:04 +0200
commit6b2c6c4260b2af2adad37dc1f8c50a904e04f13d (patch)
tree46db61ecffa196c31f19b7f437b554ad1c2a193c /assets/css/components/_landing-banner.scss
parentWIP: Redesign (diff)
downloadvolpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.tar.gz
volpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.tar.bz2
volpeon.ink-6b2c6c4260b2af2adad37dc1f8c50a904e04f13d.zip
Update
Diffstat (limited to 'assets/css/components/_landing-banner.scss')
-rw-r--r--assets/css/components/_landing-banner.scss16
1 files changed, 12 insertions, 4 deletions
diff --git a/assets/css/components/_landing-banner.scss b/assets/css/components/_landing-banner.scss
index 412ca8a..8f07c37 100644
--- a/assets/css/components/_landing-banner.scss
+++ b/assets/css/components/_landing-banner.scss
@@ -7,17 +7,19 @@
7 )); 7 ));
8 8
9 @include component(namespace()) { 9 @include component(namespace()) {
10 font-size: 1 / 16 * 17em;
11
12 @include element('title') { 10 @include element('title') {
13 max-width: 7em; 11 max-width: 7em;
14 margin-top: 0; 12 margin-top: 0;
15 transform: translateX(-.04em); 13 transform: translateX(-.05em);
16 font-family: $font-fam--large; 14 font-family: $font-fam--large;
17 font-weight: 350; 15 font-weight: 350;
18 text-transform: none; 16 text-transform: none;
19 } 17 }
20 18
19 @include element('text') {
20 font-size: 1 / 16 * 17em;
21 }
22
21 @include element('title-inner') { 23 @include element('title-inner') {
22 background-image: linear-gradient( 24 background-image: linear-gradient(
23 to top, 25 to top,
@@ -33,9 +35,15 @@
33 font-weight: 550; 35 font-weight: 550;
34 } 36 }
35 37
38 @include media('<=md') {
39 @include element('title') {
40 max-width: none;
41 }
42 }
43
36 @include iro-responsive-env(('md', 'lg')) { 44 @include iro-responsive-env(('md', 'lg')) {
37 @include element('title') { 45 @include element('title') {
38 font-size: iro-responsive-set((2.6rem, 3rem)); 46 font-size: iro-responsive-set((2.6rem, 3.4rem));
39 } 47 }
40 } 48 }
41 } 49 }