diff options
author | Silas Bartha <[email protected]> | 2024-08-21 15:38:02 -0400 |
---|---|---|
committer | Silas Bartha <[email protected]> | 2024-08-21 15:38:02 -0400 |
commit | f3e8e5b379114bff3efdd4a387276231e6d1c56f (patch) | |
tree | 3f865f11e589577b743e6152e9e41d5c748b7cba /sass/style.scss | |
parent | 2e5297636edf320c78e2dc295425b2a70766c2fe (diff) |
headless render + terminal display pages
Diffstat (limited to 'sass/style.scss')
-rw-r--r-- | sass/style.scss | 23 |
1 files changed, 23 insertions, 0 deletions
diff --git a/sass/style.scss b/sass/style.scss index bab3a7b..0a6684a 100644 --- a/sass/style.scss +++ b/sass/style.scss @@ -1,5 +1,28 @@ @use "everforest"; +/// Stole this from Stack Overflow (https://stackoverflow.com/a/54702294) {{{ + +.rainbow_text_animated { + background: linear-gradient(to right, everforest.$red, everforest.$orange, everforest.$yellow, everforest.$green, everforest.$blue, everforest.$purple); + -webkit-background-clip: text; + background-clip: text; + color: transparent; + animation: rainbow_animation 1s ease-in-out infinite; + background-size: 400% 100%; +} + +@keyframes rainbow_animation { + 0%,100% { + background-position: 0 0; + } + + 50% { + background-position: 100% 0; + } +} + +/// }}} + body { color: everforest.$fg; background-color: everforest.$bg0; |