summaryrefslogtreecommitdiffstats
path: root/assets/css/components
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2021-05-06 21:53:04 +0200
committerVolpeon <git@volpeon.ink>2021-05-06 21:53:04 +0200
commite99681e1abb802e486a7042434ec2697585a9d0e (patch)
tree66a286c6b95b27d76c0170b0ad261b5016cdc553 /assets/css/components
parentUpdate (diff)
downloadvolpeon.ink-e99681e1abb802e486a7042434ec2697585a9d0e.tar.gz
volpeon.ink-e99681e1abb802e486a7042434ec2697585a9d0e.tar.bz2
volpeon.ink-e99681e1abb802e486a7042434ec2697585a9d0e.zip
Update
Diffstat (limited to 'assets/css/components')
-rw-r--r--assets/css/components/_landing-banner.scss5
-rw-r--r--assets/css/components/_outer-button.scss11
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 }