nixos-configs/modules/ags/config/widgets/date/_index.scss

69 lines
1.1 KiB
SCSS
Raw Normal View History

@use '../../style/colors';
2024-10-21 16:35:20 -04:00
.date {
margin-top: 0;
}
.timebox {
margin: 30px 0;
.time-container {
.content {
font-weight: bolder;
font-size: 60px;
}
.divider {
margin: 8px 15px;
padding: 0 1px;
background: linear-gradient(colors.$red, colors.$magenta, colors.$blue, colors.$cyan);
2024-10-21 16:35:20 -04:00
}
}
.date-container {
margin-top: 2px;
}
}
.cal-box {
padding: 0 1rem .2rem;
margin: 0 12px 18px;
calendar {
font-size: 20px;
background-color: inherit;
padding: .5rem .10rem 0;
margin-left: 10px;
&>* {
border: solid 0 transparent;
}
&.highlight {
padding: 10rem;
}
}
}
calendar:selected {
color: colors.$cyan;
2024-10-21 16:35:20 -04:00
}
calendar.header {
color: colors.$cyan;
2024-10-21 16:35:20 -04:00
font-weight: bold;
}
calendar.button {
color: colors.$cyan;
2024-10-21 16:35:20 -04:00
}
calendar.highlight {
color: colors.$green;
2024-10-21 16:35:20 -04:00
font-weight: bold;
}
calendar:indeterminate {
color: colors.$lightblack;
2024-10-21 16:35:20 -04:00
}