Skip to content

Latest commit

 

History

History
30 lines (24 loc) · 1.39 KB

percentage.md

File metadata and controls

30 lines (24 loc) · 1.39 KB

Flex percentage

Class Properties
.flex-pct-1 flex: 0 0 8,3333333333%;
.flex-pct-2 flex: 0 0 16,6666666667%;
.flex-pct-3 flex: 0 0 25%;
.flex-pct-4 flex: 0 0 33,3333333333%;
.flex-pct-5 flex: 0 0 41,6666666667%;
.flex-pct-6 flex: 0 0 50%;
.flex-pct-7 flex: 0 0 58,3333333333%;
.flex-pct-8 flex: 0 0 66,6666666667%;
.flex-pct-9 flex: 0 0 75%;
.flex-pct-10 flex: 0 0 83,3333333333%;
.flex-pct-11 flex: 0 0 91,6666666667%;
.flex-pct-12 flex: 0 0 100%;

Install separately

@import '~scssfold/src/modules/flex/percentage';

Customizing

Override the following variable before including the module. Each key is used for the class name, and the value is used for the css property.

$scssfold-flex-pct-columns: 12;