Sha256: 6ff91dd28911dc0b8cd995733019c0a599c2685b8acbe77ecc3fbf252646639c
Contents?: true
Size: 868 Bytes
Versions: 6
Compression:
Stored size: 868 Bytes
Contents
// Sets up a element and its child elements with the flexbox properties needed
// to have the given number of columns with optional gutters or margins.
$mobile-breakpoint: 767px !default;
@mixin has-cards($columns, $margin: 0) {
@include align-content(flex-start);
@include align-items(stretch);
@include display(flex);
@include flex-direction(row);
@include flex-wrap(wrap);
@include justify-content(space-around);
column-count: $columns; // Used as a reference for JavaScript functions
padding: $margin 0 0 $margin;
> * {
@include flex(1 1 auto);
margin: 0 $margin $margin 0;
width: (1 / $columns) * 85%;
&:empty {
margin-bottom: 0;
margin-top: 0;
visibility: hidden;
}
}
@media (max-width: $mobile-breakpoint) {
> * {
width: 100%;
&:empty {
display: none;
}
}
}
}
Version data entries
6 entries across 6 versions & 1 rubygems