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%; |
@import '~scssfold/src/modules/flex/percentage';
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;