keb/kesper
1
0
Fork 0
mirror of https://github.com/ZetaKebab/kesper.git synced 2025-07-01 17:37:37 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

✨Added Koenig gallery card support (#475)

Browse Source 
no issue

- Update CSS and JS for new gallery card
- Updates CSS to support new gallery card
- Adds JS to support grid layout for gallery view
- Fix gallery breakout size
- Refining styles for gallery card
This commit is contained in:
Kevin Ansfield
2018-08-30 17:44:55 +01:00
committed by Katharina Irrgang
parent a0e42e0599
commit 7a88c88ea2
4 changed files with 46 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
assets/css/screen.css
View File

@ -1855,11 +1855,13 @@ Usage (In Ghost editor):
text-align: center;
}
.kg-image-card {
.kg-image-card,
.kg-gallery-card {
margin: 0 0 1.5em;
}
.kg-image-card figcaption {
.kg-image-card figcaption,
.kg-gallery-card figcaption {
margin: -1.0em 0 1.5em;
}
@ -1891,6 +1893,34 @@ Usage (In Ghost editor):
}
}
.kg-gallery-container {
display: flex;
flex-direction: column;
margin: 1.5em auto;
max-width: 1040px;
width: 100vw;
}
.kg-gallery-row {
display: flex;
flex-direction: row;
justify-content: center;
}
.kg-gallery-image img {
display: block;
margin: 0;
width: 100%;
height: 100%;
}
.kg-gallery-row:not(:first-of-type) {
margin: 0.75em 0 0 0;
}
.kg-gallery-image:not(:first-of-type) {
margin: 0 0 0 0.75em;
}
/* 8. Author Template
/* ---------------------------------------------------------- */