summaryrefslogtreecommitdiffstats
path: root/assets/css/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
committerVolpeon <git@volpeon.ink>2022-06-11 09:44:04 +0200
commit575278aba99139635adc3b1f9385befe57102541 (patch)
treed98a160167610717da37f6340b3884ba4224fe5d /assets/css/objects
parentUpdate (diff)
downloadvolpeon.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.scss25
-rw-r--r--assets/css/objects/_icon.scss33
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}