mirror of
https://github.com/netz39/www.netz39.de.git
synced 2025-01-19 04:20:10 +01:00
49 lines
607 B
SCSS
49 lines
607 B
SCSS
|
/* ---- grid ---- */
|
||
|
|
|
||
|
|
.grid {
|
||
|
|
padding-bottom: 6%;
|
||
|
|
padding-top: 1%;
|
||
|
|
|
||
|
|
|
||
|
|
/* clear fix */
|
||
|
|
&:after {
|
||
|
|
content: '';
|
||
|
|
display: block;
|
||
|
|
clear: both;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* ---- .grid-item within masonry ---- */
|
||
|
|
|
||
|
|
.grid-sizer,
|
||
|
|
.grid-item {
|
||
|
|
/* state column width */
|
||
|
|
width: 32.6%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-item {
|
||
|
|
float: left;
|
||
|
|
border-radius: 5px;
|
||
|
|
|
||
|
|
img {
|
||
|
|
/* for image formatting in the masonry */
|
||
|
|
display: block;
|
||
|
|
max-width: 100%;
|
||
|
|
min-height: 30%;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
/* --- Masonry gutter size --- */
|
||
|
|
|
||
|
|
.gutter-sizer {
|
||
|
|
width: 1%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-item:first-of-type {
|
||
|
|
margin-bottom: 1%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.grid-item {
|
||
|
|
margin-bottom: 1%;
|
||
|
|
}
|