João Dias
146 lines
2.3 KiB
SCSS
146 lines
2.3 KiB
SCSS
|
|
.bar {
|
|
background: transparent;
|
|
padding: 4px;
|
|
}
|
|
|
|
/* Styles .widgets-[left/center/right] */
|
|
.widgets-left,
|
|
.widgets-center,
|
|
.widgets-right {
|
|
background: rgba($background, 0.6);
|
|
border-radius: 18px;
|
|
padding: 6px;
|
|
|
|
& > * {
|
|
margin: 0 3px;
|
|
}
|
|
|
|
& > *:first-child {
|
|
margin-left: 0;
|
|
}
|
|
|
|
& > *:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
button {
|
|
padding: 6px 10px;
|
|
border-radius: 12px;
|
|
}
|
|
|
|
button:hover {
|
|
background: darken($color: $color1, $amount: 5);
|
|
}
|
|
|
|
button:active {
|
|
background: darken($color: $color1, $amount: 20)
|
|
}
|
|
|
|
button label {
|
|
color: $foreground;
|
|
}
|
|
|
|
menu {
|
|
background: $background;
|
|
border-radius: 14px;
|
|
padding: 2px;
|
|
|
|
& > menuitem {
|
|
padding: 8px 24px;
|
|
border-radius: 5px;
|
|
|
|
&:hover {
|
|
background: $color1;
|
|
}
|
|
|
|
&:first-child {
|
|
border-top-left-radius: inherit;
|
|
border-top-right-radius: inherit;
|
|
}
|
|
|
|
&:last-child {
|
|
border-bottom-left-radius: inherit;
|
|
border-bottom-right-radius: inherit;
|
|
}
|
|
|
|
label {
|
|
font-weight: 600;
|
|
color: $foreground;
|
|
}
|
|
}
|
|
|
|
& > separator {
|
|
background: lighten($color: $background, $amount: 5);
|
|
margin: .5px 10px;
|
|
padding: 1px 0;
|
|
border-radius: 1px;
|
|
}
|
|
}
|
|
|
|
.workspaces {
|
|
padding: 2px 6px;
|
|
border-radius: 16px;
|
|
|
|
& > button {
|
|
padding: 0 0;
|
|
border-radius: 16px;
|
|
margin: 0 2px;
|
|
background: darken($color1, 20);
|
|
font-weight: 500;
|
|
|
|
&.active {
|
|
background: $color1;
|
|
font-weight: 600;
|
|
padding: 0 24px;
|
|
}
|
|
|
|
&:not(.active) {
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
}
|
|
.workspaces button:hover {
|
|
color: $color1;
|
|
}
|
|
|
|
.distro-logo {
|
|
padding: 0 16px;
|
|
|
|
& label {
|
|
font-size: 15px;
|
|
}
|
|
}
|
|
|
|
.systray {
|
|
margin: 0 6px;
|
|
|
|
& > * > * {
|
|
margin: 0 4px
|
|
}
|
|
}
|
|
|
|
.mediaplayer {
|
|
border-radius: 12px;
|
|
box-shadow: inset 0 0 0px 2px $color3;
|
|
padding: 0 4px;
|
|
|
|
& > label {
|
|
margin: 0 4px;
|
|
padding-right: 5px;
|
|
border-right: 2px solid $color3;
|
|
}
|
|
|
|
& > button {
|
|
padding: 0 7px;
|
|
border-radius: 4px;
|
|
margin: 2px 2px;
|
|
}
|
|
}
|
|
|
|
.notifications button {
|
|
padding-left: 11px;
|
|
padding-right: 11px;
|
|
}
|