diff options
author | 2024-01-17 20:08:54 +0800 | |
---|---|---|
committer | 2024-01-17 20:08:54 +0800 | |
commit | 9787e4a41eed2189dc6b63cbcb88cbdf3e1b2ab7 (patch) | |
tree | aaac92649ba1e92c8c98a1ef19f8e4ac09cf0bf0 /pydis_site/static/css/base | |
parent | Dark: Use kivy logo with light background in resources (diff) |
Consistent 4-spaces CSS indent
Diffstat (limited to 'pydis_site/static/css/base')
-rw-r--r-- | pydis_site/static/css/base/themes.css | 60 |
1 files changed, 30 insertions, 30 deletions
diff --git a/pydis_site/static/css/base/themes.css b/pydis_site/static/css/base/themes.css index 35273d44..ab0c8b6b 100644 --- a/pydis_site/static/css/base/themes.css +++ b/pydis_site/static/css/base/themes.css @@ -1,67 +1,67 @@ /* Theme switch toggle */ .switch { - position: relative; - height: 2em; - width: 4em; - cursor: pointer; + position: relative; + height: 2em; + width: 4em; + cursor: pointer; } .switch-outer { - position: absolute; - height: 100%; - width: 100%; - border-radius: 2em; - transition: background-color 0.3s ease-out; + position: absolute; + height: 100%; + width: 100%; + border-radius: 2em; + transition: background-color 0.3s ease-out; } .switch.dark .switch-outer { - background-color: #22272E; + background-color: #22272E; } .switch.light .switch-outer { - background-color: #3f61d9; + background-color: #3f61d9; } .knob { - position: absolute; - padding-top: 20%; - height: 70%; - width: 37.5%; - border-radius: 10em; - transition: all 0.5s ease-out; + position: absolute; + padding-top: 20%; + height: 70%; + width: 37.5%; + border-radius: 10em; + transition: all 0.5s ease-out; } .knob.dark { - background-color: #586282; - margin: 7% auto auto 8%; + background-color: #586282; + margin: 7% auto auto 8%; } .knob.light { - background-color: #364c94; - margin: 7% auto auto 56%; + background-color: #364c94; + margin: 7% auto auto 56%; } .theme-icon { - position: absolute !important; - --ggs: 0.75; - transition: opacity 0.3s ease-out; + position: absolute !important; + --ggs: 0.75; + transition: opacity 0.3s ease-out; } .theme-icon.light { - left: 10%; - top: 15% + left: 10%; + top: 15% } .theme-icon.dark { - right: 10%; - top: 20% + right: 10%; + top: 20% } .switch.dark .theme-icon.light { - opacity: 0; + opacity: 0; } .switch.light .theme-icon.dark { - opacity: 0; + opacity: 0; } |