diff options
Diffstat (limited to 'assets/css/components/_landing-banner.scss')
-rw-r--r-- | assets/css/components/_landing-banner.scss | 16 |
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 | } |