74 lines
2.0 KiB
Sass
74 lines
2.0 KiB
Sass
.bar
|
|
background-color: {{colors.surface.default.hex}}
|
|
|
|
@mixin interactive
|
|
min-height: {{custom.font_size}}pt
|
|
border-radius: .5 * {{custom.font_size}}pt
|
|
padding: 2pt
|
|
margin: 0 2pt 0
|
|
transition: .25s
|
|
|
|
background-color: {{colors.surface.default.hex}}
|
|
|
|
&:hover
|
|
background-color: {{colors.surface_container_high.default.hex}}
|
|
|
|
&:active
|
|
background-color: {{colors.surface_container_highest.default.hex}}
|
|
|
|
.widgets
|
|
padding: .2 * {{custom.padding}}pt
|
|
|
|
.launcher
|
|
@include interactive
|
|
|
|
min-width: {{custom.font_size}}pt
|
|
|
|
.icon
|
|
font-size: {{custom.font_size}}pt
|
|
padding: 0 .3 * {{custom.padding}}pt
|
|
color: {{colors.on_surface.default.hex}}
|
|
|
|
.workspaces
|
|
@include interactive
|
|
|
|
.button
|
|
font-size: 0
|
|
transition: .5s
|
|
margin: 0 .3 * {{custom.padding}}pt
|
|
background-color: {{colors.outline_variant.default.hex}}
|
|
min-width: .4 * {{custom.font_size}}pt
|
|
min-height: .4 * {{custom.font_size}}pt
|
|
border-radius: .5 * {{custom.font_size}}pt
|
|
|
|
&.occupied
|
|
background-color: {{colors.on_surface.default.hex}}
|
|
min-width: .6 * {{custom.font_size}}pt
|
|
min-height: .6 * {{custom.font_size}}pt
|
|
border-radius: .5 * {{custom.font_size}}pt
|
|
|
|
&.active
|
|
background-color: {{colors.primary.default.hex}}
|
|
min-width: 1.67 * {{custom.font_size}}pt
|
|
min-height: {{custom.font_size}}pt
|
|
border-radius: .4 * {{custom.font_size}}pt
|
|
|
|
.date
|
|
@include interactive
|
|
|
|
.label
|
|
color: {{colors.on_surface.default.hex}}
|
|
font-size: {{custom.font_size}}pt
|
|
font-family: {{custom.font_sans_serif_all}}
|
|
font-weight: 500
|
|
margin: 0 .5 * {{custom.padding}}pt
|
|
|
|
.systray
|
|
.item
|
|
@include interactive
|
|
|
|
.icon
|
|
font-size: {{custom.font_size}}pt
|
|
padding: 0 .3 * {{custom.padding}}pt
|
|
color: {{colors.on_surface.default.hex}}
|