diff options
author | Volpeon <git@volpeon.ink> | 2022-06-11 09:44:04 +0200 |
---|---|---|
committer | Volpeon <git@volpeon.ink> | 2022-06-11 09:44:04 +0200 |
commit | 575278aba99139635adc3b1f9385befe57102541 (patch) | |
tree | d98a160167610717da37f6340b3884ba4224fe5d /assets/css/objects | |
parent | Update (diff) | |
download | volpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.gz volpeon.ink-575278aba99139635adc3b1f9385befe57102541.tar.bz2 volpeon.ink-575278aba99139635adc3b1f9385befe57102541.zip |
Re-implemented design via iro-design
Diffstat (limited to 'assets/css/objects')
-rw-r--r-- | assets/css/objects/_badge.scss | 25 | ||||
-rw-r--r-- | assets/css/objects/_icon.scss | 33 |
2 files changed, 0 insertions, 58 deletions
diff --git a/assets/css/objects/_badge.scss b/assets/css/objects/_badge.scss deleted file mode 100644 index 216bb89..0000000 --- a/assets/css/objects/_badge.scss +++ /dev/null | |||
@@ -1,25 +0,0 @@ | |||
1 | @include namespace('badge') { | ||
2 | @include store(( | ||
3 | --colors: ( | ||
4 | --fg: prop(--colors --bg-hi, $global: true), | ||
5 | --bg: prop(--colors --fg-lo, $global: true), | ||
6 | ), | ||
7 | --dims: ( | ||
8 | --pad-x: .6em, | ||
9 | --pad-y: .2em | ||
10 | ) | ||
11 | )); | ||
12 | |||
13 | @include object(namespace()) { | ||
14 | display: inline-block; | ||
15 | padding: prop(--dims --pad-y) prop(--dims --pad-x); | ||
16 | background-color: prop(--colors --bg); | ||
17 | color: prop(--colors --fg); | ||
18 | font-size: iro-px-to-rem(14px); | ||
19 | |||
20 | &::selection { | ||
21 | background-color: prop(--colors --select --inverted --bg, $global: true); | ||
22 | color: prop(--colors --select --inverted --fg, $global: true); | ||
23 | } | ||
24 | } | ||
25 | } | ||
diff --git a/assets/css/objects/_icon.scss b/assets/css/objects/_icon.scss deleted file mode 100644 index 15389f5..0000000 --- a/assets/css/objects/_icon.scss +++ /dev/null | |||
@@ -1,33 +0,0 @@ | |||
1 | @include namespace('icon') { | ||
2 | @keyframes fall { | ||
3 | to { | ||
4 | transform: translateY(105vh) rotate(90deg); | ||
5 | } | ||
6 | } | ||
7 | |||
8 | @include object(namespace()) { | ||
9 | display: block; | ||
10 | width: 1em; | ||
11 | height: 1em; | ||
12 | stroke-width: var(--icon-stroke-width, 1.5px); | ||
13 | stroke-linecap: round; | ||
14 | stroke-linejoin: round; | ||
15 | |||
16 | @include modifier('inline') { | ||
17 | display: inline-block; | ||
18 | vertical-align: -.1em; | ||
19 | } | ||
20 | |||
21 | @include modifier('snow') { | ||
22 | position: fixed; | ||
23 | z-index: 1000; | ||
24 | top: -1.2em; | ||
25 | width: 1em; | ||
26 | height: 1em; | ||
27 | animation: fall linear forwards; | ||
28 | stroke-width: 2px; | ||
29 | color: #fff; | ||
30 | pointer-events: none; | ||
31 | } | ||
32 | } | ||
33 | } | ||