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

New backup 2025-07-25 19:30:07

Browse source
This commit is contained in:
Penelope Gwen 2025-07-25 19:30:07 -07:00
parent 10570880d7
commit 8ad59a523f
2 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
de/home/.config/eww/eww.scss
View file

@ -20,7 +20,10 @@ $bar-module-active-shadow: 1px 1px 4px rgba($color8,0.6),-1px 1px 4px rgba($colo
$bar-module-hover-shadow: 1px 1px 4px rgba($color8,0.45),-1px 1px 4px rgba($color8,0.45),1px -1px 4px rgba($color8,0.45),-1px -1px 4px rgba($color8,0.45);
$bar-hover-bg-color: rgba($color1,0.5);
$bar-hover-fg-color: rgba($color13,0.6);
$bar-module-border-radius: 8px;
//$bar-module-border-radius: 8px;
$bar-module-border-radius: 12px;
//$bar-module-inner-radius: $bar-module-border-radius - 2;
$bar-module-inner-radius: $bar-module-border-radius - 6;
@import "./style/bar.scss";

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

@ -1,4 +1,4 @@
$bar-reveal-children-bg-color: rgba($color0, 0.1);
$bar-reveal-children-bg-color: rgba($color0, 0.2);
.bar {
font-size: 1.05em;
@ -17,18 +17,19 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
&>button,
&>label {
color: $bar-module-fg-color;
border-radius: $bar-module-border-radius;
border-radius: $bar-module-inner-radius;
margin: 0px 5px;
// padding: 0px 5px;
min-width: $bar-module-width;
&:first-child {
margin-left: 0px;
}
// &:first-child {
// margin-left: 0px;
// }
// &:last-child {
// margin-right: 0px;
// }
}
.revealer-on-hover>widget>box>box>* {
border-radius: 8px;
border-radius: $bar-module-inner-radius;
}
.revealer-on-hover>widget>box>box>*,
.reveal_children>*,
@ -38,10 +39,10 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
}
.revealer-on-hover.true {
background-color: $bar-reveal-children-bg-color;
border-radius: 8px;
border-radius: $bar-module-inner-radius;
}
.reveal_children {
border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
border-radius: 0px $bar-module-inner-radius $bar-module-inner-radius 0px;
}
.reveal_children>* {
margin-left: -6px;
@ -70,19 +71,20 @@ $bar-reveal-children-bg-color: rgba($color0, 0.1);
min-width: 35px;
transition: all 0.3s;
&.left {
margin-right: -2px;
border-radius: $bar-module-border-radius - 2;
box-shadow: -4px 0 3px -2px $bar-module-fg-color;
// margin-right: -2px;
border-radius: $bar-module-inner-radius 0px 0px $bar-module-inner-radius;
box-shadow: -6px 0 2px 0px $bar-module-fg-color;
}
&.center {
color: $bar-module-fg-color;
border-radius: $bar-module-border-radius;
border-radius: $bar-module-inner-radius;
box-shadow: 0 0 2px 1px $bar-module-fg-color;
}
&.right {
margin-left: -2px;
border-radius: $bar-module-border-radius - 1;
box-shadow: 4px 0 3px -2px $bar-module-fg-color;
// margin-left: -2px;
// border-radius: $bar-module-border-radius - 1;
border-radius: 0px $bar-module-inner-radius $bar-module-inner-radius 0px;
box-shadow: 6px 0 2px 0px $bar-module-fg-color;
}
label {
padding: 4px 6px;