diff options
| author | Volpeon <git@volpeon.ink> | 2021-05-10 16:41:05 +0200 | 
|---|---|---|
| committer | Volpeon <git@volpeon.ink> | 2021-05-10 16:41:05 +0200 | 
| commit | a48d05d1d5fcff414359c8ba6cc8f38467aebdeb (patch) | |
| tree | 3542bf116c910a1bb42b40d8531f60c2c2498b08 /assets/css/components/_outer-button.scss | |
| parent | Update (diff) | |
| download | volpeon.ink-a48d05d1d5fcff414359c8ba6cc8f38467aebdeb.tar.gz volpeon.ink-a48d05d1d5fcff414359c8ba6cc8f38467aebdeb.tar.bz2 volpeon.ink-a48d05d1d5fcff414359c8ba6cc8f38467aebdeb.zip  | |
Refactoring to fully take advantage of Make
Diffstat (limited to 'assets/css/components/_outer-button.scss')
| -rw-r--r-- | assets/css/components/_outer-button.scss | 8 | 
1 files changed, 5 insertions, 3 deletions
diff --git a/assets/css/components/_outer-button.scss b/assets/css/components/_outer-button.scss index 22fa251..e54c83d 100644 --- a/assets/css/components/_outer-button.scss +++ b/assets/css/components/_outer-button.scss  | |||
| @@ -24,7 +24,8 @@ | |||
| 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-size: 1 / 16 * 15rem; | 27 | font-size: 1rem; | 
| 28 | font-weight: 700; | ||
| 28 | letter-spacing: 1px; | 29 | letter-spacing: 1px; | 
| 29 | text-decoration: none; | 30 | text-decoration: none; | 
| 30 | text-transform: uppercase; | 31 | text-transform: uppercase; | 
| @@ -51,8 +52,8 @@ | |||
| 51 | 52 | ||
| 52 | @include element('icon-symbol') { | 53 | @include element('icon-symbol') { | 
| 53 | display: block; | 54 | display: block; | 
| 54 | width: 1.45em; | 55 | width: 1.5em; | 
| 55 | height: 1.45em; | 56 | height: 1.5em; | 
| 56 | } | 57 | } | 
| 57 | 58 | ||
| 58 | @include element('content') { | 59 | @include element('content') { | 
| @@ -60,6 +61,7 @@ | |||
| 60 | padding-right: prop(--dims --pad-x); | 61 | padding-right: prop(--dims --pad-x); | 
| 61 | padding-left: prop(--dims --pad-x); | 62 | padding-left: prop(--dims --pad-x); | 
| 62 | transition: border-color .2s; | 63 | transition: border-color .2s; | 
| 64 | font-size: 1 / 16 * 14em; | ||
| 63 | line-height: prop(--dims --outer, $global: true); | 65 | line-height: prop(--dims --outer, $global: true); | 
| 64 | white-space: nowrap; | 66 | white-space: nowrap; | 
| 65 | } | 67 | } | 
