Sha256: 6e286b3ee10c308642a95f8d5f996a67e6b704728b221f46304b4becb5143742
Contents?: true
Size: 1.41 KB
Versions: 20
Compression:
Stored size: 1.41 KB
Contents
@import "shared";
// Specify the number of columns
@mixin column-count($n) {
@include experimental(column-count, $n,
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
// Specify the gap between columns e.g. `20px`
@mixin column-gap($u) {
@include experimental(column-gap, $u,
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
// Specify the width of columns e.g. `100px`
@mixin column-width($u) {
@include experimental(column-width, $u,
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
// Specify the width of the rule between columns e.g. `1px`
@mixin column-rule-width($w) {
@include experimental(rule-width, $w,
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
// Specify the style of the rule between columns e.g. `dotted`.
// This works like border-style.
@mixin column-rule-style($s) {
@include experimental(rule-style, unquote($s),
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
// Specify the style of the rule between columns e.g. `dotted`.
// This works like border-color.
@mixin column-rule-color($c) {
@include experimental(rule-color, unquote($s),
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
// Mixin encompassing all column rule rules
// For example:
// +column-rule(1px, solid, #c00)
@mixin column-rule($w, $s: solid, $c: black) {
@include experimental(column-rule, $w $s $c,
-moz, -webkit, -o, not -ms, not -khtml, official
);
}
Version data entries
20 entries across 17 versions & 2 rubygems