diff options
| author | Bobby <[email protected]> | 2023-09-23 01:42:29 -0400 |
|---|---|---|
| committer | Bobby <[email protected]> | 2023-09-23 01:42:29 -0400 |
| commit | 8b6812816f0610f0942cfcd4eb70333b1a8e8a3f (patch) | |
| tree | 184c97135df67d202fe24681423ffa25ba642d73 /static/@solitude/css/welcome/button.css | |
| parent | ee777e041132206014b6be397d7c8d9a1d015265 (diff) | |
| download | thatcomputerscientist-8b6812816f0610f0942cfcd4eb70333b1a8e8a3f.tar.xz thatcomputerscientist-8b6812816f0610f0942cfcd4eb70333b1a8e8a3f.zip | |
Removed Solitude + Refactor
Diffstat (limited to 'static/@solitude/css/welcome/button.css')
| -rw-r--r-- | static/@solitude/css/welcome/button.css | 68 |
1 files changed, 0 insertions, 68 deletions
diff --git a/static/@solitude/css/welcome/button.css b/static/@solitude/css/welcome/button.css deleted file mode 100644 index cd80d360..00000000 --- a/static/@solitude/css/welcome/button.css +++ /dev/null @@ -1,68 +0,0 @@ -.button { - --offset: 10px; - --border-size: 2px; - display: block; - position: relative; - padding: 1.5em 3em; - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; - border: 0; - background: transparent; - color: #f06b63; - text-transform: uppercase; - letter-spacing: 0.25em; - outline: none; - cursor: pointer; - font-weight: bold; - border-radius: 0; - box-shadow: inset 0 0 0 var(--border-size) currentcolor; - transition: background 0.8s ease; -} -.button:hover { - background: rgba(100, 0, 0, 0.03); -} -.button__horizontal, -.button__vertical { - position: absolute; - top: var(--horizontal-offset, 0); - right: var(--vertical-offset, 0); - bottom: var(--horizontal-offset, 0); - left: var(--vertical-offset, 0); - transition: transform 0.8s ease; - will-change: transform; -} -.button__horizontal::before, -.button__vertical::before { - content: ""; - position: absolute; - border: inherit; -} -.button__horizontal { - --vertical-offset: calc(var(--offset) * -1); - border-top: var(--border-size) solid currentcolor; - border-bottom: var(--border-size) solid currentcolor; -} -.button__horizontal::before { - top: calc(var(--vertical-offset) - var(--border-size)); - bottom: calc(var(--vertical-offset) - var(--border-size)); - left: calc(var(--vertical-offset) * -1); - right: calc(var(--vertical-offset) * -1); -} -.button:hover .button__horizontal { - transform: scaleX(0); -} -.button__vertical { - --horizontal-offset: calc(var(--offset) * -1); - border-left: var(--border-size) solid currentcolor; - border-right: var(--border-size) solid currentcolor; -} -.button__vertical::before { - top: calc(var(--horizontal-offset) * -1); - bottom: calc(var(--horizontal-offset) * -1); - left: calc(var(--horizontal-offset) - var(--border-size)); - right: calc(var(--horizontal-offset) - var(--border-size)); -} -.button:hover .button__vertical { - transform: scaleY(0); -} |
