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

New backup 2025-08-31 17:30:01

Browse source
This commit is contained in:
Penelope Gwen 2025-08-31 17:30:01 -07:00
parent d12d15c1eb
commit 7de510d565
1 changed files with 16 additions and 38 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -2,67 +2,48 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
.bar { .bar {
font-size: 1.05em; font-size: 1.05em;
padding: 0px 10px 0px; padding: 10px 0px 10px;
/* margin: 0px 15px;*/ margin: 0px 15px;
// padding: 0px; /* background: none;*/
/* border-radius: 0px 0px $bar-module-border-radius 0px;*/
border-radius: $bar-module-border-radius;
margin: 0px;
/* background: none;
background-color: rgba($bar-bg-color, 0.5);*/
// .leftgroup {
// border-radius: 0px 0px $bar-module-border-radius 0px;
// }
// .rightgroup {
// padding: 0px 0px 0px 10px;
// border-radius: 0px 0px 0px $bar-module-border-radius;
// }
.leftgroup, .leftgroup,
.centergroup, .centergroup,
.rightgroup { .rightgroup {
margin: 5px; /* margin: 10px 0px 10px;*/
padding: 0px 0px 0px 0px; background-color: $bar-bg-color;
border-radius: $bar-module-border-radius;
/* margin: 10px 0px 10px;
padding: 0px 10px 0px 0px;*/
background-color: rgba($bar-bg-color, 0.8);
/* & .profile-work { /* & .profile-work {
background-color: mix($color5, $color12); background-color: mix($color5, $color12);
} }
background-color: lighter($bar-bg-color); background-color: lighter($bar-bg-color);
background-color: darker(mix(#d68787, #add4fb, 50%));*/ background-color: darker(mix(#d68787, #add4fb, 50%));*/
/* border: 3px solid $bar-module-fg-color; border-radius: $bar-module-border-radius;
box-shadow: 0px 0px 9px 0px $bar-module-fg-color;*/ border: 3px solid $bar-module-fg-color;
box-shadow: 0px 0px 9px 0px $bar-module-fg-color;
.revealer-on-hover>widget>box>box>*, .revealer-on-hover>widget>box>box>*,
.reveal_children:not(.tray)>*, .reveal_children:not(.tray)>*,
.reveal_children>widget>image, .reveal_children>widget>image,
&>button, &>button,
&>label { &>label {
color: $bar-module-fg-color; color: $bar-module-fg-color;
border-radius: $bar-module-border-radius; border-radius: $bar-module-inner-radius;
// border-radius: 12px;
margin: 0px 5px; margin: 0px 5px;
margin-left: 0px; margin-left: 0px;
padding: 6px 10px; padding: 6px 10px;
min-width: $bar-module-width; min-width: $bar-module-width;
} }
.revealer-on-hover>widget>box>box>* { .revealer-on-hover>widget>box>box>* {
margin-right: 10px; border-radius: $bar-module-inner-radius;
border-radius: $bar-module-border-radius;
// border-radius: 12px;
} }
.revealer-on-hover:not(.scratchpad)>widget>box>box>*, .revealer-on-hover>widget>box>box>*,
.reveal_children>widget>image, .reveal_children>widget>image,
.reveal_children:not(.tray)>*:not(:last-child), .reveal_children:not(.tray)>*:not(:last-child),
&>button, &>button,
&>label { &>label {
box-shadow: 8px 0 3px -6px $bar-module-fg-color; box-shadow: 3px 0 3px -2px $bar-module-fg-color;
} }
.revealer-on-hover.true { .revealer-on-hover.true {
background-color: $bar-reveal-children-bg-color; background-color: $bar-reveal-children-bg-color;
border-radius: $bar-module-inner-radius; border-radius: $bar-module-inner-radius;
box-shadow: 12px 0 3px -6px $bar-module-fg-color; box-shadow: 3px 0 3px -2px $bar-module-fg-color;
// box-shadow: 3px 0 3px -2px $bar-module-fg-color;
&>widget>box>box>* { &>widget>box>box>* {
background-color: $bar-bg-color; background-color: $bar-bg-color;
} }
@ -113,9 +94,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
} }
&.center { &.center {
color: $bar-module-fg-color; color: $bar-module-fg-color;
// border-radius: $bar-module-inner-radius; border-radius: $bar-module-inner-radius;
font-size: 0.9em;
margin: 2px 0px;
box-shadow: 0 0 2px 1px $bar-module-fg-color; box-shadow: 0 0 2px 1px $bar-module-fg-color;
} }
&.right { &.right {
@ -196,8 +175,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
} }
.chevron box { .chevron box {
border: 2px solid transparent; border: 2px solid transparent;
box-shadow: 12px 0 3px -6px $bar-module-fg-color; box-shadow: 8px -8px 10px -8px black;
// box-shadow: 8px -8px 10px -8px black;
} }
.inactive { .inactive {
opacity: 0.5; opacity: 0.5;