Sha256: ae932f6cf42f48ff717da831c2dbd0b351533c87908e07b8e1fd167ea1e89078
Contents?: true
Size: 883 Bytes
Versions: 12
Compression:
Stored size: 883 Bytes
Contents
// =============================================
// Flexbox Helpers
// Last Updated:2013-8-16
// =============================================
$flexbox-classes: true !default; // enable output of flexbox classes (optional)
$flexbox-helpers: "flex-wrapper" "flex-box" "vertical-center" !default;
@mixin flex-wrapper() {
display: flex;
}
@mixin flex-box($values: 1) {
width: percent(1/$values);
flex: $values;
}
@mixin flex-order($val) {
order: $val;
}
@mixin vertical-center() {
display: box;
box-orient: vertical;
box-pack: center;
}
%flex-wrapper {
@include flex-wrapper();
}
%flex-box {
@include flex-box();
}
%vertical-center {
@include vertical-center();
}
@if $flexbox-classes {
.flex-wrapper {
@extend %flex-wrapper;
}
.flex-box {
@extend %flex-box;
}
.vertical-center {
@extend %vertical-center;
}
}
Version data entries
12 entries across 12 versions & 1 rubygems