forked from ruangrupa/lumbung.space
ensure calendar thumbs span entire container
This commit is contained in:
parent
310233932d
commit
6bc0982187
@ -36,22 +36,22 @@
|
|||||||
|
|
||||||
:root {
|
:root {
|
||||||
--border-color: tomato;
|
--border-color: tomato;
|
||||||
|
|
||||||
--tv-dark: #237D0F;
|
--tv-dark: #237D0F;
|
||||||
--tv-light: #E2FAD7;
|
--tv-light: #E2FAD7;
|
||||||
|
|
||||||
--pen-dark: #E0005C;
|
--pen-dark: #E0005C;
|
||||||
--pen-light: #FEDAE9;
|
--pen-light: #FEDAE9;
|
||||||
|
|
||||||
--social-light: #C2E4F2;
|
--social-light: #C2E4F2;
|
||||||
--social-dark: #0163A4;
|
--social-dark: #0163A4;
|
||||||
|
|
||||||
--gallery-light: #FCF4B9;
|
--gallery-light: #FCF4B9;
|
||||||
--gallery-dark: #846A00;
|
--gallery-dark: #846A00;
|
||||||
|
|
||||||
--shouts-dark: #CB001D;
|
--shouts-dark: #CB001D;
|
||||||
--shouts-light: #FFD9DD;
|
--shouts-light: #FFD9DD;
|
||||||
|
|
||||||
--calendar-light: #B6EDFF;
|
--calendar-light: #B6EDFF;
|
||||||
--calendar-dark: #0E64C8;
|
--calendar-dark: #0E64C8;
|
||||||
}
|
}
|
||||||
@ -583,13 +583,14 @@ div.network-source {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.calendar-image {
|
.calendar-image {
|
||||||
|
width: 100%;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
display: inherit;
|
display: inherit;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/* Card metadata (video & calendar) */
|
/* Card metadata (video & calendar) */
|
||||||
|
|
||||||
.tape-label {
|
.tape-label {
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@ -700,7 +701,7 @@ li.page-item.disabled {
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
/*
|
/*
|
||||||
li.page-item:nth-child(even) {
|
li.page-item:nth-child(even) {
|
||||||
transform: rotate(-1deg);
|
transform: rotate(-1deg);
|
||||||
}
|
}
|
||||||
@ -710,7 +711,7 @@ li.page-item:nth-child(odd) {
|
|||||||
}
|
}
|
||||||
|
|
||||||
li.page-item:nth-child(5) {
|
li.page-item:nth-child(5) {
|
||||||
transform: rotate(2deg);
|
transform: rotate(2deg);
|
||||||
}
|
}
|
||||||
|
|
||||||
li.page-item:nth-child(8) {
|
li.page-item:nth-child(8) {
|
||||||
@ -801,7 +802,7 @@ footer a:hover {
|
|||||||
#top-menu {
|
#top-menu {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu,
|
.menu,
|
||||||
#top-menu .search,
|
#top-menu .search,
|
||||||
#login {
|
#login {
|
||||||
@ -813,18 +814,18 @@ footer a:hover {
|
|||||||
display: flex;
|
display: flex;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
|
|
||||||
.mobile-menu #login {
|
.mobile-menu #login {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.hamburger {
|
.hamburger {
|
||||||
border: none;
|
border: none;
|
||||||
background: none;
|
background: none;
|
||||||
position: relative;
|
position: relative;
|
||||||
z-index: 3;
|
z-index: 3;
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawer {
|
.drawer {
|
||||||
display: block;
|
display: block;
|
||||||
position: fixed;
|
position: fixed;
|
||||||
@ -837,7 +838,7 @@ footer a:hover {
|
|||||||
transition: 0.2s all ease-in-out;
|
transition: 0.2s all ease-in-out;
|
||||||
padding-top: 120px;
|
padding-top: 120px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawer * {
|
.drawer * {
|
||||||
display: none;
|
display: none;
|
||||||
opacity: 0;
|
opacity: 0;
|
||||||
@ -851,12 +852,12 @@ footer a:hover {
|
|||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawer ul li {
|
.drawer ul li {
|
||||||
padding: 1em 0;
|
padding: 1em 0;
|
||||||
/* border-bottom: 1px solid #333; */
|
/* border-bottom: 1px solid #333; */
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawer ul li a {
|
.drawer ul li a {
|
||||||
color: white;
|
color: white;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
@ -867,12 +868,12 @@ footer a:hover {
|
|||||||
.drawer.opened {
|
.drawer.opened {
|
||||||
width: 80%;
|
width: 80%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.drawer.opened * {
|
.drawer.opened * {
|
||||||
display: block;
|
display: block;
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* card styles */
|
/* card styles */
|
||||||
.card,
|
.card,
|
||||||
.card.network {
|
.card.network {
|
||||||
@ -883,7 +884,7 @@ footer a:hover {
|
|||||||
font-size: 17px;
|
font-size: 17px;
|
||||||
min-width: 30ch;
|
min-width: 30ch;
|
||||||
}
|
}
|
||||||
|
|
||||||
.card h2 a {
|
.card h2 a {
|
||||||
font-size: 26px;
|
font-size: 26px;
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user