r/lumbung.space
0
0
Fork 0
forked from ruangrupa/lumbung.space
Code Issues Pull Requests Projects Releases Wiki Activity

style calendar cards

Browse Source
This commit is contained in:
Aadil Ayub
2022-02-02 17:30:15 +05:00
parent 41e52ce461
commit 25709716b3
3 changed files with 36 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
themes/lumbung-theme/static/css/main.css
View File

@ -496,14 +496,22 @@ div.network-source {
/* calendar cards */
.card.calendar {
border: 2px solid cornflowerblue;
background-color: lightblue;
border: 2px solid var(--calendar-dark);
background-color: var(--calendar-light);
max-width: 360px;
margin-bottom: 2em;
flex: auto;
margin: 0 3em 3em 0;
align-self: start;
color: royalblue;
color: var(--calendar-dark);
}
.calendar .tape-label {
background-color: var(--calendar-light);
}
.calendar .tape-label span {
background-color: var(--calendar-dark);
}
/* disabling temporarily since all the events are past events atm */
@ -532,7 +540,11 @@ div.network-source {
.h-event.calendar header h2 a {
text-decoration: none;
color: royalblue;
color: var(--calendar-dark);
}
.h-event.calendar .calendar-location a {
color: var(--calendar-dark);
}
.header-filler {
@ -583,6 +595,24 @@ div.network-source {
/* Card metadata (video & calendar) */
.tape-label {
display: flex;
justify-content: center;
border: none;
font-size: 1rem;
}
.tape-label a,
.tape-label span {
width: max-content;
padding: 0.5em;
position: relative;
bottom: 19px;
z-index: 1;
transform: rotate(2deg);
color: white;
}
.metadata {
display: flex;