Sha256: 52164f996a4f8fec72794f355f51f8ed9546d13bddb062b429c53b37f557e9bc
Contents?: true
Size: 1.47 KB
Versions: 151
Compression:
Stored size: 1.47 KB
Contents
@import "flex_item";
[class^=pb_flex_kit] {
display: flex;
flex-wrap: nowrap;
// Inline
&[class*=_inline] {
display: inline-flex;
}
// Wrap
&[class*=_wrap] {
flex-wrap: wrap;
}
// Orientation
&[class*=_orientation_row] {
flex-direction: row;
&[class*=_reverse] {
flex-direction: row-reverse;
}
}
&[class*=_orientation_column] {
flex-direction: column;
&[class*=_reverse] {
flex-direction: column-reverse;
}
}
// Alignment: Justify Content
&[class*=justify_content_left],
&[class*=justify_content_top] {
justify-content: flex-start;
&[class*=_reverse] {
justify-content: flex-end;
}
}
&[class*=justify_content_right],
&[class*=justify_content_bottom] {
justify-content: flex-end;
&[class*=_reverse] {
justify-content: flex-start;
}
}
&[class*=justify_content_center] {
justify-content: center;
}
// Alignment: Align Items
&[class*=align_items_left],
&[class*=align_items_top] {
align-items: flex-start;
}
&[class*=align_items_right],
&[class*=align_items_bottom] {
align-items: flex-end;
}
&[class*=align_items_center] {
align-items: center;
}
&[class*=align_items_stretch] {
align-items: stretch;
}
// Spacing
&[class*=spacing_around] {
justify-content: space-around;
}
&[class*=spacing_between] {
justify-content: space-between;
}
&[class*=spacing_evenly] {
justify-content: space-evenly;
}
}
Version data entries
151 entries across 151 versions & 1 rubygems