114 lines
1.3 KiB
SCSS
114 lines
1.3 KiB
SCSS
@import "colors.scss";
|
|
|
|
* {
|
|
all: unset;
|
|
font-family: "Merriweather Sans", "JetBrainsMono Nerd Font Mono";
|
|
background-color: $background;
|
|
border-radius: 20px;
|
|
}
|
|
|
|
tooltip {
|
|
background-color: #16161d;
|
|
font-size: 20px;
|
|
border-radius: 2px;
|
|
}
|
|
|
|
.label-media {
|
|
font-size: 80px;
|
|
padding: 0px 20px 0px 20px;
|
|
}
|
|
|
|
.image-album {
|
|
padding-top: 20px;
|
|
}
|
|
|
|
.label-album {
|
|
font-size: 20px;
|
|
}
|
|
|
|
.label-title,
|
|
.label-artist {
|
|
font-size: 30px;
|
|
}
|
|
|
|
.label-title,
|
|
.label-artist,
|
|
.label-album {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
|
|
.label-artist {
|
|
font-weight: 700;
|
|
color: $color7;
|
|
}
|
|
|
|
.label-title {
|
|
font-weight: 700;
|
|
color: $color4;
|
|
}
|
|
|
|
.label-previous {
|
|
color: $color7;
|
|
padding-left: 45px;
|
|
}
|
|
|
|
.label-next {
|
|
padding-right: 0px;
|
|
color: $color7;
|
|
}
|
|
|
|
.label-play-pause {
|
|
color: $color15;
|
|
}
|
|
|
|
.time-label {
|
|
font-size: 30px;
|
|
font-weight: 800;
|
|
color: $color4;
|
|
}
|
|
|
|
.time-child {
|
|
margin: 10px;
|
|
}
|
|
|
|
.doodle {
|
|
font-size: 20px;
|
|
font-weight: 900;
|
|
color: $color6;
|
|
}
|
|
|
|
.cal {
|
|
color: $color14;
|
|
padding: 2px;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.cal-box {
|
|
margin: 4px;
|
|
}
|
|
|
|
.cal:selected {
|
|
color: $background;
|
|
background-color: $color12;
|
|
border-radius: 30px;
|
|
}
|
|
|
|
.cal.header {
|
|
color: $color5;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cal.button {
|
|
color: $color13;
|
|
}
|
|
|
|
.cal.highlight {
|
|
color: $color9;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.cal:indeterminate {
|
|
color: $color14;
|
|
}
|