houdini/app/assets/stylesheets/components/full_features.css.scss
2020-06-15 10:26:57 -05:00

41 lines
876 B
SCSS

/* License: AGPL-3.0-or-later WITH WTO-AP-3.0-or-later
Full license explanation at https://github.com/houdiniproject/houdini/blob/master/LICENSE */
@import 'mixins';
.fullFeatures .masonry-column > div {
margin-bottom: 30px;
}
.fullFeatures .masonry-column:nth-of-type(1) > div {
padding-right: 16px;
}
.fullFeatures .masonry-column:nth-of-type(2) > div {
padding: 0 8px;
}
.fullFeatures .masonry-column:nth-of-type(3) > div {
padding-left: 16px;
}
.masonry-column {
float: left;
}
.size-1of3 {
width: 33.33333%;
}
.size-1of2 {
width: 50%;
}
.size-1of1 {
width: 100%;
}
@media screen and (max-width: 900px) {
.fullFeatures .masonry-column:nth-of-type(1) > div {
padding-right: 12px;
}
.fullFeatures .masonry-column:nth-of-type(2) > div {
padding-left: 12px;
}
}
@media screen and (max-width: 500px) {
.fullFeatures .masonry-column > div {
padding: 0;
}
}