diff options
author | 2022-10-03 21:42:20 +0530 | |
---|---|---|
committer | 2022-10-03 21:42:20 +0530 | |
commit | af120ab348f2e1a5a39dec035ed9dcf84189a64e (patch) | |
tree | 2a3aadd7ce1b7b771dfe3fe7c983569726c8d7ed /eww/scss/footer | |
download | dotfiles-af120ab348f2e1a5a39dec035ed9dcf84189a64e.tar.gz dotfiles-af120ab348f2e1a5a39dec035ed9dcf84189a64e.tar.bz2 dotfiles-af120ab348f2e1a5a39dec035ed9dcf84189a64e.zip |
dotfiles
Diffstat (limited to 'eww/scss/footer')
-rw-r--r-- | eww/scss/footer/backlight.scss | 20 | ||||
-rw-r--r-- | eww/scss/footer/brightness.scss | 20 | ||||
-rw-r--r-- | eww/scss/footer/btns.scss | 52 |
3 files changed, 92 insertions, 0 deletions
diff --git a/eww/scss/footer/backlight.scss b/eww/scss/footer/backlight.scss new file mode 100644 index 0000000..f7e3c5e --- /dev/null +++ b/eww/scss/footer/backlight.scss @@ -0,0 +1,20 @@ +* { + all: unset; +} + +.brightness { + padding: 0 1rem; + margin-bottom: -2rem; +} + +.brightness scale trough highlight { + background-color: $red; + border-radius: 10px; +} + +.brightness scale trough { + background-color: $grey; + border-radius: 1rem; + min-width: 16rem; + min-height: .3rem; +} diff --git a/eww/scss/footer/brightness.scss b/eww/scss/footer/brightness.scss new file mode 100644 index 0000000..f7e3c5e --- /dev/null +++ b/eww/scss/footer/brightness.scss @@ -0,0 +1,20 @@ +* { + all: unset; +} + +.brightness { + padding: 0 1rem; + margin-bottom: -2rem; +} + +.brightness scale trough highlight { + background-color: $red; + border-radius: 10px; +} + +.brightness scale trough { + background-color: $grey; + border-radius: 1rem; + min-width: 16rem; + min-height: .3rem; +} diff --git a/eww/scss/footer/btns.scss b/eww/scss/footer/btns.scss new file mode 100644 index 0000000..b520c1e --- /dev/null +++ b/eww/scss/footer/btns.scss @@ -0,0 +1,52 @@ +.btn { + font-family: "JetbrainsMono Nerd Font"; + font-size: 1.6rem; + padding: 0 1.3rem; + box-shadow: none; + background-color: $grey; + border-radius: 50%; +} + +.close { + color: $red; +} + +.sleep { + color: $red; +} + +.restart { + color: $green; +} + +.lock { + color: $blue; + padding: 0 1.4rem; +} + +.lock:hover , .restart:hover, .wifi:hover, .sleep:hover{ + background-color: $green; + color: $black; +} + +.wifi { + background-color: $red; + color: $black; + padding: 0 1.1rem; +} + +.lock, .restart, .close, .wifi{ + transition: ease-out .2s; +} + +.btnMargin { + background-color: $grey; + border-radius: 50%; + margin: 0.5rem; +} + +.footerBtns { + background-color: $blackAlt; + padding: 0.5rem; + border-radius: 1.3rem; +} |