pogmommy/dotfiles
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

New backup 2025-07-25 17:15:07

Browse source
This commit is contained in:
Penelope Gwen 2025-07-25 17:15:07 -07:00
parent cfbe59c5a2
commit 7348d87976
1 changed files with 22 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
de/home/.config/eww/style/bar.scss
View file

@ -1,3 +1,5 @@
$bar-reveal-children-bg-color: rgba($color0, 0.2);
.bar { .bar {
font-size: 1.05em; font-size: 1.05em;
padding: 10px 0px 10px; padding: 10px 0px 10px;
@ -13,10 +15,9 @@
// &>box:not(.workspaces), // &>box:not(.workspaces),
// &>box.revealer-on-hover, // &>box.revealer-on-hover,
.revealer-on-hover>widget>box>box>*, .revealer-on-hover>widget>box>box>*,
.reveal_children>* .reveal_children>*,
&>button, &>button,
&>label, &>label {
.bar-module {
color: $bar-module-fg-color; color: $bar-module-fg-color;
// background-color: $bar-bg-color; // background-color: $bar-bg-color;
border-radius: $bar-module-border-radius; border-radius: $bar-module-border-radius;
@ -27,10 +28,24 @@
background-color: $bar-module-bg-color; background-color: $bar-module-bg-color;
// box-shadow: 4px 0 3px -2px $bar-module-fg-color; // box-shadow: 4px 0 3px -2px $bar-module-fg-color;
} }
&>box.revealer-on-hover:not(:last-child), .revealer-on-hover>widget>box>box>*,
.reveal_children>*,
// &>box.revealer-on-hover:not(:last-child),
&>button, &>button,
&>label { &>label {
box-shadow: 4px 0 3px -2px $bar-module-fg-color; box-shadow: 4px 0 3px 0px $bar-module-fg-color;
}
// .revealer-on-hover {
// margin-right: -10px;
// }
.reveal_children>* {
background-color: $bar-reveal-children-bg-color;
// margin: 0px;
border-radius: 0px 0px $bar-module-border-radius 0px;
// padding: -10px;
// &:first-child {
// box-shadow: 4px 4px 2px 4px red;
// }
} }
} }
@ -61,6 +76,7 @@
margin-right: -2px; margin-right: -2px;
border-radius: $bar-module-border-radius - 2; border-radius: $bar-module-border-radius - 2;
box-shadow: -4px 0 3px -2px $bar-module-fg-color; box-shadow: -4px 0 3px -2px $bar-module-fg-color;
background-color: $bar-reveal-children-bg-color;
} }
&.center { &.center {
color: $bar-module-fg-color; color: $bar-module-fg-color;
@ -73,6 +89,7 @@
margin-left: -2px; margin-left: -2px;
border-radius: $bar-module-border-radius - 1; border-radius: $bar-module-border-radius - 1;
box-shadow: 4px 0 3px -2px $bar-module-fg-color; box-shadow: 4px 0 3px -2px $bar-module-fg-color;
background-color: $bar-reveal-children-bg-color;
} }
label { label {
padding: 4px 6px; padding: 4px 6px;