summaryrefslogtreecommitdiffstats
path: root/eww/scss/footer
diff options
context:
space:
mode:
authorLibravatarLibravatar Biswakalyan Bhuyan <biswa@surgot.in> 2022-10-03 21:42:20 +0530
committerLibravatarLibravatar Biswakalyan Bhuyan <biswa@surgot.in> 2022-10-03 21:42:20 +0530
commitaf120ab348f2e1a5a39dec035ed9dcf84189a64e (patch)
tree2a3aadd7ce1b7b771dfe3fe7c983569726c8d7ed /eww/scss/footer
downloaddotfiles-af120ab348f2e1a5a39dec035ed9dcf84189a64e.tar.gz
dotfiles-af120ab348f2e1a5a39dec035ed9dcf84189a64e.tar.bz2
dotfiles-af120ab348f2e1a5a39dec035ed9dcf84189a64e.zip
dotfiles
Diffstat (limited to 'eww/scss/footer')
-rw-r--r--eww/scss/footer/backlight.scss20
-rw-r--r--eww/scss/footer/brightness.scss20
-rw-r--r--eww/scss/footer/btns.scss52
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;
+}