diff options
Diffstat (limited to 'assets/css/components')
| -rw-r--r-- | assets/css/components/_landing-banner.scss | 5 | ||||
| -rw-r--r-- | assets/css/components/_outer-button.scss | 11 |
2 files changed, 6 insertions, 10 deletions
diff --git a/assets/css/components/_landing-banner.scss b/assets/css/components/_landing-banner.scss index 58d64d7..0e44e35 100644 --- a/assets/css/components/_landing-banner.scss +++ b/assets/css/components/_landing-banner.scss | |||
| @@ -13,13 +13,10 @@ | |||
| 13 | transform: translateX(-.06em); | 13 | transform: translateX(-.06em); |
| 14 | font-family: $font-fam--large; | 14 | font-family: $font-fam--large; |
| 15 | font-weight: 350; | 15 | font-weight: 350; |
| 16 | line-height: 1.2; | ||
| 16 | text-transform: none; | 17 | text-transform: none; |
| 17 | } | 18 | } |
| 18 | 19 | ||
| 19 | @include element('text') { | ||
| 20 | font-size: 1 / 16 * 18em; | ||
| 21 | } | ||
| 22 | |||
| 23 | @include element('title-inner') { | 20 | @include element('title-inner') { |
| 24 | background-image: linear-gradient( | 21 | background-image: linear-gradient( |
| 25 | to top, | 22 | to top, |
diff --git a/assets/css/components/_outer-button.scss b/assets/css/components/_outer-button.scss index d1da93c..22fa251 100644 --- a/assets/css/components/_outer-button.scss +++ b/assets/css/components/_outer-button.scss | |||
| @@ -24,10 +24,10 @@ | |||
| 24 | transition: background-color .2s, color .2s; | 24 | transition: background-color .2s, color .2s; |
| 25 | background-color: prop(--colors --bg); | 25 | background-color: prop(--colors --bg); |
| 26 | color: prop(--colors --fg); | 26 | color: prop(--colors --fg); |
| 27 | font-family: $font-fam--large; | 27 | font-size: 1 / 16 * 15rem; |
| 28 | font-size: 1rem; | 28 | letter-spacing: 1px; |
| 29 | font-weight: 500; | ||
| 30 | text-decoration: none; | 29 | text-decoration: none; |
| 30 | text-transform: uppercase; | ||
| 31 | 31 | ||
| 32 | @include modifier('inverted') { | 32 | @include modifier('inverted') { |
| 33 | background-color: prop(--colors --inverted --bg); | 33 | background-color: prop(--colors --inverted --bg); |
| @@ -51,8 +51,8 @@ | |||
| 51 | 51 | ||
| 52 | @include element('icon-symbol') { | 52 | @include element('icon-symbol') { |
| 53 | display: block; | 53 | display: block; |
| 54 | width: 1.35em; | 54 | width: 1.45em; |
| 55 | height: 1.35em; | 55 | height: 1.45em; |
| 56 | } | 56 | } |
| 57 | 57 | ||
| 58 | @include element('content') { | 58 | @include element('content') { |
| @@ -60,7 +60,6 @@ | |||
| 60 | padding-right: prop(--dims --pad-x); | 60 | padding-right: prop(--dims --pad-x); |
| 61 | padding-left: prop(--dims --pad-x); | 61 | padding-left: prop(--dims --pad-x); |
| 62 | transition: border-color .2s; | 62 | transition: border-color .2s; |
| 63 | font-size: 1 / 16 * 15em; | ||
| 64 | line-height: prop(--dims --outer, $global: true); | 63 | line-height: prop(--dims --outer, $global: true); |
| 65 | white-space: nowrap; | 64 | white-space: nowrap; |
| 66 | } | 65 | } |
