ags: split up style.scss
This commit is contained in:
parent
fa24db296c
commit
540c0063b6
|
@ -6,7 +6,7 @@ export default () => Box({
|
|||
connections: [
|
||||
[SystemTray, box => {
|
||||
box.children = SystemTray.items.map(item => Button({
|
||||
className: 'tray-icon',
|
||||
className: 'tray-icons',
|
||||
child: Icon(),
|
||||
onPrimaryClick: (_, event) => item.activate(event),
|
||||
onSecondaryClick: (_, event) => item.openMenu(event),
|
||||
|
|
|
@ -1,9 +1,3 @@
|
|||
@import './themes/gruvbox.scss';
|
||||
|
||||
* {
|
||||
min-height: unset;
|
||||
}
|
||||
|
||||
.bar {
|
||||
min-height: 33px;
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
|
@ -11,70 +5,3 @@
|
|||
background-color: $bg;
|
||||
color: $fg;
|
||||
}
|
||||
|
||||
.workspaces {
|
||||
background-color: $box-bg;
|
||||
border-radius: $box-border-radius;
|
||||
margin: 5px 0px 5px 10px;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
.workspaces button {
|
||||
border-radius: 0;
|
||||
background-color: $wsbg;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.workspaces button.focused {
|
||||
border-radius: 0px;
|
||||
background-color: $activewsbg;
|
||||
}
|
||||
|
||||
.workspaces button:first-child {
|
||||
border-radius: $box-border-radius 0px 0px $box-border-radius;
|
||||
}
|
||||
|
||||
.workspaces button:last-child {
|
||||
border-radius: 0px $box-border-radius $box-border-radius 0px;
|
||||
}
|
||||
|
||||
.windowTitle {
|
||||
background-color: $box-bg;
|
||||
border-radius: $box-border-radius;
|
||||
padding: 0px 10px 0px 10px;
|
||||
margin: 5px 0px 5px 10px;
|
||||
}
|
||||
|
||||
.volume {
|
||||
background-color: $box-bg;
|
||||
border-radius: $box-border-radius;
|
||||
padding: 0px 10px 0px 10px;
|
||||
margin: 5px 5px 5px 0px;
|
||||
}
|
||||
|
||||
.media {
|
||||
background-color: $box-bg;
|
||||
border-radius: $box-border-radius;
|
||||
padding: 0px 10px 0px 10px;
|
||||
margin: 5px 10px 5px 0px;
|
||||
}
|
||||
|
||||
.date {
|
||||
background-color: $box-bg;
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: $box-border-radius;
|
||||
margin: 5px 10px 5px 0px;
|
||||
};
|
||||
|
||||
.tray {
|
||||
background-color: $box-bg;
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: $box-border-radius;
|
||||
margin: 5px 10px 5px 0px;
|
||||
}
|
||||
|
||||
.tray-icon {
|
||||
font-size: 18px;
|
||||
background-color: $box-bg;
|
||||
padding: 2px;
|
||||
}
|
||||
|
|
|
@ -0,0 +1,45 @@
|
|||
@import './themes/gruvbox.scss';
|
||||
|
||||
@import './widgets/workspaces.scss';
|
||||
@import './widgets/windowTitle.scss';
|
||||
@import './widgets/volume.scss';
|
||||
|
||||
* {
|
||||
min-height: unset;
|
||||
}
|
||||
|
||||
.bar {
|
||||
min-height: 33px;
|
||||
font-family: "JetBrainsMono Nerd Font";
|
||||
font-size: 12px;
|
||||
background-color: $bg;
|
||||
color: $fg;
|
||||
}
|
||||
|
||||
|
||||
.media {
|
||||
background-color: $box-bg;
|
||||
border-radius: $box-border-radius;
|
||||
padding: 0px 10px 0px 10px;
|
||||
margin: 5px 10px 5px 0px;
|
||||
}
|
||||
|
||||
.date {
|
||||
background-color: $box-bg;
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: $box-border-radius;
|
||||
margin: 5px 10px 5px 0px;
|
||||
};
|
||||
|
||||
.tray {
|
||||
background-color: $box-bg;
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: $box-border-radius;
|
||||
margin: 5px 10px 5px 0px;
|
||||
}
|
||||
|
||||
.tray-icon {
|
||||
font-size: 18px;
|
||||
background-color: $box-bg;
|
||||
padding: 2px;
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
.date {
|
||||
background-color: $box-bg;
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: $box-border-radius;
|
||||
margin: 5px 10px 5px 0px;
|
||||
};
|
|
@ -0,0 +1,6 @@
|
|||
.media {
|
||||
background-color: $box-bg;
|
||||
border-radius: $box-border-radius;
|
||||
padding: 0px 10px 0px 10px;
|
||||
margin: 5px 10px 5px 0px;
|
||||
}
|
|
@ -0,0 +1,12 @@
|
|||
.tray {
|
||||
background-color: $box-bg;
|
||||
padding: 0px 10px 0px 10px;
|
||||
border-radius: $box-border-radius;
|
||||
margin: 5px 10px 5px 0px;
|
||||
}
|
||||
|
||||
.tray .tray-icons {
|
||||
font-size: 18px;
|
||||
background-color: $box-bg;
|
||||
padding: 2px;
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
.volume {
|
||||
background-color: $box-bg;
|
||||
border-radius: $box-border-radius;
|
||||
padding: 0px 10px 0px 10px;
|
||||
margin: 5px 5px 5px 0px;
|
||||
}
|
|
@ -0,0 +1,6 @@
|
|||
.windowTitle {
|
||||
background-color: $box-bg;
|
||||
border-radius: $box-border-radius;
|
||||
padding: 0px 10px 0px 10px;
|
||||
margin: 5px 0px 5px 10px;
|
||||
}
|
|
@ -0,0 +1,27 @@
|
|||
.workspaces {
|
||||
background-color: $box-bg;
|
||||
border-radius: $box-border-radius;
|
||||
margin: 5px 0px 5px 10px;
|
||||
font-size: 0px;
|
||||
}
|
||||
|
||||
.workspaces button {
|
||||
border-radius: 0;
|
||||
background-color: $wsbg;
|
||||
font-size: 10px;
|
||||
}
|
||||
|
||||
.workspaces button.focused {
|
||||
border-radius: 0px;
|
||||
background-color: $activewsbg;
|
||||
}
|
||||
|
||||
.workspaces button:first-child {
|
||||
border-radius: $box-border-radius 0px 0px $box-border-radius;
|
||||
}
|
||||
|
||||
.workspaces button:last-child {
|
||||
border-radius: 0px $box-border-radius $box-border-radius 0px;
|
||||
}
|
||||
|
||||
|
|
@ -1 +1,15 @@
|
|||
@import './scss/themes/gruvbox.scss';
|
||||
|
||||
@import './scss/panel.scss';
|
||||
@import './scss/panel/widgets/workspaces.scss';
|
||||
@import './scss/panel/widgets/windowTitle.scss';
|
||||
@import './scss/panel/widgets/volume.scss';
|
||||
@import './scss/panel/widgets/mpris.scss';
|
||||
@import './scss/panel/widgets/clock.scss';
|
||||
@import './scss/panel/widgets/sysTray.scss';
|
||||
|
||||
|
||||
* {
|
||||
min-height: unset;
|
||||
}
|
||||
|
||||
|
|
Reference in New Issue