94 lines
2.1 KiB
SCSS
94 lines
2.1 KiB
SCSS
.bar {
|
|
font-size: 1.05em;
|
|
padding: 10px 0px 0px;
|
|
margin: 0px 15px;
|
|
|
|
.leftgroup,
|
|
.centergroup,
|
|
.rightgroup {
|
|
background-color: $bar-bg-color;
|
|
border-radius: $bar-module-border-radius;
|
|
&>box:not(.workspaces),
|
|
&>button,
|
|
&>label {
|
|
background-color: $bar-bg-color;
|
|
border-radius: $bar-module-border-radius;
|
|
margin: 0px 5px;
|
|
min-width: $bar-module-width;
|
|
border: 2px solid $bar-module-fg-color;
|
|
background-color: $bar-module-bg-color;
|
|
// padding: 0px 10px;
|
|
}
|
|
}
|
|
|
|
/* .workspaces button{
|
|
background-color: green;
|
|
}*/
|
|
|
|
.workspaces {
|
|
border-radius: $bar-module-border-radius;
|
|
margin: 0px 5px;
|
|
min-width: $bar-module-width;
|
|
border: 2px solid $bar-module-fg-color;
|
|
background-color: $bar-module-bg-color;
|
|
|
|
button {
|
|
// overflow: hidden;
|
|
// border-left: 2px solid blue;
|
|
// background-color: blue;
|
|
&.left {
|
|
border-right: 2px solid $bar-module-fg-color;
|
|
}
|
|
&.center {
|
|
// background-color: red;
|
|
text-shadow: $bar-module-active-shadow;
|
|
color: $bar-module-active-fg-color;
|
|
}
|
|
&.right {
|
|
border-left: 2px solid $bar-module-fg-color;
|
|
}
|
|
label {
|
|
padding: 0px 5px;
|
|
margin-right: -10px;
|
|
}
|
|
.workspace-number {
|
|
margin: 0px;
|
|
margin-left: 6px;
|
|
margin-top: -17px;
|
|
padding: 0px;
|
|
font-size: 0.6em;
|
|
}
|
|
}
|
|
}
|
|
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;
|
|
&:hover{
|
|
box-shadow: 0px 0px 0px 2px $color2;
|
|
}
|
|
}
|
|
//value graphs
|
|
circular-progress {
|
|
color: $color9;
|
|
background-color: $color2;
|
|
}
|
|
// .revealer-on-hover>widget>
|
|
.revealer-preview {
|
|
padding: 3px 4px;
|
|
min-width: $bar-module-width;
|
|
transition: all 0.3s;
|
|
&:hover {
|
|
text-shadow: $bar-module-hover-shadow;
|
|
}
|
|
}
|
|
}
|