Sha256: ebde507aecada7c137568190cf263b2fab4b9a0cdf915f2c481a15bcff8c03b2
Contents?: true
Size: 1.12 KB
Versions: 88
Compression:
Stored size: 1.12 KB
Contents
// Layout utility for applying padding to containers
// TODO extend these into more robust modules ex. l-padded l-padded-horizontal etc etc
.l-padded {
padding: 20px;
@media (min-width: $screen-md-min) {
padding: 40px;
}
}
.l-padded-thick {
padding: 40px;
@media (min-width: $screen-md-min) {
padding: 60px;
}
}
.l-padded-thin {
padding: 10px;
@media (min-width: $screen-md-min) {
padding: 20px;
}
}
// Create standard rhythm for vertical content spacing
.l-section {
margin-top: 40px;
@media (max-width: $screen-sm-max) {
margin-top: 20px;
}
@media (max-width: $screen-xs-max) {
margin-top: 10px;
}
}
.l-section-close {
margin-top: 20px;
@media (max-width: $screen-sm-max) {
margin-top: 10px;
}
@media (max-width: $screen-xs-max) {
margin-top: 0px;
}
}
.l-section-far {
margin-top: 60px;
@media (max-width: $screen-sm-max) {
margin-top: 40px;
}
@media (max-width: $screen-xs-max) {
margin-top: 20px;
}
}
// Layout utility for unpadded bootstrap columns ex. class="row no-gutter"
.no-gutter > [class*='col-'] {
padding-right: 0;
padding-left: 0;
}
Version data entries
88 entries across 88 versions & 1 rubygems