discourse-rewind/assets/stylesheets/common/activity-calendar.scss

49 lines
952 B
SCSS
Raw Permalink Normal View History

2025-01-13 14:40:07 +01:00
.-activity-calendar {
2025-01-10 21:08:47 -06:00
margin-bottom: 5em;
2025-01-10 14:26:35 -06:00
.rewind-card {
@include rewind-border;
2025-01-13 20:00:12 -06:00
@media screen and (width <= 475px) {
2025-01-13 10:55:59 -06:00
padding: 0.5em;
}
2025-01-10 14:26:35 -06:00
}
2024-12-20 18:56:02 +01:00
.rewind-calendar {
2024-12-20 14:55:55 -06:00
border-collapse: unset;
border-spacing: 3px;
2025-01-13 20:00:12 -06:00
@media screen and (width <= 475px) {
2025-01-13 10:55:59 -06:00
border-spacing: 1px;
}
2024-12-20 18:56:02 +01:00
tr {
border: none;
}
}
2024-12-20 15:39:07 -06:00
.activity-header-cell {
font-size: 10px;
font-weight: normal;
text-align: left;
}
2024-12-20 18:56:02 +01:00
.rewind-calendar-cell {
height: 10px;
width: 10px;
2025-01-13 20:00:12 -06:00
@media screen and (width <= 475px) {
2025-01-13 10:55:59 -06:00
height: 5px;
width: 5px;
}
2025-01-10 21:08:47 -06:00
border-radius: calc(var(--rewind-border-radius) / 2);
2024-12-20 14:55:55 -06:00
border: 1px solid rgba(var(--primary-rgb), 0.2);
2024-12-20 18:56:02 +01:00
&.-empty {
2024-12-20 14:55:55 -06:00
background: var(--primary-low);
2024-12-20 18:56:02 +01:00
}
&.-low {
background: var(--tertiary-low);
}
&.-medium {
background: var(--tertiary-medium);
}
&.-high {
2025-01-09 09:18:46 -06:00
background: var(--tertiary-high);
2024-12-20 18:56:02 +01:00
}
}
}