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 | } |
