New backup 2025-07-25 18:00:08
This commit is contained in:
Penelope Gwen
parent
205fc62959
commit
2b945178cd
2 changed files with 11 additions and 242 deletions
|
|
@ -24,239 +24,7 @@ $bar-module-border-radius: 8px;
|
|||
|
||||
@import "./style/bar.scss";
|
||||
|
||||
// Global Styles
|
||||
.bar {
|
||||
// font-size: 1.05em;
|
||||
// padding: 10px 0px 0px;
|
||||
// margin: 0px 15px;
|
||||
|
||||
// bar groups
|
||||
/*.leftgroup,
|
||||
.centergroup,
|
||||
.rightgroup {
|
||||
background-color: $bar-bg-color;
|
||||
border-radius: $bar-module-border-radius;
|
||||
}*/
|
||||
|
||||
//group modules
|
||||
/*.leftgroup>box:not(.workspaces):not(.revealer-on-hover),
|
||||
.leftgroup>button,
|
||||
.centergroup>*,
|
||||
.rightgroup>*:not(.revealer-on-hover) {
|
||||
margin: 5px;
|
||||
min-width: $bar-module-width;
|
||||
border: 1px solid $bar-module-fg-color;
|
||||
background-color: $bar-module-bg-color;
|
||||
padding: 0px 10px;
|
||||
}*/
|
||||
|
||||
/*.revealer-on-hover {
|
||||
margin: 5px;
|
||||
min-width: $bar-module-width;
|
||||
background-color: $bar-module-bg-color;
|
||||
border: 1px solid $bar-module-fg-color;
|
||||
>widget>box>box label {
|
||||
padding: 0px 10px;
|
||||
}
|
||||
.reveal_children label {
|
||||
padding: 0px 5px;
|
||||
}
|
||||
}*/
|
||||
/*.workspaces>revealer>box>box>button,
|
||||
.workspaces>box>box>button {
|
||||
margin: 5px 0px;
|
||||
background-color: $bar-module-bg-color;
|
||||
border: 1px solid $bar-module-fg-color;
|
||||
min-width: $bar-module-width;
|
||||
label {
|
||||
padding: 0px 5px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
}*/
|
||||
/*.workspace-number {
|
||||
margin: 0px;
|
||||
margin-left: -5px;
|
||||
margin-top: -17px;
|
||||
padding: 0px;
|
||||
font-size: 0.6em;
|
||||
}*/
|
||||
|
||||
//value bars
|
||||
/*scale trough,
|
||||
progressbar>trough {
|
||||
background-color: $color9;
|
||||
min-width: 50px;
|
||||
min-height: 10px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
scale trough highlight,
|
||||
progressbar>trough>progress {
|
||||
background-color: $color2;
|
||||
border-radius: 4px;
|
||||
min-height: 10px;
|
||||
transition: box-shadow 0.3s;
|
||||
}
|
||||
|
||||
scale trough highlight:hover {
|
||||
box-shadow: 0px 0px 0px 2px $color2;
|
||||
}
|
||||
|
||||
//value graphs
|
||||
circular-progress {
|
||||
color: $color9;
|
||||
background-color: $color2;
|
||||
}
|
||||
|
||||
.revealer-on-hover {
|
||||
color: $bar-module-fg-color;
|
||||
border-radius: $bar-module-border-radius;
|
||||
}*/
|
||||
|
||||
|
||||
/*.revealer-on-hover>widget>box>box>*,
|
||||
.revealer-on-hover>widget>box>box>button,
|
||||
.revealer-on-hover>widget>box>revealer>box>box>*,
|
||||
.reveal_children>*,
|
||||
.reveal_children>widget>image {
|
||||
// background-color: $bar-module-bg-color;
|
||||
padding: 3px 4px;
|
||||
min-width: $bar-module-width;
|
||||
transition: all 0.3s;
|
||||
&:hover {
|
||||
text-shadow: $bar-module-hover-shadow;
|
||||
// background-color: rgba($color1,0.5);
|
||||
// border: 1px solid $bar-module-fg-color;
|
||||
}
|
||||
}*/
|
||||
|
||||
/*.reveal_children>button {
|
||||
image {
|
||||
opacity: 0.4;
|
||||
transition: all 0.5s;
|
||||
border-radius: 4px;
|
||||
}
|
||||
&:hover image {
|
||||
opacity: 1;
|
||||
}
|
||||
}*/
|
||||
|
||||
/*.reveal_children>box,
|
||||
.reveal_children>widget,
|
||||
.reveal_children>button {
|
||||
border-left: 1px solid $bar-module-fg-color;
|
||||
}*/
|
||||
/*.rightgroup>label,
|
||||
.rightgroup>button {
|
||||
//.rightgroup .reveal_children>button,
|
||||
//.rightgroup>.revealer-on-hover>widget>box>box>button {
|
||||
color: $bar-module-fg-color;
|
||||
padding: 3px 4px;
|
||||
border-radius: $bar-module-border-radius;
|
||||
.inactive {
|
||||
color: $bar-module-inactive-fg-color
|
||||
}
|
||||
}*/
|
||||
/*.leftgroup>.revealer-on-hover>widget>box>box>button {
|
||||
padding: 3px 4px;
|
||||
border-radius: $bar-module-border-radius;
|
||||
}*/
|
||||
|
||||
//.music {
|
||||
// color: $bar-module-fg-color;
|
||||
// background-color: $bar-module-bg-color;
|
||||
// border-radius: $bar-module-border-radius;
|
||||
//}
|
||||
//.rightgroup>label,
|
||||
/*.active_window{
|
||||
color: $bar-module-fg-color;
|
||||
padding: 3px 4px;
|
||||
border-radius: $bar-module-border-radius;
|
||||
}*/
|
||||
/*label {
|
||||
margin-top: 2px;
|
||||
}*/
|
||||
//.workspaces,
|
||||
/*.profile {
|
||||
border-radius: $bar-module-border-radius;
|
||||
}*/
|
||||
//.workspaces button,
|
||||
/*.leftgroup button {
|
||||
// background-color: $bar-module-bg-color;
|
||||
// border-left: 1px solid $bar-module-fg-color;
|
||||
// color:blue;
|
||||
color: $bar-module-fg-color;
|
||||
padding: 3px 4px;
|
||||
min-width: $bar-module-width;
|
||||
transition: color 0.3s, text-shadow 0.3s;
|
||||
}*/
|
||||
//.workspaces button:hover,
|
||||
/*.rightgroup button:hover,
|
||||
.leftgroup button:hover {
|
||||
// text-shadow: 1px 1px 1px rgba($color2,1);
|
||||
text-shadow: $bar-module-hover-shadow;
|
||||
color: $bar-hover-fg-color;
|
||||
// transition: all 0.2s;
|
||||
}*/
|
||||
/*.rightgroup {
|
||||
button {
|
||||
transition: all 0.3s;
|
||||
&.active:not(:hover) {
|
||||
text-shadow: $bar-module-active-shadow;
|
||||
color: $bar-module-fg-color;
|
||||
}
|
||||
&.inactive:not(:hover) {
|
||||
color: $bar-module-inactive-fg-color;
|
||||
}
|
||||
}
|
||||
}*/
|
||||
/*.workspaces .focused {
|
||||
color: $bar-module-active-fg-color;
|
||||
text-shadow: $bar-module-active-shadow;
|
||||
}*/
|
||||
|
||||
//.workspaces button:first-child {
|
||||
//.workspaces:first-child {
|
||||
//.reveal_children>box:first-child,
|
||||
//.reveal_children>scale:first-child,
|
||||
//.reveal_children>progressbar:first-child,
|
||||
//.reveal_children>button:first-child,
|
||||
//.reveal_children>widget:first-child {
|
||||
// margin-left: 3px;
|
||||
// border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
|
||||
// border-left: 0px solid $bar-bg-color;
|
||||
//}
|
||||
|
||||
//.revealer-on-hover>widget>box>revealer>box>box>button {
|
||||
/*.rightgroup>.revealer-on-hover>widget>box>box>button,
|
||||
.leftgroup>.revealer-on-hover>widget>box>box>button {
|
||||
border-radius: 8px;
|
||||
&:hover {
|
||||
border-radius:$bar-module-border-radius 0px 0px $bar-module-border-radius;
|
||||
// text-shadow: $bar-module-hover-shadow;
|
||||
}
|
||||
}*/
|
||||
|
||||
//.workspaces button:last-child,
|
||||
//.workspaces:last-child,
|
||||
/*.reveal_children>box:last-child,
|
||||
.reveal_children>scale:last-child,
|
||||
.reveal_children>progressbar:last-child,
|
||||
.reveal_children>button:last-child,
|
||||
.reveal_children>widget:last-child {
|
||||
border-radius:0px $bar-module-border-radius $bar-module-border-radius 0px;
|
||||
}*/
|
||||
//.workspaces button:only-child,
|
||||
//.workspaces:only-child,
|
||||
//.reveal_children>box:only-child,
|
||||
//.reveal_children>scale:only-child,
|
||||
//.reveal_children>progressbar:only-child,
|
||||
//.reveal_children>button:only-child,
|
||||
/*.reveal_children>widget:only-child {
|
||||
border-radius:$bar-module-border-radius;
|
||||
}*/
|
||||
/*.datetime {
|
||||
font-weight: bold;
|
||||
}*/
|
||||
menu {
|
||||
color: $color9;
|
||||
background-color: rgba($color0,0.75);
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
|
|||
color: $bar-module-fg-color;
|
||||
// background-color: $bar-bg-color;
|
||||
border-radius: $bar-module-border-radius;
|
||||
margin: 0px 5px;
|
||||
// margin: 0px 5px;
|
||||
// padding: 0px 5px;
|
||||
min-width: $bar-module-width;
|
||||
// border: 2px solid $bar-module-fg-color;
|
||||
|
|
@ -37,24 +37,25 @@ $bar-reveal-children-bg-color: rgba($color0, 0.2);
|
|||
// &>box.revealer-on-hover:not(:last-child),
|
||||
&>button,
|
||||
&>label {
|
||||
box-shadow: 2px 0 3px -2px $bar-module-fg-color;
|
||||
// &>:not(:last-child) {
|
||||
box-shadow: 5px 0 3px -2px $bar-module-fg-color;
|
||||
// }
|
||||
// margin-left: -5px;
|
||||
}
|
||||
// .revealer-on-hover {
|
||||
// margin-right: -10px;
|
||||
// }
|
||||
.revealer-on-hover:not(:last-child) {
|
||||
margin: 0px 10px;
|
||||
}
|
||||
.reveal_children {
|
||||
// background-color: $bar-reveal-children-bg-color;
|
||||
background-color: $bar-reveal-children-bg-color;
|
||||
border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
|
||||
}
|
||||
.reveal_children>* {
|
||||
// background-color: $bar-reveal-children-bg-color;
|
||||
background-color: $bar-reveal-children-bg-color;
|
||||
// margin: 0px;
|
||||
border-radius: 0px $bar-module-border-radius $bar-module-border-radius 0px;
|
||||
// padding: -10px;
|
||||
// &:first-child {
|
||||
// box-shadow: 4px 4px 2px 4px red;
|
||||
// }
|
||||
box-shadow: 4px 4px 2px 4px red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue