CCCHH/ccchh-website
CCCHH/ccchh-website
3
3
Fork 3
Code Issues 3 Pull requests 5 Activity Actions

Home: Add columns feature

Browse source
This commit is contained in:
jtbx 2023-10-17 22:52:36 +02:00
commit 49e0179832
4 changed files with 77 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

43
themes/ccchh/assets/sass/main.scss
View file

@ -157,7 +157,7 @@ body>main {
}
}
// Home Friends&Family Gallery
// Home Friends&Family Gallery + Groups Gallery
.flex-grid {
display: flex;
flex-wrap: wrap;
@ -165,11 +165,47 @@ body>main {
div {
width: 250px;
padding-left: 14px; // var(--grid-spacing-horizontal)
padding-right: 14px; // var(--grid-spacing-horizontal)
img.groups-img {
display: block;
margin: 0 auto;
// (250px - 2*var(--grid-spacing-horizontal)) * 3/4
max-height: (222px * 3/4);
}
// 2*250px + 2*var(--spacing) + 1px
@media only screen and (max-width: 533px) {
width: 150px;
img.groups-img {
// (150px - 2*var(--grid-spacing-horizontal)) * 3/4
max-height: (122px*3/4);
}
}
&.wide {
width: 350px;
img.groups-img {
// (350px - 2*var(--grid-spacing-horizontal)) * 3/4
max-height: (322px*3/4);
}
// 2*350px + 2*var(--spacing) + 1px
@media only screen and (max-width: 733px) {
width: 250px;
img.groups-img {
// (250px - 2*var(--grid-spacing-horizontal)) * 3/4
max-height: (222px*3/4);
}
}
}
}
}
@ -177,12 +213,15 @@ body>main {
a {
img {
display: block;
padding: var(--grid-spacing-horizontal);
padding-top: 14px; // var(--grid-spacing-horizontal)
padding-bottom: 14px; // var(--grid-spacing-horizontal)
margin: 0 auto;
}
}
}
// Blog Overview: Categories list
div.nav-aside {
ul {