src/app/components/stylesheets/stylesheets.component.columns.scss
@mixin columns($count) {
-moz-column-count: $count;
-webkit-column-count: $count;
column-count: $count;
// $gap: 40px; // normal
$gap: 20px; // half-normal
-moz-column-gap: $gap;
-webkit-column-gap: $gap;
column-gap: $gap;
}
@for $i from 1 through 32 {
.columns#{$i} {
@include columns($i);
}
}
hr {
display: var(--hr-display);
height: 10px;
border: 0;
box-shadow: 0 10px 10px -10px $rule-color inset;
}
.page-break {
// display: block;
page-break-before: always;
}
.tryKeepTogether {
page-break-inside: avoid;
}