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 | } | ||
