<===> options.yml
---
:warning_todo:
- sass/libsass#2887
<===> input.sass
// The amount of the column of a single row.
$columnAmount: 16
// The name of the each column size.
$columnName : one two three four five six seven eight nine ten eleven twelve thirteen fourteen fifteen sixteen
=column-generator
@for $i from 1 through $columnAmount
[class*="#{nth($columnName, $i)} wide"]
width: 100% / $columnAmount * $i
&[class*="#{nth($columnName, $i)} column"], & .row[class*="#{nth($columnName, $i)} column"]
> .column:not(.row)
width : 100% / $columnAmount * $i !important
.grid
+column-generator
<===> output.css
.grid [class*="one wide"] {
width: 6.25%;
}
.grid[class*="one column"] > .column:not(.row), .grid .row[class*="one column"] > .column:not(.row) {
width: 6.25% !important;
}
.grid [class*="two wide"] {
width: 12.5%;
}
.grid[class*="two column"] > .column:not(.row), .grid .row[class*="two column"] > .column:not(.row) {
width: 12.5% !important;
}
.grid [class*="three wide"] {
width: 18.75%;
}
.grid[class*="three column"] > .column:not(.row), .grid .row[class*="three column"] > .column:not(.row) {
width: 18.75% !important;
}
.grid [class*="four wide"] {
width: 25%;
}
.grid[class*="four column"] > .column:not(.row), .grid .row[class*="four column"] > .column:not(.row) {
width: 25% !important;
}
.grid [class*="five wide"] {
width: 31.25%;
}
.grid[class*="five column"] > .column:not(.row), .grid .row[class*="five column"] > .column:not(.row) {
width: 31.25% !important;
}
.grid [class*="six wide"] {
width: 37.5%;
}
.grid[class*="six column"] > .column:not(.row), .grid .row[class*="six column"] > .column:not(.row) {
width: 37.5% !important;
}
.grid [class*="seven wide"] {
width: 43.75%;
}
.grid[class*="seven column"] > .column:not(.row), .grid .row[class*="seven column"] > .column:not(.row) {
width: 43.75% !important;
}
.grid [class*="eight wide"] {
width: 50%;
}
.grid[class*="eight column"] > .column:not(.row), .grid .row[class*="eight column"] > .column:not(.row) {
width: 50% !important;
}
.grid [class*="nine wide"] {
width: 56.25%;
}
.grid[class*="nine column"] > .column:not(.row), .grid .row[class*="nine column"] > .column:not(.row) {
width: 56.25% !important;
}
.grid [class*="ten wide"] {
width: 62.5%;
}
.grid[class*="ten column"] > .column:not(.row), .grid .row[class*="ten column"] > .column:not(.row) {
width: 62.5% !important;
}
.grid [class*="eleven wide"] {
width: 68.75%;
}
.grid[class*="eleven column"] > .column:not(.row), .grid .row[class*="eleven column"] > .column:not(.row) {
width: 68.75% !important;
}
.grid [class*="twelve wide"] {
width: 75%;
}
.grid[class*="twelve column"] > .column:not(.row), .grid .row[class*="twelve column"] > .column:not(.row) {
width: 75% !important;
}
.grid [class*="thirteen wide"] {
width: 81.25%;
}
.grid[class*="thirteen column"] > .column:not(.row), .grid .row[class*="thirteen column"] > .column:not(.row) {
width: 81.25% !important;
}
.grid [class*="fourteen wide"] {
width: 87.5%;
}
.grid[class*="fourteen column"] > .column:not(.row), .grid .row[class*="fourteen column"] > .column:not(.row) {
width: 87.5% !important;
}
.grid [class*="fifteen wide"] {
width: 93.75%;
}
.grid[class*="fifteen column"] > .column:not(.row), .grid .row[class*="fifteen column"] > .column:not(.row) {
width: 93.75% !important;
}
.grid [class*="sixteen wide"] {
width: 100%;
}
.grid[class*="sixteen column"] > .column:not(.row), .grid .row[class*="sixteen column"] > .column:not(.row) {
width: 100% !important;
}
<===> warning
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
10 | width: 100% / $columnAmount * $i
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 10:14 column-generator()
input.sass 17:3 root stylesheet
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div(100%, $columnAmount)
More info and automated migrator: https://sass-lang.com/d/slash-div
,
14 | width : 100% / $columnAmount * $i !important
| ^^^^^^^^^^^^^^^^^^^^
'
input.sass 14:18 column-generator()
input.sass 17:3 root stylesheet