Radio Widget
This commit is contained in:
63
modules/home/wayland/apps/eww/bar/css/_radio.scss
Normal file
63
modules/home/wayland/apps/eww/bar/css/_radio.scss
Normal file
@ -0,0 +1,63 @@
|
||||
|
||||
.radio-win {
|
||||
@include window;
|
||||
background-color: $bg1;
|
||||
color: $fg;
|
||||
margin: $gaps-screen;
|
||||
padding: .5em;
|
||||
}
|
||||
|
||||
.album_art {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 240px;
|
||||
min-height: 240px;
|
||||
min-width: 240px;
|
||||
margin: $gaps-screen;
|
||||
border-radius: $border-radius;
|
||||
}
|
||||
|
||||
.song {
|
||||
color: $base0C;
|
||||
font-size: 24px;
|
||||
font-weight: bold;
|
||||
margin: 20px 0px 0px 0px;
|
||||
}
|
||||
|
||||
.artist {
|
||||
color: $base0E;
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
margin: 0px 0px $gaps-screen 0px;
|
||||
}
|
||||
|
||||
.btn_bar {
|
||||
color: $base05;
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
margin: $gaps-screen 0px;
|
||||
|
||||
}
|
||||
|
||||
.btn_play {
|
||||
font-size: 48px;
|
||||
font-weight: bold;
|
||||
margin: 0 12px;
|
||||
}
|
||||
|
||||
.station_list {
|
||||
border-right-color: $base03;
|
||||
border-right-style: solid;
|
||||
border-right-width: $border-width;
|
||||
margin-right: $gaps-screen;
|
||||
}
|
||||
|
||||
.station_art {
|
||||
background-repeat: no-repeat;
|
||||
background-size: 50px;
|
||||
min-height: 50px;
|
||||
min-width: 50px;
|
||||
margin: $gaps-window;
|
||||
margin-right: $gaps-screen;
|
||||
background-color: $base00;
|
||||
border-radius: $border-radius;
|
||||
}
|
Reference in New Issue
Block a user