dotfiles/dotconfig/eww/analog_clock/clock.scss

48 lines
790 B
SCSS
Raw Normal View History

2024-01-29 13:31:17 +01:00
.clock {
2024-03-04 15:46:28 +01:00
border-radius: 20px;
padding: 10px;
2024-03-15 15:05:00 +01:00
background: rgba(40, 31, 30, 0.5)
2024-01-29 13:31:17 +01:00
}
.analog-clock {
2024-03-04 15:46:28 +01:00
margin: 10px;
2024-03-15 15:05:00 +01:00
background: #362a28;
2024-01-29 13:31:17 +01:00
border-radius: 100%;
2024-03-15 15:05:00 +01:00
border: 7px solid #362a28;
2024-01-29 13:31:17 +01:00
box-shadow: inset 4px 4px 10px rgba(0,0,0,0.5),
2024-03-15 15:05:00 +01:00
inset -4px -4px 10px rgba(54,42,40,0.5),
2024-01-29 13:31:17 +01:00
4px 4px 10px rgba(0,0,0,0.3);
border-radius: 50%;
}
.time-container {
2024-03-04 15:46:28 +01:00
margin-top: 20px;
margin-left: 10px;
margin-right: 15px;
2024-01-29 13:31:17 +01:00
}
.time {
padding: 10px;
2024-03-04 15:46:28 +01:00
margin-left: 0px;
margin-right: 5px;
2024-03-15 15:05:00 +01:00
background: rgba(54,42,40,1.0);
2024-01-29 13:31:17 +01:00
border-radius: 10px;
2024-03-15 15:05:00 +01:00
color: #FFA500;
2024-01-29 13:31:17 +01:00
}
.date {
padding: 10px;
2024-03-04 15:46:28 +01:00
margin: 5px 20px 0px 10px;
2024-03-15 15:05:00 +01:00
background: rgba(54,42,40,1.0);
2024-01-29 13:31:17 +01:00
border-radius: 10px;
2024-03-15 15:05:00 +01:00
color: #FFA500;
2024-01-29 13:31:17 +01:00
}