vitalif-js
/
prettier
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix(css): space and newlines before parenthesis (#3930)

master
Evilebot Tnawi 2018-02-09 15:28:55 +03:00 committed by GitHub
parent 115e0f70e9
commit d716c84156
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
9 changed files with 690 additions and 79 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/language-css/parser-postcss.js
View File

@ -345,7 +345,7 @@ function parseNestedCSS(node) {
node.name === "return"
) {
// Remove unnecessary spaces in SCSS variable arguments
node.params = node.params.replace(/\s+\.\.\./, "...");
node.params = node.params.replace(/(\$\S+?)\s+?\.\.\./, "$1...");
// Remove unnecessary spaces before SCSS control, mixin and function directives
node.params = node.params.replace(/^(?!if)(\S+)\s+\(/, "$1(");

150
src/language-css/printer-postcss.js
View File

@ -402,50 +402,103 @@ function genericPrint(path, options, print) {
let didBreak = false;
for (let i = 0; i < node.groups.length; ++i) {
parts.push(printed[i]);
if (
i !== node.groups.length - 1 &&
node.groups[i + 1].raws &&
node.groups[i + 1].raws.before !== "" &&
node.groups[i].value !== ":"
) {
const isNextMathOperator = isMathOperatorNode(node.groups[i + 1]);
const isNextEqualityOperator =
isControlDirective && isEqualityOperatorNode(node.groups[i + 1]);
const isNextRelationalOperator =
isControlDirective && isRelationalOperatorNode(node.groups[i + 1]);
const isNextIfElseKeyword =
isControlDirective && isIfElseKeywordNode(node.groups[i + 1]);
const isNextEachKeyword =
isControlDirective && isEachKeywordNode(node.groups[i + 1]);
const isForKeyword =
atRuleAncestorNode &&
atRuleAncestorNode.name === "for" &&
isForKeywordNode(node.groups[i]);
const isNextForKeyword =
isControlDirective && isForKeywordNode(node.groups[i + 1]);
const IsNextColon = node.groups[i + 1].value === ":";
if (isGridValue) {
if (
node.groups[i].source.start.line !==
node.groups[i + 1].source.start.line
) {
parts.push(hardline);
didBreak = true;
} else {
parts.push(" ");
}
} else if (
isNextMathOperator ||
isNextEqualityOperator ||
isNextRelationalOperator ||
isNextIfElseKeyword ||
isForKeyword
// Ignore after latest node (i.e. before semicolon)
if (!node.groups[i + 1]) {
continue;
}
// Ignore colon
if (node.groups[i].value === ":") {
continue;
}
const isMathOperator = isMathOperatorNode(node.groups[i]);
const isNextMathOperator = isMathOperatorNode(node.groups[i + 1]);
// Ignore math operators
if (
(isMathOperator &&
node.groups[i + 1].raws &&
node.groups[i + 1].raws.before === "") ||
(isNextMathOperator &&
node.groups[i + 1].raws &&
node.groups[i + 1].raws.before === "")
) {
continue;
}
// Ignore `@` in Less (i.e. `@@var;`)
if (
node.groups[i].type === "value-atword" &&
node.groups[i].value === ""
) {
continue;
}
// Ignore `~` in Less (i.e. `content: ~"^//* some horrible but needed css hack";`)
if (node.groups[i].value === "~") {
continue;
}
// Ignore interpolation in SCSS (i.e. ``#{variable}``)
if (
node.groups[i].value === "#" ||
node.groups[i].value === "{" ||
node.groups[i + 1].value === "}"
) {
continue;
}
const isEqualityOperator =
isControlDirective && isEqualityOperatorNode(node.groups[i]);
const isRelationalOperator =
isControlDirective && isRelationalOperatorNode(node.groups[i]);
const isNextEqualityOperator =
isControlDirective && isEqualityOperatorNode(node.groups[i + 1]);
const isNextRelationalOperator =
isControlDirective && isRelationalOperatorNode(node.groups[i + 1]);
const isNextIfElseKeyword =
isControlDirective && isIfElseKeywordNode(node.groups[i + 1]);
const isEachKeyword =
isControlDirective && isEachKeywordNode(node.groups[i]);
const isNextEachKeyword =
isControlDirective && isEachKeywordNode(node.groups[i + 1]);
const isForKeyword =
atRuleAncestorNode &&
atRuleAncestorNode.name === "for" &&
isForKeywordNode(node.groups[i]);
const isNextForKeyword =
isControlDirective && isForKeywordNode(node.groups[i + 1]);
const IsNextColon = node.groups[i + 1].value === ":";
if (isGridValue) {
if (
node.groups[i].source.start.line !==
node.groups[i + 1].source.start.line
) {
parts.push(hardline);
didBreak = true;
} else {
parts.push(" ");
} else if (!IsNextColon || isNextForKeyword || isNextEachKeyword) {
parts.push(line);
}
} else if (
isNextMathOperator ||
isNextEqualityOperator ||
isNextRelationalOperator ||
isNextIfElseKeyword ||
isForKeyword ||
isEachKeyword
) {
parts.push(" ");
} else if (
!IsNextColon ||
isEqualityOperator ||
isRelationalOperator ||
isNextForKeyword ||
isNextEachKeyword
) {
parts.push(line);
}
}
@ -523,23 +576,6 @@ function genericPrint(path, options, print) {
return concat([node.value, path.call(print, "group")]);
}
case "value-paren": {
if (node.raws.before !== "") {
const parentParentNode = path.getParentNode(1);
const insideInParens =
parentParentNode && parentParentNode.type === "value-paren_group";
const parentParentParentNode = path.getParentNode(2);
const isFunction =
parentParentParentNode &&
parentParentParentNode.type === "value-func";
const declAncestorNode = getAncestorNode(path, "css-decl");
const isMap = declAncestorNode && declAncestorNode.prop.startsWith("$");
return concat([
isFunction || insideInParens || isMap ? "" : line,
node.value
]);
}
return node.value;
}
case "value-number": {

97
tests/css_atrule/__snapshots__/jsfmt.spec.js.snap
View File

@ -1137,8 +1137,7 @@ h3
{
}
@each $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
in
puma,
in puma,
sea-slug, egret, salamander
{
}
@ -1720,13 +1719,11 @@ through
{
}
@for $very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var
from
(
from (
$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1 +
$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var1
)
through
(
through (
$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2 +
$very-very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-var-2
)
@ -2030,7 +2027,7 @@ p {
}
@if (($type) == (ocean)) {
}
@if (($type)==(ocean)) {
@if (($type) ==(ocean)) {
}
@if (($type) == (ocean)) {
}
@ -2129,7 +2126,7 @@ p {
40px
{
}
@if (str-slice($item, 0, 1) ==":") {
@if (str-slice($item, 0, 1) == ":") {
}
@if (str-slice($item, 0, 3) == " : ") {
}
@ -3218,6 +3215,29 @@ $args
{
}
@mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {}
@mixin component($conf: ()) {}
@mixin component($conf: ( )) {}
@mixin button-variant($hover-background: darken($background, 7.5%)) {}
@mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {}
@mixin button-variant($hover-background:darken($background,7.5%)) {}
@mixin button-variant(
$hover-background: darken($background, 7.5%)
) {}
@mixin
button-variant(
$hover-background
:
darken(
$background
,
7.5%
)
)
{}
@mixin button-variant($foo: "...") {}
@mixin button-variant($foo: " ... ") {}
@mixin button-variant($foo: " ... ") {}
@mixin sexy-border($color, $width, $foo: (color: red)) {}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@mixin clearfix {
}
@ -3258,6 +3278,28 @@ $args
$very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...
) {
}
@mixin component($conf: ()) {
}
@mixin component($conf: ()) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($hover-background: darken($background, 7.5%)) {
}
@mixin button-variant($foo: "...") {
}
@mixin button-variant($foo: " ... ") {
}
@mixin button-variant($foo: " ... ") {
}
@mixin sexy-border($color, $width, $foo: (color: red)) {
}
`;
@ -3539,6 +3581,24 @@ $gutter-width
@function grid-width($n) {
@return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var;
}
@function extend($obj, $ext-obj) {
@return map-merge($obj, $ext-obj);
}
@function extend($obj, $ext-obj) {
@return map-merge( $obj , $ext-obj ) ;
}
@function extend($obj, $ext-obj) {
@return map-merge($obj,$ext-obj);
}
@function extend($obj, $ext-obj) {
@return
map-merge(
$obj
,
$ext-obj
)
;
}
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@function grid-width($n) {
@return $n * $grid-width + ($n - 1) * $gutter-width;
@ -3547,7 +3607,7 @@ $gutter-width
@return $n * $grid-width + ($n - 1) * $gutter-width;
}
@function grid-width($n) {
@return $n*$grid-width+($n-1)*$gutter-width;
@return $n*$grid-width+ ($n-1)*$gutter-width;
}
@function grid-width($n) {
@return $n * $grid-width + ($n - 1) * $gutter-width;
@ -3570,9 +3630,20 @@ $gutter-width
@function grid-width($n) {
@return $very-very-very-very-very-very-vey-long-var *
$very-very-very-very-very-very-vey-long-var +
(
$very-very-very-very-very-very-vey-long-var - 1
) * $very-very-very-very-very-very-vey-long-var;
($very-very-very-very-very-very-vey-long-var - 1) *
$very-very-very-very-very-very-vey-long-var;
}
@function extend($obj, $ext-obj) {
@return map-merge($obj, $ext-obj);
}
@function extend($obj, $ext-obj) {
@return map-merge($obj, $ext-obj);
}
@function extend($obj, $ext-obj) {
@return map-merge($obj, $ext-obj);
}
@function extend($obj, $ext-obj) {
@return map-merge($obj, $ext-obj);
}
`;
@ -4256,7 +4327,7 @@ $i
}
@while (($i) > (0)) {
}
@while (($i)>(0)) {
@while (($i) >(0)) {
}
@while (($i) > (0)) {
}

23
tests/css_atrule/mixin.css
View File

@ -82,3 +82,26 @@ $args
{
}
@mixin mix($very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg1, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-arg2: 10, $very-very-very-very-very-very-very-very-very-very-very-very-very-very-long-args...) {}
@mixin component($conf: ()) {}
@mixin component($conf: ( )) {}
@mixin button-variant($hover-background: darken($background, 7.5%)) {}
@mixin button-variant( $hover-background : darken( $background , 7.5% ) ) {}
@mixin button-variant($hover-background:darken($background,7.5%)) {}
@mixin button-variant(
$hover-background: darken($background, 7.5%)
) {}
@mixin
button-variant(
$hover-background
:
darken(
$background
,
7.5%
)
)
{}
@mixin button-variant($foo: "...") {}
@mixin button-variant($foo: " ... ") {}
@mixin button-variant($foo: " ... ") {}
@mixin sexy-border($color, $width, $foo: (color: red)) {}

18
tests/css_atrule/return.css
View File

@ -97,3 +97,21 @@ $gutter-width
@function grid-width($n) {
@return $very-very-very-very-very-very-vey-long-var * $very-very-very-very-very-very-vey-long-var + ($very-very-very-very-very-very-vey-long-var - 1) * $very-very-very-very-very-very-vey-long-var;
}
@function extend($obj, $ext-obj) {
@return map-merge($obj, $ext-obj);
}
@function extend($obj, $ext-obj) {
@return map-merge( $obj , $ext-obj ) ;
}
@function extend($obj, $ext-obj) {
@return map-merge($obj,$ext-obj);
}
@function extend($obj, $ext-obj) {
@return
map-merge(
$obj
,
$ext-obj
)
;
}

7
tests/css_comments/__snapshots__/jsfmt.spec.js.snap
View File

@ -140,10 +140,11 @@ a {
.foo {
/* comment 23 */
color/* comment 24 */:/* comment 25 */ blue/* comment 26 */; /* comment 27 */
color/* comment 24 */:/* comment 25 */ blue /* comment 26 */; /* comment 27 */
transform/* comment 28 */:/* comment 29 */ translate(
/* comment 30 */10px/* comment 31 */
)/* comment 32 */; /* comment 33 */
/* comment 30 */ 10px /* comment 31 */
)
/* comment 32 */; /* comment 33 */
}
.foo {
/* comment 34 */

10
tests/css_parens/__snapshots__/jsfmt.spec.js.snap
View File

@ -260,8 +260,8 @@ a {
width: calc(100% - (#{var(--g-spacing)} - #{$iframe-x-padding}) * 2);
padding-right: (100% * $info-width / (1 - $image-width));
padding-bottom: (
100% * $image-height / ($image-width-responsive + $image-margin-responsive *
2)
100% * $image-height /
($image-width-responsive + $image-margin-responsive * 2)
);
}
@ -273,8 +273,8 @@ a {
background: element(#css-source);
width: calc(100% - (#{var(--g-spacing)} - #{$iframe-x-padding}) * 2);
padding-bottom: (
100% * $image-height / ($image-width-responsive + $image-margin-responsive *
2)
100% * $image-height /
($image-width-responsive + $image-margin-responsive * 2)
);
padding-top: var(--paddingC);
}
@ -288,7 +288,7 @@ a {
prop6: attr(data-foo);
prop7: attr(data-foo);
prop8: attr(data-foo);
prop9: "("attr(title)")";
prop9: "(" attr(title) ")";
prop10: "(" attr(title) ")";
prop11: "(" attr(title) ")";
prop12: "(" attr(title) ")";

264
tests/css_scss/__snapshots__/jsfmt.spec.js.snap
View File

@ -158,6 +158,204 @@ $value
)
);
$longVariable: (
(mobile $mobile) (tablet $tablet) (desktop $desktop) (wide $wide)
);
$list-space: "item-1" "item-2" "item-3";
$list-space:"item-1""item-2""item-3";
$list-space: "item-1" "item-2" "item-3" ;
$list-space: "item-1"
"item-2"
"item-3";
$list-space
:
"item-1"
"item-2"
"item-3"
;
$list-space
:
"item-1"
"item-2"
"item-3"
;
$list-comma: "item-1", "item-2", "item-3";
$list-comma:"item-1","item-2","item-3";
$list-comma: "item-1" , "item-2" , "item-3" ;
$list-comma: "item-1",
"item-2",
"item-3";
$list-comma
:
"item-1"
,
"item-2"
,
"item-3"
;
$list-comma
:
"item-1"
,
"item-2"
,
"item-3"
;
$list: "item-1.1" "item-1.2" "item-1.3", "item-2.1" "item-2.2" "item-2.3", "item-3.1" "item-3.2" "item-3.3";
$list:"item-1.1""item-1.2""item-1.3","item-2.1""item-2.2""item-2.3","item-3.1""item-3.2""item-3.3";
$list: "item-1.1" "item-1.2" "item-1.3" , "item-2.1" "item-2.2" "item-2.3" , "item-3.1" "item-3.2" "item-3.3" ;
$list: "item-1.1" "item-1.2" "item-1.3",
"item-2.1" "item-2.2" "item-2.3",
"item-3.1" "item-3.2" "item-3.3";
$list
:
"item-1.1"
"item-1.2"
"item-1.3"
,
"item-2.1"
"item-2.2"
"item-2.3"
,
"item-3.1"
"item-3.2"
"item-3.3"
;
$list
:
"item-1.1"
"item-1.2"
"item-1.3"
,
"item-2.1"
"item-2.2"
"item-2.3"
,
"item-3.1"
"item-3.2"
"item-3.3"
;
$list: (("item-1.1", "item-1.2", "item-1.3"), ("item-2.1", "item-2.2", "item-2.3"), ("item-3.1", "item-3.2", "item-3.3"));
$list:(("item-1.1","item-1.2","item-1.3"),("item-2.1","item-2.2","item-2.3"),("item-3.1","item-3.2","item-3.3"));
$list: ( ( "item-1.1" , "item-1.2" , "item-1.3" ) , ( "item-2.1" , "item-2.2" , "item-2.3" ) , ( "item-3.1" , "item-3.2" , "item-3.3" ) ) ;
$list: (
("item-1.1", "item-1.2", "item-1.3"),
("item-2.1", "item-2.2", "item-2.3"),
("item-3.1", "item-3.2", "item-3.3")
);
$list
:
(
(
"item-1.1"
,
"item-1.2"
,
"item-1.3"
)
,
(
"item-2.1"
,
"item-2.2"
,
"item-2.3"
)
,
(
"item-3.1"
,
"item-3.2"
,
"item-3.3"
)
)
;
$list
:
(
(
"item-1.1"
,
"item-1.2"
,
"item-1.3"
)
,
(
"item-2.1"
,
"item-2.2"
,
"item-2.3"
)
,
(
"item-3.1"
,
"item-3.2"
,
"item-3.3"
)
)
;
$var: (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0);
$space-scale: (0, "0") (0.25, "0-25") (0.5, "0-5") (0.75, "0-75") (1, "1") (1.25, "1-25") (1.5, "1-5") (1.75, "1-75") (2, "2") (2.25, "2-25") (2.5, "2-5") (2.75, "2-75") (3, "3") (3.25, "3-25") (3.5, "3-5") (3.75, "3-75") (4, "4");
.card-column-simple {
@include breakpoint( getBp( md ) ) {
padding: $spacing_content-sm $spacing_content-md;
@ -595,6 +793,72 @@ $map: map-merge($map, ($key: $value));
$map: map-merge($map, ($key: $value));
$map: map-merge($map, ($key: $value));
$longVariable: (
(mobile $mobile) (tablet $tablet) (desktop $desktop) (wide $wide)
);
$list-space: "item-1" "item-2" "item-3";
$list-space: "item-1" "item-2" "item-3";
$list-space: "item-1" "item-2" "item-3";
$list-space: "item-1" "item-2" "item-3";
$list-space: "item-1" "item-2" "item-3";
$list-space: "item-1" "item-2" "item-3";
$list-comma: "item-1", "item-2", "item-3";
$list-comma: "item-1", "item-2", "item-3";
$list-comma: "item-1", "item-2", "item-3";
$list-comma: "item-1", "item-2", "item-3";
$list-comma: "item-1", "item-2", "item-3";
$list-comma: "item-1", "item-2", "item-3";
$list: "item-1.1" "item-1.2" "item-1.3", "item-2.1" "item-2.2" "item-2.3",
"item-3.1" "item-3.2" "item-3.3";
$list: "item-1.1" "item-1.2" "item-1.3", "item-2.1" "item-2.2" "item-2.3",
"item-3.1" "item-3.2" "item-3.3";
$list: "item-1.1" "item-1.2" "item-1.3", "item-2.1" "item-2.2" "item-2.3",
"item-3.1" "item-3.2" "item-3.3";
$list: "item-1.1" "item-1.2" "item-1.3", "item-2.1" "item-2.2" "item-2.3",
"item-3.1" "item-3.2" "item-3.3";
$list: "item-1.1" "item-1.2" "item-1.3", "item-2.1" "item-2.2" "item-2.3",
"item-3.1" "item-3.2" "item-3.3";
$list: "item-1.1" "item-1.2" "item-1.3", "item-2.1" "item-2.2" "item-2.3",
"item-3.1" "item-3.2" "item-3.3";
$list: (
("item-1.1", "item-1.2", "item-1.3"),
("item-2.1", "item-2.2", "item-2.3"),
("item-3.1", "item-3.2", "item-3.3")
);
$list: (
("item-1.1", "item-1.2", "item-1.3"),
("item-2.1", "item-2.2", "item-2.3"),
("item-3.1", "item-3.2", "item-3.3")
);
$list: (
("item-1.1", "item-1.2", "item-1.3"),
("item-2.1", "item-2.2", "item-2.3"),
("item-3.1", "item-3.2", "item-3.3")
);
$list: (
("item-1.1", "item-1.2", "item-1.3"),
("item-2.1", "item-2.2", "item-2.3"),
("item-3.1", "item-3.2", "item-3.3")
);
$list: (
("item-1.1", "item-1.2", "item-1.3"),
("item-2.1", "item-2.2", "item-2.3"),
("item-3.1", "item-3.2", "item-3.3")
);
$list: (
("item-1.1", "item-1.2", "item-1.3"),
("item-2.1", "item-2.2", "item-2.3"),
("item-3.1", "item-3.2", "item-3.3")
);
$var: (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0)
(0 0) (0 0);
$space-scale: (0, "0") (0.25, "0-25") (0.5, "0-5") (0.75, "0-75") (1, "1")
(1.25, "1-25") (1.5, "1-5") (1.75, "1-75") (2, "2") (2.25, "2-25")
(2.5, "2-5") (2.75, "2-75") (3, "3") (3.25, "3-25") (3.5, "3-5")
(3.75, "3-75") (4, "4");
.card-column-simple {
@include breakpoint(getBp(md)) {
padding: $spacing_content-sm $spacing_content-md;

198
tests/css_scss/scss.css
View File

@ -148,6 +148,204 @@ $value
)
);
$longVariable: (
(mobile $mobile) (tablet $tablet) (desktop $desktop) (wide $wide)
);
$list-space: "item-1" "item-2" "item-3";
$list-space:"item-1""item-2""item-3";
$list-space: "item-1" "item-2" "item-3" ;
$list-space: "item-1"
"item-2"
"item-3";
$list-space
:
"item-1"
"item-2"
"item-3"
;
$list-space
:
"item-1"
"item-2"
"item-3"
;
$list-comma: "item-1", "item-2", "item-3";
$list-comma:"item-1","item-2","item-3";
$list-comma: "item-1" , "item-2" , "item-3" ;
$list-comma: "item-1",
"item-2",
"item-3";
$list-comma
:
"item-1"
,
"item-2"
,
"item-3"
;
$list-comma
:
"item-1"
,
"item-2"
,
"item-3"
;
$list: "item-1.1" "item-1.2" "item-1.3", "item-2.1" "item-2.2" "item-2.3", "item-3.1" "item-3.2" "item-3.3";
$list:"item-1.1""item-1.2""item-1.3","item-2.1""item-2.2""item-2.3","item-3.1""item-3.2""item-3.3";
$list: "item-1.1" "item-1.2" "item-1.3" , "item-2.1" "item-2.2" "item-2.3" , "item-3.1" "item-3.2" "item-3.3" ;
$list: "item-1.1" "item-1.2" "item-1.3",
"item-2.1" "item-2.2" "item-2.3",
"item-3.1" "item-3.2" "item-3.3";
$list
:
"item-1.1"
"item-1.2"
"item-1.3"
,
"item-2.1"
"item-2.2"
"item-2.3"
,
"item-3.1"
"item-3.2"
"item-3.3"
;
$list
:
"item-1.1"
"item-1.2"
"item-1.3"
,
"item-2.1"
"item-2.2"
"item-2.3"
,
"item-3.1"
"item-3.2"
"item-3.3"
;
$list: (("item-1.1", "item-1.2", "item-1.3"), ("item-2.1", "item-2.2", "item-2.3"), ("item-3.1", "item-3.2", "item-3.3"));
$list:(("item-1.1","item-1.2","item-1.3"),("item-2.1","item-2.2","item-2.3"),("item-3.1","item-3.2","item-3.3"));
$list: ( ( "item-1.1" , "item-1.2" , "item-1.3" ) , ( "item-2.1" , "item-2.2" , "item-2.3" ) , ( "item-3.1" , "item-3.2" , "item-3.3" ) ) ;
$list: (
("item-1.1", "item-1.2", "item-1.3"),
("item-2.1", "item-2.2", "item-2.3"),
("item-3.1", "item-3.2", "item-3.3")
);
$list
:
(
(
"item-1.1"
,
"item-1.2"
,
"item-1.3"
)
,
(
"item-2.1"
,
"item-2.2"
,
"item-2.3"
)
,
(
"item-3.1"
,
"item-3.2"
,
"item-3.3"
)
)
;
$list
:
(
(
"item-1.1"
,
"item-1.2"
,
"item-1.3"
)
,
(
"item-2.1"
,
"item-2.2"
,
"item-2.3"
)
,
(
"item-3.1"
,
"item-3.2"
,
"item-3.3"
)
)
;
$var: (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0) (0 0);
$space-scale: (0, "0") (0.25, "0-25") (0.5, "0-5") (0.75, "0-75") (1, "1") (1.25, "1-25") (1.5, "1-5") (1.75, "1-75") (2, "2") (2.25, "2-25") (2.5, "2-5") (2.75, "2-75") (3, "3") (3.25, "3-25") (3.5, "3-5") (3.75, "3-75") (4, "4");
.card-column-simple {
@include breakpoint( getBp( md ) ) {
padding: $spacing_content-sm $spacing_content-md;