Federated_Computer/federated-calendar
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: Use CSS variable for event radius

Browse Source
This commit is contained in:
Georges Basile Stavracas Neto
2024-11-06 10:40:32 -03:00
parent 1e8fa097e0
commit 2c3eceaa48
1 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/events.css
+8 -4
View File
@@ -1,3 +1,7 @@
:root {
--event-border-radius: 2.5px;
}
event {
margin: 1px;
font-size: 0.9rem;
@@ -18,11 +22,11 @@ event.timed widget.edge {
event.timed,
event:not(.slanted):not(.slanted-start):not(.slanted-end) {
border-radius: 2.5px;
border-radius: var(--event-border-radius);
}
event.timed widget.edge {
border-radius: 2.5px;
border-radius: var(--event-border-radius);
min-width: 5px;
}
@@ -30,14 +34,14 @@ event.slanted,
event.slanted-start,
event.slanted-end:dir(rtl) {
padding-left: 16px;
border-radius: 0 2.5px 2.5px 0;
border-radius: 0 var(--event-border-radius) var(--event-border-radius) 0;
}
event.slanted,
event.slanted-end,
event.slanted-start:dir(rtl) {
padding-right: 16px;
border-radius: 2.5px 0 0 2.5px;
border-radius: var(--event-border-radius) 0 0 var(--event-border-radius);
}
event:not(.timed).color-dark {