From c0d3acfccc4b974e5df18294b628742bcf94fc83 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 17 Jun 2024 11:28:19 -0700 Subject: [PATCH 1/7] Bump braces from 3.0.2 to 3.0.3 (#1999) Bumps [braces](https://github.com/micromatch/braces) from 3.0.2 to 3.0.3. - [Changelog](https://github.com/micromatch/braces/blob/master/CHANGELOG.md) - [Commits](https://github.com/micromatch/braces/compare/3.0.2...3.0.3) --- updated-dependencies: - dependency-name: braces dependency-type: indirect ... Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> --- package-lock.json | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/package-lock.json b/package-lock.json index e0236cbb5..aa9424914 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2379,11 +2379,11 @@ } }, "node_modules/braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "dependencies": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" }, "engines": { "node": ">=8" @@ -3786,9 +3786,9 @@ } }, "node_modules/fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "dependencies": { "to-regex-range": "^5.0.1" }, @@ -9793,11 +9793,11 @@ } }, "braces": { - "version": "3.0.2", - "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.2.tgz", - "integrity": "sha512-b8um+L1RzM3WDSzvhm6gIz1yfTbBt6YTlcEKAvsmqCZZFw46z626lVj9j1yEPW33H5H+lBQpZMP1k8l+78Ha0A==", + "version": "3.0.3", + "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz", + "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==", "requires": { - "fill-range": "^7.0.1" + "fill-range": "^7.1.1" } }, "browser-process-hrtime": { @@ -10815,9 +10815,9 @@ "integrity": "sha512-lMq41XmFu+RTtiQ/m7hMIIiwx7tyAV7jvPxZd7pwMl6Jr6Sy+jqVD3jg0Rs6onOQUtwT0OFz0qg/4Hr9+dRgPg==" }, "fill-range": { - "version": "7.0.1", - "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz", - "integrity": "sha512-qOo9F+dMUmC2Lcb4BbVvnKJxTPjCm+RRpe4gDuGrzkL7mEVl/djYSu2OdQ2Pa302N4oqkSg9ir6jaLWJ2USVpQ==", + "version": "7.1.1", + "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz", + "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==", "requires": { "to-regex-range": "^5.0.1" } From e3c74af10a0cd853c39eb4e63901635b39dd72f2 Mon Sep 17 00:00:00 2001 From: Natalie Weizenbaum Date: Mon, 17 Jun 2024 13:41:50 -0700 Subject: [PATCH 2/7] Add tests for comments around statements (#1998) A few of these cases are currently broken on Dart Sass. --- spec/css/media/comment.hrx | 27 ++++ spec/css/moz_document/comment.hrx | 71 +++++++++ spec/css/propset.hrx | 45 ++++++ spec/css/style_rule.hrx | 75 ++++++++++ spec/css/supports/comment.hrx | 27 ++++ spec/css/unknown_directive/comment.hrx | 113 ++++++++++++++ spec/directives/at_root.hrx | 105 +++++++++++++ spec/directives/extend/comment.hrx | 62 ++++++++ spec/directives/for.hrx | 90 ++++++++++++ spec/directives/forward/comment.hrx | 194 +++++++++++++++++++++++++ spec/directives/function.hrx | 61 ++++++++ spec/directives/if/comment.hrx | 95 ++++++++++++ spec/directives/import/comment.hrx | 68 +++++++++ spec/directives/mixin.hrx | 179 +++++++++++++++++++++++ spec/directives/use/comment.hrx | 194 +++++++++++++++++++++++++ spec/directives/warn.hrx | 45 ++++++ spec/variables.hrx | 44 ++++++ 17 files changed, 1495 insertions(+) create mode 100644 spec/css/media/comment.hrx create mode 100644 spec/css/moz_document/comment.hrx create mode 100644 spec/css/style_rule.hrx create mode 100644 spec/css/supports/comment.hrx create mode 100644 spec/css/unknown_directive/comment.hrx create mode 100644 spec/directives/extend/comment.hrx create mode 100644 spec/directives/forward/comment.hrx create mode 100644 spec/directives/if/comment.hrx create mode 100644 spec/directives/import/comment.hrx create mode 100644 spec/directives/use/comment.hrx diff --git a/spec/css/media/comment.hrx b/spec/css/media/comment.hrx new file mode 100644 index 000000000..655ed828a --- /dev/null +++ b/spec/css/media/comment.hrx @@ -0,0 +1,27 @@ +<===> before_query/loud/input.scss +@media /**/ screen {} + +<===> before_query/loud/output.css + +<===> +================================================================================ +<===> before_query/silent/input.scss +@media // + screen {} + +<===> before_query/silent/output.css + +<===> +================================================================================ +<===> after_query/loud/input.scss +@media screen /**/ {} + +<===> after_query/loud/output.css + +<===> +================================================================================ +<===> after_query/silent/input.scss +@media screen // + {} + +<===> after_query/silent/output.css diff --git a/spec/css/moz_document/comment.hrx b/spec/css/moz_document/comment.hrx new file mode 100644 index 000000000..373b6dfa6 --- /dev/null +++ b/spec/css/moz_document/comment.hrx @@ -0,0 +1,71 @@ +<===> before_arg/loud/input.scss +@-moz-document /**/ url-prefix(a) {} + +<===> before_arg/loud/output.css +@-moz-document url-prefix(a) {} + +<===> before_arg/loud/warning +DEPRECATION WARNING on line 1, column 1 of input.scss: +@-moz-document is deprecated and support will be removed in Dart Sass 2.0.0. + +For details, see https://sass-lang.com/d/moz-document. + , +1 | @-moz-document /**/ url-prefix(a) {} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + +<===> +================================================================================ +<===> before_arg/silent/input.scss +@-moz-document // + url-prefix(a) {} + +<===> before_arg/silent/output.css +@-moz-document url-prefix(a) {} + +<===> before_arg/silent/warning +DEPRECATION WARNING on line 1, column 1 of input.scss: +@-moz-document is deprecated and support will be removed in Dart Sass 2.0.0. + +For details, see https://sass-lang.com/d/moz-document. + , +1 | / @-moz-document // +2 | \ url-prefix(a) {} + ' + +<===> +================================================================================ +<===> after_arg/loud/input.scss +@-moz-document url-prefix(a) /**/ {} + +<===> after_arg/loud/output.css +@-moz-document url-prefix(a) {} + +<===> after_arg/loud/warning +DEPRECATION WARNING on line 1, column 1 of input.scss: +@-moz-document is deprecated and support will be removed in Dart Sass 2.0.0. + +For details, see https://sass-lang.com/d/moz-document. + , +1 | @-moz-document url-prefix(a) /**/ {} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + +<===> +================================================================================ +<===> after_arg/silent/input.scss +@-moz-document url-prefix(a) // + {} + +<===> after_arg/silent/output.css +@-moz-document url-prefix(a) {} + +<===> after_arg/silent/warning +DEPRECATION WARNING on line 1, column 1 of input.scss: +@-moz-document is deprecated and support will be removed in Dart Sass 2.0.0. + +For details, see https://sass-lang.com/d/moz-document. + , +1 | / @-moz-document url-prefix(a) // +2 | \ {} + ' diff --git a/spec/css/propset.hrx b/spec/css/propset.hrx index bba68c313..ad6b30661 100644 --- a/spec/css/propset.hrx +++ b/spec/css/propset.hrx @@ -48,6 +48,51 @@ a { b-c: --d; } +<===> +================================================================================ +<===> comment/before_block/loud/input.scss +a {b: /**/ {c: d}} + +<===> comment/before_block/loud/output.css +a { + b-c: d; +} + +<===> +================================================================================ +<===> comment/before_block/silent/input.scss +a { + b: // + {c: d} +} + +<===> comment/before_block/silent/output.css +a { + b-c: d; +} + +<===> +================================================================================ +<===> comment/after_block/loud/input.scss +a {b: {c: d} /**/} + +<===> comment/after_block/loud/output.css +a { + b-c: d; /**/ +} + +<===> +================================================================================ +<===> comment/after_block/silent/input.scss +a { + b: {c: d} // +} + +<===> comment/after_block/silent/output.css +a { + b-c: d; +} + <===> ================================================================================ <===> error/value_after_propset/input.scss diff --git a/spec/css/style_rule.hrx b/spec/css/style_rule.hrx new file mode 100644 index 000000000..fc8ed68ae --- /dev/null +++ b/spec/css/style_rule.hrx @@ -0,0 +1,75 @@ +<===> comment/after_selector/loud/input.scss +a /**/ {} + +<===> comment/after_selector/loud/output.css + +<===> +================================================================================ +<===> comment/after_selector/silent/input.scss +a // + {} + +<===> comment/after_selector/silent/output.css + +<===> +================================================================================ +<===> declaration/comment/before_colon/loud/input.scss +a {b /**/ : c} + +<===> declaration/comment/before_colon/loud/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> declaration/comment/before_colon/silent/input.scss +a {b // + : c} + +<===> declaration/comment/before_colon/silent/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> declaration/comment/after_colon/loud/input.scss +a {b: /**/ c} + +<===> declaration/comment/after_colon/loud/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> declaration/comment/after_colon/silent/input.scss +a {b: // + c} + +<===> declaration/comment/after_colon/silent/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> declaration/comment/after_value/loud/input.scss +a {b: c /**/} + +<===> declaration/comment/after_value/loud/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> declaration/comment/after_value/silent/input.scss +a {b: c // + } + +<===> declaration/comment/after_value/silent/output.css +a { + b: c; +} diff --git a/spec/css/supports/comment.hrx b/spec/css/supports/comment.hrx new file mode 100644 index 000000000..74a6bf5b6 --- /dev/null +++ b/spec/css/supports/comment.hrx @@ -0,0 +1,27 @@ +<===> before_query/loud/input.scss +@supports /**/ (a: b) {} + +<===> before_query/loud/output.css + +<===> +================================================================================ +<===> before_query/silent/input.scss +@supports // + (a: b) {} + +<===> before_query/silent/output.css + +<===> +================================================================================ +<===> after_query/loud/input.scss +@supports (a: b) /**/ {} + +<===> after_query/loud/output.css + +<===> +================================================================================ +<===> after_query/silent/input.scss +@supports (a: b) // + {} + +<===> after_query/silent/output.css diff --git a/spec/css/unknown_directive/comment.hrx b/spec/css/unknown_directive/comment.hrx new file mode 100644 index 000000000..c47a0ee37 --- /dev/null +++ b/spec/css/unknown_directive/comment.hrx @@ -0,0 +1,113 @@ +<===> no_children/before_value/loud/input.scss +@a /**/ b + +<===> no_children/before_value/loud/output.css +@a b; + +<===> +================================================================================ +<===> no_children/before_value/silent/input.scss +@a // + b + +<===> no_children/before_value/silent/output.css +@a b; + +<===> +================================================================================ +<===> no_children/after_value/loud/options.yml +:todo: + - sass/dart-sass#2263 + +<===> no_children/after_value/loud/input.scss +@a b /**/ + +<===> no_children/after_value/loud/output.css +@a b; + +<===> +================================================================================ +<===> no_children/after_value/silent/options.yml +:todo: + - sass/dart-sass#2263 + +<===> no_children/after_value/silent/input.scss +@a b // + +<===> no_children/after_value/silent/output.css +@a b; + +<===> +================================================================================ +<===> no_children/no_value/loud/input.scss +@a /**/ + +<===> no_children/no_value/loud/output.css +@a; + +<===> +================================================================================ +<===> no_children/no_value/silent/input.scss +@a // + +<===> no_children/no_value/silent/output.css +@a; + +<===> +================================================================================ +<===> children/before_value/loud/input.scss +@a /**/ b {} + +<===> children/before_value/loud/output.css +@a b {} + +<===> +================================================================================ +<===> children/before_value/silent/input.scss +@a // + b {} + +<===> children/before_value/silent/output.css +@a b {} + +<===> +================================================================================ +<===> children/after_value/loud/options.yml +:todo: + - sass/dart-sass#2263 + +<===> children/after_value/loud/input.scss +@a b /**/ {} + +<===> children/after_value/loud/output.css +@a b {}; + +<===> +================================================================================ +<===> children/after_value/silent/options.yml +:todo: + - sass/dart-sass#2263 + +<===> children/after_value/silent/input.scss +@a b // + {} + +<===> children/after_value/silent/output.css +@a b {}; + +<===> +================================================================================ +<===> children/no_value/loud/input.scss +@a /**/ {} + +<===> children/no_value/loud/output.css +@a {} + +<===> +================================================================================ +<===> children/no_value/silent/input.scss +@a // + {} + +<===> children/no_value/silent/output.css +@a {} diff --git a/spec/directives/at_root.hrx b/spec/directives/at_root.hrx index c1e29ee88..ddef1f01e 100644 --- a/spec/directives/at_root.hrx +++ b/spec/directives/at_root.hrx @@ -115,3 +115,108 @@ a { a b { c: d; } + +<===> +================================================================================ +<===> comment/before_query/loud/input.scss +@at-root /**/ (without: media) {} + +<===> comment/before_query/loud/output.css + +<===> +================================================================================ +<===> comment/before_query/silent/input.scss +@at-root // + (without: media) {} + +<===> comment/before_query/silent/output.css + +<===> +================================================================================ +<===> comment/after_open_paren/loud/input.scss +@at-root (/**/ without: media) {} + +<===> comment/after_open_paren/loud/output.css + +<===> +================================================================================ +<===> comment/after_open_paren/silent/input.scss +@at-root (// + without: media) {} + +<===> comment/after_open_paren/silent/output.css + +<===> +================================================================================ +<===> comment/before_colon/loud/input.scss +@at-root (without /**/ : media) {} + +<===> comment/before_colon/loud/output.css + +<===> +================================================================================ +<===> comment/before_colon/silent/input.scss +@at-root (without // + : media) {} + +<===> comment/before_colon/silent/output.css + +<===> +================================================================================ +<===> comment/after_colon/loud/input.scss +@at-root (without: /**/ media) {} + +<===> comment/after_colon/loud/output.css + +<===> +================================================================================ +<===> comment/after_colon/silent/input.scss +@at-root (without: // + media) {} + +<===> comment/after_colon/silent/output.css + +<===> +================================================================================ +<===> comment/before_close_paren/loud/input.scss +@at-root (without: media /**/) {} + +<===> comment/before_close_paren/loud/output.css + +<===> +================================================================================ +<===> comment/before_close_paren/silent/input.scss +@at-root (without: media // + ) {} + +<===> comment/before_close_paren/silent/output.css + +<===> +================================================================================ +<===> comment/after_query/loud/input.scss +@at-root (without: media) /**/ {} + +<===> comment/after_query/loud/output.css + +<===> +================================================================================ +<===> comment/after_query/silent/input.scss +@at-root (without: media) // + {} + +<===> comment/after_query/silent/output.css + +<===> +================================================================================ +<===> comment/no_query/loud/input.scss +@at-root /**/ {} + +<===> comment/no_query/loud/output.css + +<===> +================================================================================ +<===> comment/no_query/silent/input.scss +@at-root // + {} + +<===> comment/no_query/silent/output.css diff --git a/spec/directives/extend/comment.hrx b/spec/directives/extend/comment.hrx new file mode 100644 index 000000000..24c6c6710 --- /dev/null +++ b/spec/directives/extend/comment.hrx @@ -0,0 +1,62 @@ +<===> before_arg/loud/input.scss +a {b: c} +d {@extend /**/ a} + +<===> before_arg/loud/output.css +a, d { + b: c; +} + +<===> +================================================================================ +<===> before_arg/silent/input.scss +a {b: c} +d { + @extend // + a +} + +<===> before_arg/silent/output.css +a, d { + b: c; +} + +<===> +================================================================================ +<===> after_arg/loud/input.scss +a {b: c} +d {@extend a /**/} + +<===> after_arg/loud/output.css +a, d { + b: c; +} + +<===> +================================================================================ +<===> after_arg/silent/input.scss +a {b: c} +d { + @extend a // +} + +<===> after_arg/silent/output.css +a, d { + b: c; +} + +<===> +================================================================================ +<===> after_optional/loud/input.scss +a {@extend b !optional /**/} + +<===> after_optional/loud/output.css + +<===> +================================================================================ +<===> after_optional/silent/input.scss +a { + @extend b !optional // +} + +<===> after_optional/silent/output.css diff --git a/spec/directives/for.hrx b/spec/directives/for.hrx index 2795e694a..2c3f2229d 100644 --- a/spec/directives/for.hrx +++ b/spec/directives/for.hrx @@ -232,6 +232,96 @@ a { b: 10mm; } +<===> +================================================================================ +<===> comment/before_var/loud/input.scss +@for /**/ $i from 1 through 10 {} + +<===> comment/before_var/loud/output.css + +<===> +================================================================================ +<===> comment/before_var/silent/input.scss +@for // + $i from 1 through 10 {} + +<===> comment/before_var/silent/output.css + +<===> +================================================================================ +<===> comment/before_from/loud/input.scss +@for $i /**/ from 1 through 10 {} + +<===> comment/before_from/loud/output.css + +<===> +================================================================================ +<===> comment/before_from/silent/input.scss +@for $i // + from 1 through 10 {} + +<===> comment/before_from/silent/output.css + +<===> +================================================================================ +<===> comment/after_from/loud/input.scss +@for $i from /**/ 1 through 10 {} + +<===> comment/after_from/loud/output.css + +<===> +================================================================================ +<===> comment/after_from/silent/input.scss +@for $i from // + 1 through 10 {} + +<===> comment/after_from/silent/output.css + +<===> +================================================================================ +<===> comment/before_through/loud/input.scss +@for $i from 1 /**/ through 10 {} + +<===> comment/before_through/loud/output.css + +<===> +================================================================================ +<===> comment/before_through/silent/input.scss +@for $i from 1 // + through 10 {} + +<===> comment/before_through/silent/output.css + +<===> +================================================================================ +<===> comment/after_through/loud/input.scss +@for $i from 1 through /**/ 10 {} + +<===> comment/after_through/loud/output.css + +<===> +================================================================================ +<===> comment/after_through/silent/input.scss +@for $i from 1 through // + 10 {} + +<===> comment/after_through/silent/output.css + +<===> +================================================================================ +<===> comment/before_block/loud/input.scss +@for $i from 1 through 10 /**/ {} + +<===> comment/before_block/loud/output.css + +<===> +================================================================================ +<===> comment/before_block/silent/input.scss +@for $i from 1 through 10 // + {} + +<===> comment/before_block/silent/output.css + <===> ================================================================================ <===> error/from_type/input.scss diff --git a/spec/directives/forward/comment.hrx b/spec/directives/forward/comment.hrx new file mode 100644 index 000000000..7cac50d14 --- /dev/null +++ b/spec/directives/forward/comment.hrx @@ -0,0 +1,194 @@ +<===> before_url/loud/input.scss +@forward /**/ "other" + +<===> before_url/loud/other.scss + +<===> before_url/loud/output.css + +<===> +================================================================================ +<===> before_url/silent/input.scss +@forward // + "other" + +<===> before_url/silent/other.scss + +<===> before_url/silent/output.css + +<===> +================================================================================ +<===> after_url/loud/input.scss +@forward "other" /**/ + +<===> after_url/loud/other.scss + +<===> after_url/loud/output.css + +<===> +================================================================================ +<===> after_url/silent/input.scss +@forward "other" // + +<===> after_url/silent/other.scss + +<===> after_url/silent/output.css + +<===> +================================================================================ +<===> before_keyword/loud/input.scss +@forward "other" /**/ as a-* + +<===> before_keyword/loud/other.scss + +<===> before_keyword/loud/output.css + +<===> +================================================================================ +<===> before_keyword/silent/input.scss +@forward "other" // + as a-* + +<===> before_keyword/silent/other.scss + +<===> before_keyword/silent/output.css + +<===> +================================================================================ +<===> after_keyword/loud/input.scss +@forward "other" as /**/ a-* + +<===> after_keyword/loud/other.scss + +<===> after_keyword/loud/output.css + +<===> +================================================================================ +<===> after_keyword/silent/input.scss +@forward "other" as // + a-* + +<===> after_keyword/silent/other.scss + +<===> after_keyword/silent/output.css + +<===> +================================================================================ +<===> after_modifier/loud/input.scss +@forward "other" as a-* /**/ + +<===> after_modifier/loud/other.scss + +<===> after_modifier/loud/output.css + +<===> +================================================================================ +<===> after_modifier/silent/input.scss +@forward "other" as a-* // + +<===> after_modifier/silent/other.scss + +<===> after_modifier/silent/output.css + +<===> +================================================================================ +<===> after_open_paren/loud/input.scss +@forward "other" with (/**/ $a: b) + +<===> after_open_paren/loud/other.scss +$a: 1 !default + +<===> after_open_paren/loud/output.css + +<===> +================================================================================ +<===> after_paren/silent/input.scss +@forward "other" with (// + $a: b) + +<===> after_paren/silent/other.scss +$a: 1 !default + +<===> after_paren/silent/output.css + +<===> +================================================================================ +<===> before_colon/loud/input.scss +@forward "other" with ($a /**/ : b) + +<===> before_colon/loud/other.scss +$a: 1 !default + +<===> before_colon/loud/output.css + +<===> +================================================================================ +<===> before_colon/silent/input.scss +@forward "other" with ($a // + : b) + +<===> before_colon/silent/other.scss +$a: 1 !default + +<===> before_colon/silent/output.css + +<===> +================================================================================ +<===> after_colon/loud/input.scss +@forward "other" with ($a: /**/ b) + +<===> after_colon/loud/other.scss +$a: 1 !default + +<===> after_colon/loud/output.css + +<===> +================================================================================ +<===> after_colon/silent/input.scss +@forward "other" with ($a: // + b) + +<===> after_colon/silent/other.scss +$a: 1 !default + +<===> after_colon/silent/output.css + +<===> +================================================================================ +<===> before_close_paren/loud/input.scss +@forward "other" with ($a: b /**/) + +<===> before_close_paren/loud/other.scss +$a: 1 !default + +<===> before_close_paren/loud/output.css + +<===> +================================================================================ +<===> before_close_paren/silent/input.scss +@forward "other" with ($a: b // + ) + +<===> before_close_paren/silent/other.scss +$a: 1 !default + +<===> before_close_paren/silent/output.css + +<===> +================================================================================ +<===> after_close_paren/loud/input.scss +@forward "other" with ($a: b) /**/ + +<===> after_close_paren/loud/other.scss +$a: 1 !default + +<===> after_close_paren/loud/output.css + +<===> +================================================================================ +<===> after_close_paren/silent/input.scss +@forward "other" with ($a: b) // + +<===> after_close_paren/silent/other.scss +$a: 1 !default + +<===> after_close_paren/silent/output.css diff --git a/spec/directives/function.hrx b/spec/directives/function.hrx index 7c8c99308..eeccfebae 100644 --- a/spec/directives/function.hrx +++ b/spec/directives/function.hrx @@ -91,4 +91,65 @@ b { c: 1; } +<===> +================================================================================ +<===> comment/function/before_name/loud/input.scss +@function /**/ a() {} + +<===> comment/function/before_name/loud/output.css + +<===> +================================================================================ +<===> comment/function/before_name/silent/input.scss +@function // + a() {} + +<===> comment/function/before_name/silent/output.css + +<===> +================================================================================ +<===> comment/function/after_args/loud/input.scss +@function a() /**/ {} + +<===> comment/function/after_args/loud/output.css + +<===> +================================================================================ +<===> comment/function/after_args/silent/input.scss +@function a() // + {} + +<===> comment/function/after_args/silent/output.css + +<===> +================================================================================ +<===> comment/return/before_value/loud/input.scss +@function a() {@return /**/ b} + +<===> comment/return/before_value/loud/output.css + +<===> +================================================================================ +<===> comment/return/before_value/silent/input.scss +@function a() { + @return // + b +} + +<===> comment/return/before_value/silent/output.css + +<===> +================================================================================ +<===> comment/return/after_value/loud/input.scss +@function a() {@return b /**/} + +<===> comment/return/after_value/loud/output.css + +<===> +================================================================================ +<===> comment/return/after_value/silent/input.scss +@function a() { + @return b // +} +<===> comment/return/after_value/silent/output.css diff --git a/spec/directives/if/comment.hrx b/spec/directives/if/comment.hrx new file mode 100644 index 000000000..125225588 --- /dev/null +++ b/spec/directives/if/comment.hrx @@ -0,0 +1,95 @@ +<===> comment/if/before_condition/loud/input.scss +@if /**/ true {} + +<===> comment/if/before_condition/loud/output.css + +<===> +================================================================================ +<===> comment/if/before_condition/silent/input.scss +@if // + true {} + +<===> comment/if/before_condition/silent/output.css + +<===> +================================================================================ +<===> comment/if/after_condition/loud/input.scss +@if true /**/ {} + +<===> comment/if/after_condition/loud/output.css + +<===> +================================================================================ +<===> comment/if/after_condition/silent/input.scss +@if true // + {} + +<===> comment/if/after_condition/silent/output.css + +<===> +================================================================================ +<===> comment/else_if/before_if/loud/input.scss +@if true {} +@else /**/ if true {} + +<===> comment/else_if/before_if/loud/output.css + +<===> +================================================================================ +<===> comment/else_if/before_if/silent/input.scss +@if true {} +@else // + if true {} + +<===> comment/else_if/before_if/silent/output.css + +<===> +================================================================================ +<===> comment/else_if/before_condition/loud/input.scss +@if true {} +@else if /**/ true {} + +<===> comment/else_if/before_condition/loud/output.css + +<===> +================================================================================ +<===> comment/else_if/before_condition/silent/input.scss +@if true {} +@else if // + true {} + +<===> comment/else_if/before_condition/silent/output.css + +<===> +================================================================================ +<===> comment/else_if/after_condition/loud/input.scss +@if true {} +@else if true /**/ {} + +<===> comment/else_if/after_condition/loud/output.css + +<===> +================================================================================ +<===> comment/else_if/after_condition/silent/input.scss +@if true {} +@else if true // + {} + +<===> comment/else_if/after_condition/silent/output.css + +<===> +================================================================================ +<===> comment/else/before_block/loud/input.scss +@if true {} +@else /**/ {} + +<===> comment/else/before_block/loud/output.css + +<===> +================================================================================ +<===> comment/else/before_block/silent/input.scss +@if true {} +@else // + {} + +<===> comment/else/before_block/silent/output.css diff --git a/spec/directives/import/comment.hrx b/spec/directives/import/comment.hrx new file mode 100644 index 000000000..12f05d1ba --- /dev/null +++ b/spec/directives/import/comment.hrx @@ -0,0 +1,68 @@ +<===> before_url/loud/input.scss +@import /**/ "a.css" + +<===> before_url/loud/output.css +@import "a.css"; + +<===> +================================================================================ +<===> before_url/silent/input.scss +@import // + "a.css" + +<===> before_url/silent/output.css +@import "a.css"; + +<===> +================================================================================ +<===> after_url/loud/input.scss +@import "a.css" /**/ + +<===> after_url/loud/output.css +@import "a.css"; + +<===> +================================================================================ +<===> after_url/silent/input.scss +@import "a.css" // + +<===> after_url/silent/output.css +@import "a.css"; + +<===> +================================================================================ +<===> before_comma/loud/input.scss +@import "a.css" /**/, "b.css" + +<===> before_comma/loud/output.css +@import "a.css"; +@import "b.css"; + +<===> +================================================================================ +<===> before_comma/silent/input.scss +@import "a.css" // + , "b.css" + +<===> before_comma/silent/output.css +@import "a.css"; +@import "b.css"; + +<===> +================================================================================ +<===> after_comma/loud/input.scss +@import "a.css", /**/ "b.css" + +<===> after_comma/loud/output.css +@import "a.css"; +@import "b.css"; + +<===> +================================================================================ +<===> after_comma/silent/input.scss +@import "a.css", // + "b.css" + +<===> after_comma/silent/output.css +@import "a.css"; +@import "b.css"; diff --git a/spec/directives/mixin.hrx b/spec/directives/mixin.hrx index 93e356864..494dcb185 100644 --- a/spec/directives/mixin.hrx +++ b/spec/directives/mixin.hrx @@ -49,3 +49,182 @@ For details, see https://sass-lang.com/d/css-function-mixin | ^^^ ' input.scss 2:13 root stylesheet + +<===> +================================================================================ +<===> comment/mixin/before_name/loud/input.scss +@mixin /**/ a {} + +<===> comment/mixin/before_name/loud/output.css + +<===> +================================================================================ +<===> comment/mixin/before_name/silent/input.scss +@mixin // + a {} + +<===> comment/mixin/before_name/silent/output.css + +<===> +================================================================================ +<===> comment/mixin/after_args/loud/input.scss +@mixin a() /**/ {} + +<===> comment/mixin/after_args/loud/output.css + +<===> +================================================================================ +<===> comment/mixin/after_args/silent/input.scss +@mixin a() // + {} + +<===> comment/mixin/after_args/silent/output.css + +<===> +================================================================================ +<===> comment/content/after_content/loud/input.scss +@mixin a {@content /**/} + +<===> comment/content/after_content/loud/output.css + +<===> +================================================================================ +<===> comment/content/after_content/silent/input.scss +@mixin a { + @content // +} + +<===> comment/content/after_content/silent/output.css + +<===> +================================================================================ +<===> comment/content/after_args/loud/input.scss +@mixin a {@content() /**/} + +<===> comment/content/after_args/loud/output.css + +<===> +================================================================================ +<===> comment/content/after_args/silent/input.scss +@mixin a { + @content() // +} + +<===> comment/content/after_args/silent/output.css + +<===> +================================================================================ +<===> comment/include/before_name/loud/input.scss +@mixin a {} +@include /**/ a + +<===> comment/include/before_name/loud/output.css + +<===> +================================================================================ +<===> comment/include/before_name/silent/input.scss +@mixin a {} +@include // + a + +<===> comment/include/before_name/silent/output.css + +<===> +================================================================================ +<===> comment/include/after_name/loud/input.scss +@mixin a {} +@include a /**/ + +<===> comment/include/after_name/loud/output.css + +<===> +================================================================================ +<===> comment/include/after_name/silent/input.scss +@mixin a {} +@include a // + +<===> comment/include/after_name/silent/output.css + +<===> +================================================================================ +<===> comment/include/after_args/loud/input.scss +@mixin a {} +@include a() /**/ + +<===> comment/include/after_args/loud/output.css + +<===> +================================================================================ +<===> comment/include/after_args/silent/input.scss +@mixin a {} +@include a() // + +<===> comment/include/after_args/silent/output.css + +<===> +================================================================================ +<===> comment/include/before_block/loud/input.scss +@mixin a {@content} +@include a() /**/ {} + +<===> comment/include/before_block/loud/output.css + +<===> +================================================================================ +<===> comment/include/before_block/silent/input.scss +@mixin a {@content} +@include a() // + {} + +<===> comment/include/before_block/silent/output.css + +<===> +================================================================================ +<===> comment/include/before_using/loud/input.scss +@mixin a {@content} +@include a() /**/ using () {} + +<===> comment/include/before_using/loud/output.css + +<===> +================================================================================ +<===> comment/include/before_using/silent/input.scss +@mixin a {@content} +@include a() // + using () {} + +<===> comment/include/before_using/silent/output.css + +<===> +================================================================================ +<===> comment/include/after_using/loud/input.scss +@mixin a {@content} +@include a() using /**/ () {} + +<===> comment/include/after_using/loud/output.css + +<===> +================================================================================ +<===> comment/include/after_using/silent/input.scss +@mixin a {@content} +@include a() using // + () {} + +<===> comment/include/after_using/silent/output.css + +<===> +================================================================================ +<===> comment/include/after_using_arglist/loud/input.scss +@mixin a {@content} +@include a() using () /**/ {} + +<===> comment/include/after_using_arglist/loud/output.css + +<===> +================================================================================ +<===> comment/include/after_using_arglist/silent/input.scss +@mixin a {@content} +@include a() using () // + {} + +<===> comment/include/after_using_arglist/silent/output.css diff --git a/spec/directives/use/comment.hrx b/spec/directives/use/comment.hrx new file mode 100644 index 000000000..b8d0511ca --- /dev/null +++ b/spec/directives/use/comment.hrx @@ -0,0 +1,194 @@ +<===> before_url/loud/input.scss +@use /**/ "other" + +<===> before_url/loud/other.scss + +<===> before_url/loud/output.css + +<===> +================================================================================ +<===> before_url/silent/input.scss +@use // + "other" + +<===> before_url/silent/other.scss + +<===> before_url/silent/output.css + +<===> +================================================================================ +<===> after_url/loud/input.scss +@use "other" /**/ + +<===> after_url/loud/other.scss + +<===> after_url/loud/output.css + +<===> +================================================================================ +<===> after_url/silent/input.scss +@use "other" // + +<===> after_url/silent/other.scss + +<===> after_url/silent/output.css + +<===> +================================================================================ +<===> before_keyword/loud/input.scss +@use "other" /**/ as a + +<===> before_keyword/loud/other.scss + +<===> before_keyword/loud/output.css + +<===> +================================================================================ +<===> before_keyword/silent/input.scss +@use "other" // + as a + +<===> before_keyword/silent/other.scss + +<===> before_keyword/silent/output.css + +<===> +================================================================================ +<===> after_keyword/loud/input.scss +@use "other" as /**/ a + +<===> after_keyword/loud/other.scss + +<===> after_keyword/loud/output.css + +<===> +================================================================================ +<===> after_keyword/silent/input.scss +@use "other" as // + a + +<===> after_keyword/silent/other.scss + +<===> after_keyword/silent/output.css + +<===> +================================================================================ +<===> after_modifier/loud/input.scss +@use "other" as a /**/ + +<===> after_modifier/loud/other.scss + +<===> after_modifier/loud/output.css + +<===> +================================================================================ +<===> after_modifier/silent/input.scss +@use "other" as a // + +<===> after_modifier/silent/other.scss + +<===> after_modifier/silent/output.css + +<===> +================================================================================ +<===> after_open_paren/loud/input.scss +@use "other" with (/**/ $a: b) + +<===> after_open_paren/loud/other.scss +$a: 1 !default + +<===> after_open_paren/loud/output.css + +<===> +================================================================================ +<===> after_paren/silent/input.scss +@use "other" with (// + $a: b) + +<===> after_paren/silent/other.scss +$a: 1 !default + +<===> after_paren/silent/output.css + +<===> +================================================================================ +<===> before_colon/loud/input.scss +@use "other" with ($a /**/ : b) + +<===> before_colon/loud/other.scss +$a: 1 !default + +<===> before_colon/loud/output.css + +<===> +================================================================================ +<===> before_colon/silent/input.scss +@use "other" with ($a // + : b) + +<===> before_colon/silent/other.scss +$a: 1 !default + +<===> before_colon/silent/output.css + +<===> +================================================================================ +<===> after_colon/loud/input.scss +@use "other" with ($a: /**/ b) + +<===> after_colon/loud/other.scss +$a: 1 !default + +<===> after_colon/loud/output.css + +<===> +================================================================================ +<===> after_colon/silent/input.scss +@use "other" with ($a: // + b) + +<===> after_colon/silent/other.scss +$a: 1 !default + +<===> after_colon/silent/output.css + +<===> +================================================================================ +<===> before_close_paren/loud/input.scss +@use "other" with ($a: b /**/) + +<===> before_close_paren/loud/other.scss +$a: 1 !default + +<===> before_close_paren/loud/output.css + +<===> +================================================================================ +<===> before_close_paren/silent/input.scss +@use "other" with ($a: b // + ) + +<===> before_close_paren/silent/other.scss +$a: 1 !default + +<===> before_close_paren/silent/output.css + +<===> +================================================================================ +<===> after_close_paren/loud/input.scss +@use "other" with ($a: b) /**/ + +<===> after_close_paren/loud/other.scss +$a: 1 !default + +<===> after_close_paren/loud/output.css + +<===> +================================================================================ +<===> after_close_paren/silent/input.scss +@use "other" with ($a: b) // + +<===> after_close_paren/silent/other.scss +$a: 1 !default + +<===> after_close_paren/silent/output.css diff --git a/spec/directives/warn.hrx b/spec/directives/warn.hrx index 53358fa42..6042e9bfd 100644 --- a/spec/directives/warn.hrx +++ b/spec/directives/warn.hrx @@ -128,3 +128,48 @@ WARNING: From function: testing input.scss 2:3 issues-warning() input.scss 7:11 calls-function-that-warns() input.scss 11:3 root stylesheet + +<===> +================================================================================ +<===> comment/before_expression/loud/input.scss +@warn /**/ a + +<===> comment/before_expression/loud/output.css + +<===> comment/before_expression/loud/warning +WARNING: a + input.scss 1:1 root stylesheet + +<===> +================================================================================ +<===> comment/before_expression/silent/input.scss +@warn // + a + +<===> comment/before_expression/silent/output.css + +<===> comment/before_expression/silent/warning +WARNING: a + input.scss 1:1 root stylesheet + +<===> +================================================================================ +<===> comment/after_expression/loud/input.scss +@warn a /**/ + +<===> comment/after_expression/loud/output.css + +<===> comment/after_expression/loud/warning +WARNING: a + input.scss 1:1 root stylesheet + +<===> +================================================================================ +<===> comment/after_expression/silent/input.scss +@warn a // + +<===> comment/after_expression/silent/output.css + +<===> comment/after_expression/silent/warning +WARNING: a + input.scss 1:1 root stylesheet diff --git a/spec/variables.hrx b/spec/variables.hrx index 3195ec9d5..5954b8dc2 100644 --- a/spec/variables.hrx +++ b/spec/variables.hrx @@ -59,3 +59,47 @@ This will be an error in Dart Sass 2.0.0. 3 | $a: d !global !global; | ^^^^^^^ ' + +<===> +================================================================================ +<===> comment/before_colon/loud/input.scss +$a /**/: b + +<===> comment/before_colon/loud/output.css + +<===> +================================================================================ +<===> comment/before_colon/silent/input.scss +$a // + : b + +<===> comment/before_colon/silent/output.css + +<===> +================================================================================ +<===> comment/after_colon/loud/input.scss +$a: /**/ b + +<===> comment/after_colon/loud/output.css + +<===> +================================================================================ +<===> comment/after_colon/silent/input.scss +$a: // + b + +<===> comment/after_colon/silent/output.css + +<===> +================================================================================ +<===> comment/after_value/loud/input.scss +$a: b /**/ + +<===> comment/after_value/loud/output.css + +<===> +================================================================================ +<===> comment/after_value/silent/input.scss +$a: b // + +<===> comment/after_value/silent/output.css From e9f7340537de91d0bc46171a93b79c1712ef2eb1 Mon Sep 17 00:00:00 2001 From: Natalie Weizenbaum Date: Thu, 20 Jun 2024 13:17:31 -0700 Subject: [PATCH 3/7] Add tests for comments in more expression-like contexts (#2000) See sass/dart-sass#2263 --- spec/css/functions/special.hrx | 184 +++++++++++ spec/css/style_rule.hrx | 10 +- spec/css/supports/comment.hrx | 357 +++++++++++++++++++++- spec/css/unknown_directive/comment.hrx | 22 +- spec/css/unknown_directive/plain.hrx | 5 +- spec/directives/import/comment.hrx | 98 ++++++ spec/libsass-closed-issues/issue_1263.hrx | 4 +- 7 files changed, 649 insertions(+), 31 deletions(-) diff --git a/spec/css/functions/special.hrx b/spec/css/functions/special.hrx index fd59cb3ae..96ba0108b 100644 --- a/spec/css/functions/special.hrx +++ b/spec/css/functions/special.hrx @@ -25,3 +25,187 @@ a {b: -a-calc(#{0})} a { b: -a-calc(0); } + +<===> +================================================================================ +<===> comment/calc/after_open_paren/loud/input.scss +a {b: -a-calc(/**/ c)} + +<===> comment/calc/after_open_paren/loud/output.css +a { + b: -a-calc(/**/ c); +} + +<===> +================================================================================ +<===> comment/calc/after_open_paren/silent/input.scss +a { + b: -a-calc(// + c); +} + +<===> comment/calc/after_open_paren/silent/output.css +a { + b: -a-calc( c); +} + +<===> +================================================================================ +<===> comment/calc/before_close_paren/loud/input.scss +a {b: -a-calc(c /**/)} + +<===> comment/calc/before_close_paren/loud/output.css +a { + b: -a-calc(c /**/); +} + +<===> +================================================================================ +<===> comment/calc/before_close_paren/silent/input.scss +a { + b: -a-calc(c // + ); +} + +<===> comment/calc/before_close_paren/silent/output.css +a { + b: -a-calc(c ); +} + +<===> +================================================================================ +<===> comment/element/after_open_paren/loud/input.scss +a {b: element(/**/ c)} + +<===> comment/element/after_open_paren/loud/output.css +a { + b: element(/**/ c); +} + +<===> +================================================================================ +<===> comment/element/after_open_paren/silent/input.scss +a { + b: element(// + c); +} + +<===> comment/element/after_open_paren/silent/output.css +a { + b: element( c); +} + +<===> +================================================================================ +<===> comment/element/before_close_paren/loud/input.scss +a {b: element(c /**/)} + +<===> comment/element/before_close_paren/loud/output.css +a { + b: element(c /**/); +} + +<===> +================================================================================ +<===> comment/element/before_close_paren/silent/input.scss +a { + b: element(c // + ); +} + +<===> comment/element/before_close_paren/silent/output.css +a { + b: element(c ); +} + +<===> +================================================================================ +<===> comment/expression/after_open_paren/loud/input.scss +a {b: expression(/**/ c)} + +<===> comment/expression/after_open_paren/loud/output.css +a { + b: expression(/**/ c); +} + +<===> +================================================================================ +<===> comment/expression/after_open_paren/silent/input.scss +a { + b: expression(// + c); +} + +<===> comment/expression/after_open_paren/silent/output.css +a { + b: expression( c); +} + +<===> +================================================================================ +<===> comment/expression/before_close_paren/loud/input.scss +a {b: expression(c /**/)} + +<===> comment/expression/before_close_paren/loud/output.css +a { + b: expression(c /**/); +} + +<===> +================================================================================ +<===> comment/expression/before_close_paren/silent/input.scss +a { + b: expression(c // + ); +} + +<===> comment/expression/before_close_paren/silent/output.css +a { + b: expression(c ); +} + +<===> +================================================================================ +<===> comment/progid/after_open_paren/loud/input.scss +a {b: progid:c(/**/ d)} + +<===> comment/progid/after_open_paren/loud/output.css +a { + b: progid:c(/**/ d); +} + +<===> +================================================================================ +<===> comment/progid/after_open_paren/silent/input.scss +a { + b: progid:c(// + d); +} + +<===> comment/progid/after_open_paren/silent/output.css +a { + b: progid:c( d); +} + +<===> +================================================================================ +<===> comment/progid/before_close_paren/loud/input.scss +a {b: progid:c(d /**/)} + +<===> comment/progid/before_close_paren/loud/output.css +a { + b: progid:c(d /**/); +} + +<===> +================================================================================ +<===> comment/progid/before_close_paren/silent/input.scss +a { + b: progid:c(d // + ); +} + +<===> comment/progid/before_close_paren/silent/output.css +a { + b: progid:c(d ); +} diff --git a/spec/css/style_rule.hrx b/spec/css/style_rule.hrx index fc8ed68ae..b7386e06c 100644 --- a/spec/css/style_rule.hrx +++ b/spec/css/style_rule.hrx @@ -1,15 +1,21 @@ <===> comment/after_selector/loud/input.scss -a /**/ {} +a /**/ {b: c} <===> comment/after_selector/loud/output.css +a { + b: c; +} <===> ================================================================================ <===> comment/after_selector/silent/input.scss a // - {} + {b: c} <===> comment/after_selector/silent/output.css +a { + b: c; +} <===> ================================================================================ diff --git a/spec/css/supports/comment.hrx b/spec/css/supports/comment.hrx index 74a6bf5b6..d1d1077ff 100644 --- a/spec/css/supports/comment.hrx +++ b/spec/css/supports/comment.hrx @@ -1,27 +1,376 @@ <===> before_query/loud/input.scss -@supports /**/ (a: b) {} +@supports /**/ (a: b) {c {d: e}} <===> before_query/loud/output.css +@supports (a: b) { + c { + d: e; + } +} <===> ================================================================================ <===> before_query/silent/input.scss @supports // - (a: b) {} + (a: b) {c {d: e}} <===> before_query/silent/output.css +@supports (a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/normal_prop/after_open_paren/loud/input.scss +@supports (/**/ a: b) {c {d: e}} + +<===> declaration/normal_prop/after_open_paren/loud/output.css +@supports (a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/normal_prop/after_open_paren/silent/input.scss +@supports (// + a: b) {c {d: e}} + +<===> declaration/normal_prop/after_open_paren/silent/output.css +@supports (a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/normal_prop/before_colon/loud/input.scss +@supports (a /**/: b) {c {d: e}} + +<===> declaration/normal_prop/before_colon/loud/output.css +@supports (a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/normal_prop/before_colon/silent/input.scss +@supports (a // + : b) {c {d: e}} + +<===> declaration/normal_prop/before_colon/silent/output.css +@supports (a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/normal_prop/after_colon/loud/input.scss +@supports (a: /**/ b) {c {d: e}} + +<===> declaration/normal_prop/after_colon/loud/output.css +@supports (a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/normal_prop/after_colon/silent/input.scss +@supports (a: // + b) {c {d: e}} + +<===> declaration/normal_prop/after_colon/silent/output.css +@supports (a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/normal_prop/before_close_paren/loud/input.scss +@supports (a: b /**/) {c {d: e}} + +<===> declaration/normal_prop/before_close_paren/loud/output.css +@supports (a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/normal_prop/before_close_paren/silent/input.scss +@supports (a: b // + ) {c {d: e}} + +<===> declaration/normal_prop/before_close_paren/silent/output.css +@supports (a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/custom_prop/after_open_paren/loud/input.scss +@supports (/**/ --a: b) {c {d: e}} + +<===> declaration/custom_prop/after_open_paren/loud/output.css +@supports (--a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/custom_prop/after_open_paren/silent/input.scss +@supports (// + --a: b) {c {d: e}} + +<===> declaration/custom_prop/after_open_paren/silent/output.css +@supports (--a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/custom_prop/before_colon/loud/input.scss +@supports (--a /**/: b) {c {d: e}} + +<===> declaration/custom_prop/before_colon/loud/output.css +@supports (--a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/custom_prop/before_colon/silent/input.scss +@supports (--a // + : b) {c {d: e}} + +<===> declaration/custom_prop/before_colon/silent/output.css +@supports (--a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/custom_prop/after_colon/loud/input.scss +@supports (--a: /**/ b) {c {d: e}} + +<===> declaration/custom_prop/after_colon/loud/output.css +@supports (--a: /**/ b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/custom_prop/after_colon/silent/input.scss +@supports (--a: // + b) {c {d: e}} + +<===> declaration/custom_prop/after_colon/silent/output.css +@supports (--a: b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/custom_prop/before_close_paren/loud/input.scss +@supports (--a: b /**/) {c {d: e}} + +<===> declaration/custom_prop/before_close_paren/loud/output.css +@supports (--a: b /**/) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> declaration/custom_prop/before_close_paren/silent/input.scss +@supports (--a: b // + ) {c {d: e}} + +<===> declaration/custom_prop/before_close_paren/silent/output.css +@supports (--a: b ) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> function/after_open_paren/loud/input.scss +@supports a(/**/ b) {c {d: e}} + +<===> function/after_open_paren/loud/output.css +@supports a(/**/ b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> function/after_open_paren/silent/input.scss +@supports a(// + b) {c {d: e}} + +<===> function/after_open_paren/silent/output.css +@supports a( + b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> function/before_close_paren/loud/input.scss +@supports a(b /**/) {c {d: e}} + +<===> function/before_close_paren/loud/output.css +@supports a(b /**/) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> function/before_close_paren/silent/input.scss +@supports a(b // + ) {c {d: e}} + +<===> function/before_close_paren/silent/output.css +@supports a(b + ) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> anything/after_open_paren/loud/input.scss +@supports (/**/ a b) {c {d: e}} + +<===> anything/after_open_paren/loud/output.css +@supports (a b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> anything/after_open_paren/silent/input.scss +@supports (// + a b) {c {d: e}} + +<===> anything/after_open_paren/silent/output.css +@supports (a b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> anything/after_ident/loud/input.scss +@supports (a /**/ b) {c {d: e}} + +<===> anything/after_ident/loud/output.css +@supports (a /**/ b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> anything/after_ident/silent/input.scss +@supports (a // + b) {c {d: e}} + +<===> anything/after_ident/silent/output.css +@supports (a + b) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> anything/before_close_paren/loud/input.scss +@supports (a b /**/) {c {d: e}} + +<===> anything/before_close_paren/loud/output.css +@supports (a b /**/) { + c { + d: e; + } +} + +<===> +================================================================================ +<===> anything/before_close_paren/silent/input.scss +@supports (a b // + ) {c {d: e}} + +<===> anything/before_close_paren/silent/output.css +@supports (a b + ) { + c { + d: e; + } +} <===> ================================================================================ <===> after_query/loud/input.scss -@supports (a: b) /**/ {} +@supports (a: b) /**/ {c {d: e}} <===> after_query/loud/output.css +@supports (a: b) { + c { + d: e; + } +} <===> ================================================================================ <===> after_query/silent/input.scss @supports (a: b) // - {} + {c {d: e}} <===> after_query/silent/output.css +@supports (a: b) { + c { + d: e; + } +} diff --git a/spec/css/unknown_directive/comment.hrx b/spec/css/unknown_directive/comment.hrx index c47a0ee37..2ac15252c 100644 --- a/spec/css/unknown_directive/comment.hrx +++ b/spec/css/unknown_directive/comment.hrx @@ -15,22 +15,14 @@ <===> ================================================================================ -<===> no_children/after_value/loud/options.yml -:todo: - - sass/dart-sass#2263 - <===> no_children/after_value/loud/input.scss @a b /**/ <===> no_children/after_value/loud/output.css -@a b; +@a b /**/; <===> ================================================================================ -<===> no_children/after_value/silent/options.yml -:todo: - - sass/dart-sass#2263 - <===> no_children/after_value/silent/input.scss @a b // @@ -72,28 +64,20 @@ <===> ================================================================================ -<===> children/after_value/loud/options.yml -:todo: - - sass/dart-sass#2263 - <===> children/after_value/loud/input.scss @a b /**/ {} <===> children/after_value/loud/output.css -@a b {}; +@a b /**/ {} <===> ================================================================================ -<===> children/after_value/silent/options.yml -:todo: - - sass/dart-sass#2263 - <===> children/after_value/silent/input.scss @a b // {} <===> children/after_value/silent/output.css -@a b {}; +@a b {} <===> ================================================================================ diff --git a/spec/css/unknown_directive/plain.hrx b/spec/css/unknown_directive/plain.hrx index fd2cecd38..2e90f9a46 100644 --- a/spec/css/unknown_directive/plain.hrx +++ b/spec/css/unknown_directive/plain.hrx @@ -14,10 +14,7 @@ <===> output.css @asdf .~@#$%^&*()_-+=[]|:<>,.?/; - @asdf "f'o" 'b"r' url(baz) url("qux"); - -@asdf foo // +@asdf foo bar; - @asdf foo /* bar */ baz; diff --git a/spec/directives/import/comment.hrx b/spec/directives/import/comment.hrx index 12f05d1ba..f6d49bd9e 100644 --- a/spec/directives/import/comment.hrx +++ b/spec/directives/import/comment.hrx @@ -66,3 +66,101 @@ <===> after_comma/silent/output.css @import "a.css"; @import "b.css"; + +<===> +================================================================================ +<===> modifier/no_args/before/loud/input.scss +@import "a.css" /**/ b + +<===> modifier/no_args/before/loud/output.css +@import "a.css" b; + +<===> +================================================================================ +<===> modifier/no_args/before/silent/input.scss +@import "a.css" // + b + +<===> modifier/no_args/before/silent/output.css +@import "a.css" b; + +<===> +================================================================================ +<===> modifier/no_args/after/loud/input.scss +@import "a.css" b /**/ + +<===> modifier/no_args/after/loud/output.css +@import "a.css" b; + +<===> +================================================================================ +<===> modifier/no_args/after/silent/input.scss +@import "a.css" b // + +<===> modifier/no_args/after/silent/output.css +@import "a.css" b; + +<===> +================================================================================ +<===> modifier/args/before/loud/input.scss +@import "a.css" /**/ b(c) + +<===> modifier/args/before/loud/output.css +@import "a.css" b(c); + +<===> +================================================================================ +<===> modifier/args/before/silent/input.scss +@import "a.css" // + b(c) + +<===> modifier/args/before/silent/output.css +@import "a.css" b(c); + +<===> +================================================================================ +<===> modifier/args/after_open_paren/loud/input.scss +@import "a.css" b(/**/ c) + +<===> modifier/args/after_open_paren/loud/output.css +@import "a.css" b(/**/ c); + +<===> +================================================================================ +<===> modifier/args/after_open_paren/silent/input.scss +@import "a.css" b(c) + +<===> modifier/args/after_open_paren/silent/output.css +@import "a.css" b(c); + +<===> +================================================================================ +<===> modifier/args/before_close_paren/loud/input.scss +@import "a.css" b(c /**/) + +<===> modifier/args/before_close_paren/loud/output.css +@import "a.css" b(c /**/); + +<===> +================================================================================ +<===> modifier/args/before_close_paren/silent/input.scss +@import "a.css" b(c) + +<===> modifier/args/before_close_paren/silent/output.css +@import "a.css" b(c); + +<===> +================================================================================ +<===> modifier/args/after/loud/input.scss +@import "a.css" b(c) /**/ + +<===> modifier/args/after/loud/output.css +@import "a.css" b(c); + +<===> +================================================================================ +<===> modifier/args/after/silent/input.scss +@import "a.css" b(c) // + +<===> modifier/args/after/silent/output.css +@import "a.css" b(c); diff --git a/spec/libsass-closed-issues/issue_1263.hrx b/spec/libsass-closed-issues/issue_1263.hrx index 7e94bf167..973b25c58 100644 --- a/spec/libsass-closed-issues/issue_1263.hrx +++ b/spec/libsass-closed-issues/issue_1263.hrx @@ -9,6 +9,6 @@ foo { foo { @apply; @apply (--bar); - @apply ( --bar ); - @apply ( --bar , --foo ); + @apply ( --bar ); + @apply ( --bar , --foo ); } From 7ac806618da724333c60ad7b9c16b969470b9302 Mon Sep 17 00:00:00 2001 From: "dependabot[bot]" <49699333+dependabot[bot]@users.noreply.github.com> Date: Mon, 24 Jun 2024 13:47:08 -0700 Subject: [PATCH 4/7] Bump socket.io from 4.6.1 to 4.7.5 (#2001) Bumps [socket.io](https://github.com/socketio/socket.io) from 4.6.1 to 4.7.5. - [Release notes](https://github.com/socketio/socket.io/releases) - [Changelog](https://github.com/socketio/socket.io/blob/main/CHANGELOG.md) - [Commits](https://github.com/socketio/socket.io/compare/4.6.1...4.7.5) --- updated-dependencies: - dependency-name: socket.io dependency-type: indirect ... Signed-off-by: dependabot[bot] Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com> --- package-lock.json | 108 +++++++++++++++++++++++----------------------- 1 file changed, 55 insertions(+), 53 deletions(-) diff --git a/package-lock.json b/package-lock.json index aa9424914..9cee9fd8e 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1594,9 +1594,9 @@ } }, "node_modules/@socket.io/component-emitter": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz", - "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==" + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz", + "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==" }, "node_modules/@tootallnate/once": { "version": "1.1.2", @@ -1669,9 +1669,9 @@ "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==" }, "node_modules/@types/cors": { - "version": "2.8.13", - "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.13.tgz", - "integrity": "sha512-RG8AStHlUiV5ysZQKq97copd2UmVYw3/pRMLefISZ3S1hK104Cwm7iLQ3fTKx+lsUH2CE8FlLaYeEA2LSeqYUA==", + "version": "2.8.17", + "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz", + "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==", "dependencies": { "@types/node": "*" } @@ -3067,9 +3067,9 @@ } }, "node_modules/engine.io": { - "version": "6.4.2", - "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.4.2.tgz", - "integrity": "sha512-FKn/3oMiJjrOEOeUub2WCox6JhxBXq/Zn3fZOMCBxKnNYtsdKjxhl7yR3fZhM9PV+rdE75SU5SYMc+2PGzo+Tg==", + "version": "6.5.5", + "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.5.tgz", + "integrity": "sha512-C5Pn8Wk+1vKBoHghJODM63yk8MvrO9EWZUfkAt5HAqIgPE4/8FF0PEGHXtEd40l223+cE5ABWuPzm38PHFXfMA==", "dependencies": { "@types/cookie": "^0.4.1", "@types/cors": "^2.8.12", @@ -3079,31 +3079,31 @@ "cookie": "~0.4.1", "cors": "~2.8.5", "debug": "~4.3.1", - "engine.io-parser": "~5.0.3", - "ws": "~8.11.0" + "engine.io-parser": "~5.2.1", + "ws": "~8.17.1" }, "engines": { - "node": ">=10.0.0" + "node": ">=10.2.0" } }, "node_modules/engine.io-parser": { - "version": "5.0.6", - "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.6.tgz", - "integrity": "sha512-tjuoZDMAdEhVnSFleYPCtdL2GXwVTGtNjoeJd9IhIG3C1xs9uwxqRNEu5WpnDZCaozwVlK/nuQhpodhXSIMaxw==", + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.2.tgz", + "integrity": "sha512-RcyUFKA93/CXH20l4SoVvzZfrSDMOTUS3bWVpTt2FuFP+XYrL8i8oonHP7WInRyVHXh0n/ORtoeiE1os+8qkSw==", "engines": { "node": ">=10.0.0" } }, "node_modules/engine.io/node_modules/ws": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", - "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", + "version": "8.17.1", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz", + "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==", "engines": { "node": ">=10.0.0" }, "peerDependencies": { "bufferutil": "^4.0.1", - "utf-8-validate": "^5.0.2" + "utf-8-validate": ">=5.0.2" }, "peerDependenciesMeta": { "bufferutil": { @@ -7128,19 +7128,20 @@ } }, "node_modules/socket.io": { - "version": "4.6.1", - "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.6.1.tgz", - "integrity": "sha512-KMcaAi4l/8+xEjkRICl6ak8ySoxsYG+gG6/XfRCPJPQ/haCRIJBTL4wIl8YCsmtaBovcAXGLOShyVWQ/FG8GZA==", + "version": "4.7.5", + "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.7.5.tgz", + "integrity": "sha512-DmeAkF6cwM9jSfmp6Dr/5/mfMwb5Z5qRrSXLpo3Fq5SqyU8CMF15jIN4ZhfSwu35ksM1qmHZDQ/DK5XTccSTvA==", "dependencies": { "accepts": "~1.3.4", "base64id": "~2.0.0", + "cors": "~2.8.5", "debug": "~4.3.2", - "engine.io": "~6.4.1", + "engine.io": "~6.5.2", "socket.io-adapter": "~2.5.2", - "socket.io-parser": "~4.2.1" + "socket.io-parser": "~4.2.4" }, "engines": { - "node": ">=10.0.0" + "node": ">=10.2.0" } }, "node_modules/socket.io-adapter": { @@ -7172,9 +7173,9 @@ } }, "node_modules/socket.io-parser": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.3.tgz", - "integrity": "sha512-JMafRntWVO2DCJimKsRTh/wnqVvO4hrfwOqtO7f+uzwsQMuxO6VwImtYxaQ+ieoyshWOTJyV0fA21lccEXRPpQ==", + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz", + "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==", "dependencies": { "@socket.io/component-emitter": "~3.1.0", "debug": "~4.3.1" @@ -9177,9 +9178,9 @@ } }, "@socket.io/component-emitter": { - "version": "3.1.0", - "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.0.tgz", - "integrity": "sha512-+9jVqKhRSpsc591z5vX+X5Yyw+he/HCB4iQ/RYxw35CEPaY1gnsNE43nf9n9AaYjAQrTiI/mOwKUKdUs9vf7Xg==" + "version": "3.1.2", + "resolved": "https://registry.npmjs.org/@socket.io/component-emitter/-/component-emitter-3.1.2.tgz", + "integrity": "sha512-9BCxFwvbGg/RsZK9tjXd8s4UcwR0MWeFQ1XEKIQVVvAGJyINdrqKMcTRyLoK8Rse1GjzLV9cwjWV1olXRWEXVA==" }, "@tootallnate/once": { "version": "1.1.2", @@ -9249,9 +9250,9 @@ "integrity": "sha512-XW/Aa8APYr6jSVVA1y/DEIZX0/GMKLEVekNG727R8cs56ahETkRAy/3DR7+fJyh7oUgGwNQaRfXCun0+KbWY7Q==" }, "@types/cors": { - "version": "2.8.13", - "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.13.tgz", - "integrity": "sha512-RG8AStHlUiV5ysZQKq97copd2UmVYw3/pRMLefISZ3S1hK104Cwm7iLQ3fTKx+lsUH2CE8FlLaYeEA2LSeqYUA==", + "version": "2.8.17", + "resolved": "https://registry.npmjs.org/@types/cors/-/cors-2.8.17.tgz", + "integrity": "sha512-8CGDvrBj1zgo2qE+oS3pOCyYNqCPryMWY2bGfwA0dcfopWGgxs+78df0Rs3rc9THP4JkOhLsAa+15VdpAqkcUA==", "requires": { "@types/node": "*" } @@ -10293,9 +10294,9 @@ "integrity": "sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==" }, "engine.io": { - "version": "6.4.2", - "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.4.2.tgz", - "integrity": "sha512-FKn/3oMiJjrOEOeUub2WCox6JhxBXq/Zn3fZOMCBxKnNYtsdKjxhl7yR3fZhM9PV+rdE75SU5SYMc+2PGzo+Tg==", + "version": "6.5.5", + "resolved": "https://registry.npmjs.org/engine.io/-/engine.io-6.5.5.tgz", + "integrity": "sha512-C5Pn8Wk+1vKBoHghJODM63yk8MvrO9EWZUfkAt5HAqIgPE4/8FF0PEGHXtEd40l223+cE5ABWuPzm38PHFXfMA==", "requires": { "@types/cookie": "^0.4.1", "@types/cors": "^2.8.12", @@ -10305,22 +10306,22 @@ "cookie": "~0.4.1", "cors": "~2.8.5", "debug": "~4.3.1", - "engine.io-parser": "~5.0.3", - "ws": "~8.11.0" + "engine.io-parser": "~5.2.1", + "ws": "~8.17.1" }, "dependencies": { "ws": { - "version": "8.11.0", - "resolved": "https://registry.npmjs.org/ws/-/ws-8.11.0.tgz", - "integrity": "sha512-HPG3wQd9sNQoT9xHyNCXoDUa+Xw/VevmY9FoHyQ+g+rrMn4j6FB4np7Z0OhdTgjx6MgQLK7jwSy1YecU1+4Asg==", + "version": "8.17.1", + "resolved": "https://registry.npmjs.org/ws/-/ws-8.17.1.tgz", + "integrity": "sha512-6XQFvXTkbfUOZOKKILFG1PDK2NDQs4azKQl26T0YS5CxqWLgXajbPZ+h4gZekJyRqFU8pvnbAbbs/3TgRPy+GQ==", "requires": {} } } }, "engine.io-parser": { - "version": "5.0.6", - "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.0.6.tgz", - "integrity": "sha512-tjuoZDMAdEhVnSFleYPCtdL2GXwVTGtNjoeJd9IhIG3C1xs9uwxqRNEu5WpnDZCaozwVlK/nuQhpodhXSIMaxw==" + "version": "5.2.2", + "resolved": "https://registry.npmjs.org/engine.io-parser/-/engine.io-parser-5.2.2.tgz", + "integrity": "sha512-RcyUFKA93/CXH20l4SoVvzZfrSDMOTUS3bWVpTt2FuFP+XYrL8i8oonHP7WInRyVHXh0n/ORtoeiE1os+8qkSw==" }, "enquirer": { "version": "2.3.6", @@ -13325,16 +13326,17 @@ } }, "socket.io": { - "version": "4.6.1", - "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.6.1.tgz", - "integrity": "sha512-KMcaAi4l/8+xEjkRICl6ak8ySoxsYG+gG6/XfRCPJPQ/haCRIJBTL4wIl8YCsmtaBovcAXGLOShyVWQ/FG8GZA==", + "version": "4.7.5", + "resolved": "https://registry.npmjs.org/socket.io/-/socket.io-4.7.5.tgz", + "integrity": "sha512-DmeAkF6cwM9jSfmp6Dr/5/mfMwb5Z5qRrSXLpo3Fq5SqyU8CMF15jIN4ZhfSwu35ksM1qmHZDQ/DK5XTccSTvA==", "requires": { "accepts": "~1.3.4", "base64id": "~2.0.0", + "cors": "~2.8.5", "debug": "~4.3.2", - "engine.io": "~6.4.1", + "engine.io": "~6.5.2", "socket.io-adapter": "~2.5.2", - "socket.io-parser": "~4.2.1" + "socket.io-parser": "~4.2.4" } }, "socket.io-adapter": { @@ -13354,9 +13356,9 @@ } }, "socket.io-parser": { - "version": "4.2.3", - "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.3.tgz", - "integrity": "sha512-JMafRntWVO2DCJimKsRTh/wnqVvO4hrfwOqtO7f+uzwsQMuxO6VwImtYxaQ+ieoyshWOTJyV0fA21lccEXRPpQ==", + "version": "4.2.4", + "resolved": "https://registry.npmjs.org/socket.io-parser/-/socket.io-parser-4.2.4.tgz", + "integrity": "sha512-/GbIKmo8ioc+NIWIhwdecY0ge+qVBSMdgxGygevmdHj24bsfgtCmcUUcQ5ZzcylGFHsN3k4HB4Cgkl96KVnuew==", "requires": { "@socket.io/component-emitter": "~3.1.0", "debug": "~4.3.1" From 81545a9bd5e291155e0b447704544a5ff184dc30 Mon Sep 17 00:00:00 2001 From: Jennifer Thakar Date: Mon, 8 Jul 2024 15:11:50 -0700 Subject: [PATCH 5/7] Migrate most tests to the module system (#2003) --- migrate.ts | 49 ++ package-lock.json | 17 + package.json | 2 + .../color/adjust_color/error/args.hrx | 21 +- .../color/adjust_color/error/bounds.hrx | 166 +++--- .../adjust_color/error/missing_globals.hrx | 173 +++++++ .../adjust_color/error/mixed_formats.hrx | 49 +- .../color/adjust_color/error/type.hrx | 70 +-- .../color/adjust_color/error/units.hrx | 29 +- .../core_functions/color/adjust_color/hsl.hrx | 78 ++- .../core_functions/color/adjust_color/hwb.hrx | 57 ++- .../color/adjust_color/no_rgb_hsl.hrx | 27 +- .../core_functions/color/adjust_color/rgb.hrx | 57 ++- .../color/adjust_color/units.hrx | 67 ++- spec/core_functions/color/adjust_hue.hrx | 190 ------- spec/core_functions/color/alpha.hrx | 144 +++++- spec/core_functions/color/blue.hrx | 39 +- .../color/change_color/error/args.hrx | 35 +- .../color/change_color/error/bounds.hrx | 166 +++--- .../change_color/error/mixed_formats.hrx | 49 +- .../color/change_color/error/type.hrx | 71 +-- .../color/change_color/error/units.hrx | 29 +- .../core_functions/color/change_color/hsl.hrx | 57 ++- .../core_functions/color/change_color/hwb.hrx | 36 +- .../color/change_color/no_rgb_hsl.hrx | 18 +- .../core_functions/color/change_color/rgb.hrx | 48 +- .../color/change_color/units.hrx | 67 ++- spec/core_functions/color/complement.hrx | 48 +- spec/core_functions/color/darken.hrx | 153 ------ spec/core_functions/color/desaturate.hrx | 160 ------ spec/core_functions/color/fade_in.hrx | 158 ------ spec/core_functions/color/fade_out.hrx | 158 ------ spec/core_functions/color/grayscale.hrx | 97 ++-- spec/core_functions/color/green.hrx | 39 +- .../color/hsl/error/one_arg.hrx | 9 +- .../color/hsl/four_args/special_functions.hrx | 48 +- .../hsl/one_arg/special_functions/alpha.hrx | 48 +- .../one_arg/special_functions/no_alpha.hrx | 36 +- .../hsl/three_args/special_functions.hrx | 36 +- spec/core_functions/color/hue.hrx | 48 +- spec/core_functions/color/ie_hex_str.hrx | 46 +- spec/core_functions/color/invert.hrx | 161 +++--- spec/core_functions/color/lighten.hrx | 153 ------ spec/core_functions/color/lightness.hrx | 42 +- spec/core_functions/color/mix.hrx | 144 +++--- spec/core_functions/color/red.hrx | 39 +- .../color/rgb/error/one_arg.hrx | 9 +- .../color/rgb/four_args/special_functions.hrx | 48 +- .../rgb/one_arg/special_functions/alpha.hrx | 48 +- .../one_arg/special_functions/no_alpha.hrx | 36 +- .../rgb/three_args/special_functions.hrx | 36 +- spec/core_functions/color/rgb/two_args.hrx | 3 +- spec/core_functions/color/saturate.hrx | 211 +------- spec/core_functions/color/saturation.hrx | 42 +- .../color/scale_color/error/args.hrx | 36 +- .../color/scale_color/error/bounds.hrx | 113 +++-- .../color/scale_color/error/mixed_formats.hrx | 50 +- .../color/scale_color/error/type.hrx | 64 +-- .../color/scale_color/error/units.hrx | 113 +++-- spec/core_functions/color/scale_color/hsl.hrx | 42 +- spec/core_functions/color/scale_color/hwb.hrx | 42 +- .../color/scale_color/no_rgb_hsl.hrx | 21 +- spec/core_functions/color/scale_color/rgb.hrx | 57 ++- spec/core_functions/{modules => }/general.hrx | 0 spec/core_functions/global/README.md | 12 + spec/core_functions/global/color.hrx | 379 ++++++++++++++ spec/core_functions/global/list.hrx | 78 +++ spec/core_functions/global/map.hrx | 59 +++ .../{modules => global}/math.hrx | 69 +-- .../{modules => global}/meta.hrx | 35 +- spec/core_functions/global/selector.hrx | 77 +++ spec/core_functions/global/string.hrx | 78 +++ spec/core_functions/list/_utils.scss | 11 +- spec/core_functions/list/append.hrx | 119 +++-- spec/core_functions/list/index.hrx | 64 ++- spec/core_functions/list/join/empty.hrx | 168 ++++--- spec/core_functions/list/join/error.hrx | 54 +- spec/core_functions/list/join/multi.hrx | 92 ++-- spec/core_functions/list/join/single.hrx | 112 +++-- spec/core_functions/list/length.hrx | 47 +- spec/core_functions/list/nth.hrx | 99 ++-- spec/core_functions/list/separator.hrx | 51 +- spec/core_functions/list/set_nth.hrx | 108 ++-- spec/core_functions/list/utils.hrx | 48 +- spec/core_functions/list/zip.hrx | 88 ++-- spec/core_functions/map/deep_merge.hrx | 39 +- spec/core_functions/map/deep_remove.hrx | 30 +- spec/core_functions/map/get.hrx | 74 ++- spec/core_functions/map/has_key.hrx | 64 ++- spec/core_functions/map/keys.hrx | 59 ++- spec/core_functions/map/merge.hrx | 120 +++-- spec/core_functions/map/remove.hrx | 79 ++- spec/core_functions/map/set.hrx | 27 +- spec/core_functions/map/values.hrx | 59 ++- spec/core_functions/math/ceil.hrx | 51 +- spec/core_functions/math/comparable.hrx | 77 ++- spec/core_functions/math/div.hrx | 14 +- spec/core_functions/math/floor.hrx | 51 +- spec/core_functions/math/percentage.hrx | 54 +- spec/core_functions/math/random.hrx | 77 +-- spec/core_functions/math/unit.hrx | 81 +-- spec/core_functions/math/unitless.hrx | 68 ++- spec/core_functions/meta/call.hrx | 75 +-- spec/core_functions/meta/content_exists.hrx | 64 ++- spec/core_functions/meta/feature_exists.hrx | 54 +- spec/core_functions/meta/function_exists.hrx | 127 +++-- .../meta/get_function/different_module.hrx | 24 +- .../meta/get_function/equality.hrx | 20 +- .../meta/get_function/error.hrx | 29 +- .../meta/get_mixin/different_module.hrx | 9 +- .../meta/global_variable_exists.hrx | 127 +++-- spec/core_functions/meta/inspect/boolean.hrx | 10 +- spec/core_functions/meta/inspect/color.hrx | 53 +- spec/core_functions/meta/inspect/error.hrx | 18 +- spec/core_functions/meta/inspect/function.hrx | 5 +- spec/core_functions/meta/inspect/inspect.hrx | 3 +- .../meta/inspect/list/bracketed.hrx | 5 +- .../meta/inspect/list/comma.hrx | 5 +- .../meta/inspect/list/empty.hrx | 5 +- .../meta/inspect/list/nested.hrx | 130 +++-- .../meta/inspect/list/single.hrx | 27 +- .../meta/inspect/list/space.hrx | 5 +- spec/core_functions/meta/inspect/map.hrx | 25 +- spec/core_functions/meta/inspect/mixin.hrx | 4 +- spec/core_functions/meta/inspect/null.hrx | 5 +- spec/core_functions/meta/inspect/number.hrx | 10 +- spec/core_functions/meta/inspect/string.hrx | 13 +- spec/core_functions/meta/keywords.hrx | 90 ++-- spec/core_functions/meta/mixin_exists.hrx | 121 +++-- spec/core_functions/meta/type_of.hrx | 77 +-- spec/core_functions/meta/variable_exists.hrx | 79 +-- spec/core_functions/modules/README.md | 8 - spec/core_functions/modules/color.hrx | 471 ------------------ spec/core_functions/modules/map.hrx | 151 ------ spec/core_functions/modules/selector.hrx | 169 ------- spec/core_functions/modules/string.hrx | 142 ------ spec/core_functions/selector/append.hrx | 120 +++-- spec/core_functions/selector/extend/error.hrx | 14 + .../complex/adjacent_sibling.hrx | 39 +- .../is_superselector/complex/bogus.hrx | 18 +- .../is_superselector/complex/child.hrx | 39 +- .../is_superselector/complex/descendant.hrx | 54 +- .../is_superselector/complex/sibling.hrx | 54 +- .../selector/is_superselector/compound.hrx | 48 +- .../selector/is_superselector/error.hrx | 72 +-- .../selector/is_superselector/input.hrx | 3 +- .../selector/is_superselector/list.hrx | 30 +- .../selector/is_superselector/named.hrx | 3 +- .../is_superselector/simple/attribute.hrx | 12 +- .../is_superselector/simple/class.hrx | 6 +- .../selector/is_superselector/simple/id.hrx | 6 +- .../is_superselector/simple/placeholder.hrx | 6 +- .../is_superselector/simple/pseudo/arg.hrx | 24 +- .../is_superselector/simple/pseudo/no_arg.hrx | 18 +- .../simple/pseudo/selector_arg/any.hrx | 12 +- .../simple/pseudo/selector_arg/current.hrx | 21 +- .../simple/pseudo/selector_arg/has.hrx | 15 +- .../simple/pseudo/selector_arg/host.hrx | 15 +- .../pseudo/selector_arg/host_context.hrx | 15 +- .../simple/pseudo/selector_arg/is.hrx | 42 +- .../simple/pseudo/selector_arg/matches.hrx | 42 +- .../simple/pseudo/selector_arg/not.hrx | 33 +- .../simple/pseudo/selector_arg/nth_child.hrx | 21 +- .../pseudo/selector_arg/nth_last_child.hrx | 21 +- .../simple/pseudo/selector_arg/slotted.hrx | 15 +- .../simple/pseudo/selector_arg/where.hrx | 42 +- .../selector/is_superselector/simple/type.hrx | 48 +- .../is_superselector/simple/universal.hrx | 87 ++-- .../selector/nest/combinator.hrx | 36 +- spec/core_functions/selector/nest/error.hrx | 70 ++- spec/core_functions/selector/nest/format.hrx | 6 +- spec/core_functions/selector/nest/list.hrx | 36 +- .../selector/nest/many_args.hrx | 3 +- spec/core_functions/selector/nest/one_arg.hrx | 3 +- spec/core_functions/selector/nest/parent.hrx | 39 +- spec/core_functions/selector/parse/error.hrx | 97 ++-- spec/core_functions/selector/parse/named.hrx | 3 +- .../selector/parse/selector.hrx | 99 ++-- .../selector/parse/structure.hrx | 46 +- spec/core_functions/selector/replace.hrx | 156 +++--- .../selector/unify/chooses_superselector.hrx | 12 +- .../unify/complex/combinators/child.hrx | 31 +- .../unify/complex/combinators/initial.hrx | 63 +-- .../unify/complex/combinators/multiple.hrx | 52 +- .../complex/combinators/next_sibling.hrx | 34 +- .../unify/complex/combinators/sibling.hrx | 36 +- .../selector/unify/complex/distinct.hrx | 6 +- .../selector/unify/complex/identical.hrx | 9 +- .../selector/unify/complex/lcs.hrx | 12 +- .../selector/unify/complex/overlap.hrx | 15 +- .../selector/unify/complex/rootish.hrx | 34 +- .../selector/unify/complex/superselector.hrx | 9 +- .../selector/unify/compound.hrx | 27 +- spec/core_functions/selector/unify/error.hrx | 56 ++- spec/core_functions/selector/unify/format.hrx | 12 +- .../selector/unify/simple/attribute.hrx | 6 +- .../selector/unify/simple/class.hrx | 6 +- .../selector/unify/simple/different_types.hrx | 3 +- .../selector/unify/simple/id.hrx | 7 +- .../selector/unify/simple/placeholder.hrx | 6 +- .../selector/unify/simple/pseudo.hrx | 148 ++++-- .../selector/unify/simple/type.hrx | 437 ---------------- .../selector/unify/simple/type/and_type.hrx | 311 ++++++++++++ .../unify/simple/type/and_universal.hrx | 191 +++++++ .../selector/unify/simple/universal.hrx | 112 +++-- spec/core_functions/string/index.hrx | 78 ++- spec/core_functions/string/insert.hrx | 126 +++-- spec/core_functions/string/length.hrx | 65 ++- spec/core_functions/string/quote.hrx | 48 +- .../string/slice/combining_character.hrx | 3 +- .../string/slice/double_width_character.hrx | 3 +- spec/core_functions/string/slice/empty.hrx | 21 +- spec/core_functions/string/slice/end.hrx | 30 +- spec/core_functions/string/slice/error.hrx | 95 ++-- spec/core_functions/string/slice/named.hrx | 3 +- spec/core_functions/string/slice/start.hrx | 30 +- spec/core_functions/string/slice/unquoted.hrx | 3 +- spec/core_functions/string/split.hrx | 12 +- spec/core_functions/string/to_lower_case.hrx | 45 +- spec/core_functions/string/to_upper_case.hrx | 45 +- spec/core_functions/string/unique_id.hrx | 21 +- spec/core_functions/string/unquote.hrx | 61 ++- spec/directives/use/css/import.hrx | 6 +- .../use/member/nested_global_variable.hrx | 6 +- spec/directives/warn.hrx | 10 +- .../basic/22_colors_with_alpha.hrx | 11 +- .../basic/23_basic_value_interpolation.hrx | 5 +- .../basic/24_namespace_properties.hrx | 3 +- .../basic/25_basic_string_interpolation.hrx | 3 +- .../basic/26_selector_interpolation.hrx | 3 +- spec/non_conformant/basic/29_if.hrx | 12 +- .../basic/33_ambiguous_imports.hrx | 6 +- .../basic/51_trailing_commas_in_list.hrx | 8 +- .../basic/55_variable_exists.hrx | 25 +- .../basic/56_global_variable_exists.hrx | 37 +- .../basic/57_function_exists.hrx | 67 +-- spec/non_conformant/basic/58_mixin_exists.hrx | 55 +- .../non_conformant/basic/59_if_expression.hrx | 3 +- spec/non_conformant/colors/basic.hrx | 3 +- spec/non_conformant/colors/change-color.hrx | 9 +- .../errors/fn-change-color-1.hrx | 7 +- .../import/file/mixin/simple/inside.hrx | 9 +- .../import/file/mixin/simple/outside.hrx | 3 +- .../import/miss/mixin/simple/inside.hrx | 9 +- .../import/miss/mixin/simple/outside.hrx | 3 +- .../errors/import/url/mixin/simple/inside.hrx | 9 +- .../import/url/mixin/simple/outside.hrx | 3 +- spec/non_conformant/misc/import_in_mixin.hrx | 3 +- .../misc/import_with_interpolation.hrx | 3 +- .../mixin/content/arguments/receiving.hrx | 17 +- spec/non_conformant/sass/var-args/success.hrx | 32 +- .../scss-tests/008_test_sass_script.hrx | 3 +- .../028_test_import_with_interpolation.hrx | 3 +- .../065_test_mixin_empty_var_args.hrx | 3 +- .../066_test_mixin_var_args_act_like_list.hrx | 5 +- .../084_test_function_empty_var_args.hrx | 3 +- ...5_test_function_var_args_act_like_list.hrx | 3 +- ...est_function_var_args_passed_to_native.hrx | 3 +- .../190_test_options_passed_to_script.hrx | 3 +- spec/non_conformant/scss/alpha.hrx | 9 +- spec/non_conformant/scss/cons-up.hrx | 9 +- .../scss/directives-in-propsets.hrx | 5 +- .../non_conformant/scss/each_in_functions.hrx | 8 +- spec/non_conformant/scss/ie-backslash.hrx | 3 +- spec/non_conformant/scss/ie-functions.hrx | 26 +- .../scss/media/script_features.hrx | 3 +- spec/non_conformant/scss/null.hrx | 14 +- spec/non_conformant/scss/sass_script.hrx | 3 +- spec/non_conformant/scss/simple-lists.hrx | 3 +- spec/non_conformant/scss/zero-compression.hrx | 18 +- .../values/colors/alpha_hex/initial_digit.hrx | 17 +- .../colors/alpha_hex/initial_letter.hrx | 17 +- spec/values/identifiers/escape/script.hrx | 13 +- spec/values/lists/slash.hrx | 6 +- spec/values/maps/key_equality.hrx | 93 +--- spec/values/maps/length.hrx | 3 +- spec/values/maps/map-values.hrx | 5 +- .../numbers/divide/slash_free/argument.hrx | 90 ++-- .../numbers/divide/slash_free/return.hrx | 9 +- .../values/numbers/divide/slash_separated.hrx | 3 +- 280 files changed, 7679 insertions(+), 6424 deletions(-) create mode 100644 migrate.ts create mode 100644 spec/core_functions/color/adjust_color/error/missing_globals.hrx delete mode 100644 spec/core_functions/color/adjust_hue.hrx delete mode 100644 spec/core_functions/color/darken.hrx delete mode 100644 spec/core_functions/color/desaturate.hrx delete mode 100644 spec/core_functions/color/fade_in.hrx delete mode 100644 spec/core_functions/color/fade_out.hrx delete mode 100644 spec/core_functions/color/lighten.hrx rename spec/core_functions/{modules => }/general.hrx (100%) create mode 100644 spec/core_functions/global/README.md create mode 100644 spec/core_functions/global/color.hrx create mode 100644 spec/core_functions/global/list.hrx create mode 100644 spec/core_functions/global/map.hrx rename spec/core_functions/{modules => global}/math.hrx (54%) rename spec/core_functions/{modules => global}/meta.hrx (76%) create mode 100644 spec/core_functions/global/selector.hrx create mode 100644 spec/core_functions/global/string.hrx delete mode 100644 spec/core_functions/modules/README.md delete mode 100644 spec/core_functions/modules/color.hrx delete mode 100644 spec/core_functions/modules/map.hrx delete mode 100644 spec/core_functions/modules/selector.hrx delete mode 100644 spec/core_functions/modules/string.hrx delete mode 100644 spec/core_functions/selector/unify/simple/type.hrx create mode 100644 spec/core_functions/selector/unify/simple/type/and_type.hrx create mode 100644 spec/core_functions/selector/unify/simple/type/and_universal.hrx diff --git a/migrate.ts b/migrate.ts new file mode 100644 index 000000000..5d46b023d --- /dev/null +++ b/migrate.ts @@ -0,0 +1,49 @@ +// Script to run the Sass migrator over a spec directory. +// +// Usage: +// npm run migrate -- directory-to-migrate [migrator-options] + +import child_process from 'child_process'; +import fs from 'fs'; +import path from 'path'; +import {fromRoot} from './lib/spec-directory'; + +async function migrate() { + const dirToMigrate = process.argv[2]; + const migratorCommand = process.argv[3]; + const migratorArgs = process.argv.slice(4); + const root = path.resolve(process.cwd(), 'spec'); + const rootDir = await fromRoot('spec'); + + await rootDir.forEachTest( + async testDir => { + const files = (await testDir.listFiles()).filter( + file => file.endsWith('.scss') || file.endsWith('.sass') + ); + console.log(testDir.relPath()); + const output = child_process.execFileSync( + path.join( + __dirname, + 'node_modules', + 'sass-migrator', + 'sass-migrator.js' + ), + [migratorCommand, `--load-path=${root}`, ...migratorArgs, ...files], + {cwd: testDir.path, encoding: 'utf8'} + ); + if (output.length > 0) console.log(output); + // Actually write the migrator's changes to the virtual directory's cache. + for (const file of files) { + await testDir.writeFile( + file, + await fs.promises.readFile(path.join(testDir.path, file), { + encoding: 'utf8', + }) + ); + } + }, + [dirToMigrate] + ); +} + +migrate(); diff --git a/package-lock.json b/package-lock.json index 9cee9fd8e..87665dcb4 100644 --- a/package-lock.json +++ b/package-lock.json @@ -50,6 +50,7 @@ "lodash": "^4.17.21", "node-hrx": "^0.1.0", "prettier": "^2.1.2", + "sass-migrator": "^2.0.3", "source-map-js": "^0.6.2", "tmp": "^0.2.1", "ts-jest": "^27.0.7", @@ -7031,6 +7032,17 @@ "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" }, + "node_modules/sass-migrator": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/sass-migrator/-/sass-migrator-2.0.3.tgz", + "integrity": "sha512-WaLQorgSz06q7/M+QNqkyn4d6m3NBQXFx93Ukrw88k108mIKOjBgSvyTerMpZ+5ogOJwrK82rxLBzA1J5azmJQ==", + "bin": { + "sass-migrator": "sass-migrator.js" + }, + "engines": { + "node": ">=10.12.0" + } + }, "node_modules/saxes": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz", @@ -13256,6 +13268,11 @@ "resolved": "https://registry.npmjs.org/safer-buffer/-/safer-buffer-2.1.2.tgz", "integrity": "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==" }, + "sass-migrator": { + "version": "2.0.3", + "resolved": "https://registry.npmjs.org/sass-migrator/-/sass-migrator-2.0.3.tgz", + "integrity": "sha512-WaLQorgSz06q7/M+QNqkyn4d6m3NBQXFx93Ukrw88k108mIKOjBgSvyTerMpZ+5ogOJwrK82rxLBzA1J5azmJQ==" + }, "saxes": { "version": "5.0.1", "resolved": "https://registry.npmjs.org/saxes/-/saxes-5.0.1.tgz", diff --git a/package.json b/package.json index 55f6358bc..eb25ac38c 100644 --- a/package.json +++ b/package.json @@ -62,6 +62,7 @@ "lodash": "^4.17.21", "node-hrx": "^0.1.0", "prettier": "^2.1.2", + "sass-migrator": "^2.0.3", "source-map-js": "^0.6.2", "tmp": "^0.2.1", "ts-jest": "^27.0.7", @@ -75,6 +76,7 @@ "test": "jest", "lint-spec": "ts-node lint-spec.ts", "lint": "gts lint", + "migrate": "ts-node migrate.ts", "fix": "gts fix" }, "engines": { diff --git a/spec/core_functions/color/adjust_color/error/args.hrx b/spec/core_functions/color/adjust_color/error/args.hrx index d7291da9e..03e4454c8 100644 --- a/spec/core_functions/color/adjust_color/error/args.hrx +++ b/spec/core_functions/color/adjust_color/error/args.hrx @@ -1,40 +1,43 @@ <===> too_few/input.scss -a {b: adjust-color()} +@use "sass:color"; +a {b: color.adjust()} <===> too_few/error Error: Missing argument $color. ,--> input.scss -1 | a {b: adjust-color()} +2 | a {b: color.adjust()} | ^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function adjust($color, $kwargs...) { | ========================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_many/input.scss -a {b: adjust-color(red, 1)} +@use "sass:color"; +a {b: color.adjust(red, 1)} <===> too_many/error Error: Only one positional argument is allowed. All other arguments must be passed by name. , -1 | a {b: adjust-color(red, 1)} +2 | a {b: color.adjust(red, 1)} | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> unknown/input.scss -a {b: adjust-color(red, $ambience: 10%)} +@use "sass:color"; +a {b: color.adjust(red, $ambience: 10%)} <===> unknown/error Error: No argument named $ambience. , -1 | a {b: adjust-color(red, $ambience: 10%)} +2 | a {b: color.adjust(red, $ambience: 10%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/adjust_color/error/bounds.hrx b/spec/core_functions/color/adjust_color/error/bounds.hrx index 9f3c320b2..be6e0e1bb 100644 --- a/spec/core_functions/color/adjust_color/error/bounds.hrx +++ b/spec/core_functions/color/adjust_color/error/bounds.hrx @@ -1,156 +1,168 @@ <===> red/too_low/input.scss -a {b: adjust-color(red, $red: -256)} +@use "sass:color"; +a {b: color.adjust(red, $red: -256)} <===> red/too_low/error Error: $red: Expected -256 to be within -255 and 255. , -1 | a {b: adjust-color(red, $red: -256)} +2 | a {b: color.adjust(red, $red: -256)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red/too_high/input.scss -a {b: adjust-color(red, $red: 256)} +@use "sass:color"; +a {b: color.adjust(red, $red: 256)} <===> red/too_high/error Error: $red: Expected 256 to be within -255 and 255. , -1 | a {b: adjust-color(red, $red: 256)} +2 | a {b: color.adjust(red, $red: 256)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: adjust-color(red, $red: 300px)} +a {b: color.adjust(red, $red: 300px)} <===> red/unit/error Error: $red: Expected 300px to be within -255 and 255. , -3 | a {b: adjust-color(red, $red: 300px)} +4 | a {b: color.adjust(red, $red: 300px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> green/too_low/input.scss -a {b: adjust-color(green, $green: -256)} +@use "sass:color"; +a {b: color.adjust(green, $green: -256)} <===> green/too_low/error Error: $green: Expected -256 to be within -255 and 255. , -1 | a {b: adjust-color(green, $green: -256)} +2 | a {b: color.adjust(green, $green: -256)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green/too_high/input.scss -a {b: adjust-color(green, $green: 256)} +@use "sass:color"; +a {b: color.adjust(green, $green: 256)} <===> green/too_high/error Error: $green: Expected 256 to be within -255 and 255. , -1 | a {b: adjust-color(green, $green: 256)} +2 | a {b: color.adjust(green, $green: 256)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: adjust-color(green, $green: 300px)} +a {b: color.adjust(green, $green: 300px)} <===> green/unit/error Error: $green: Expected 300px to be within -255 and 255. , -3 | a {b: adjust-color(green, $green: 300px)} +4 | a {b: color.adjust(green, $green: 300px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> blue/too_low/input.scss -a {b: adjust-color(blue, $blue: -256)} +@use "sass:color"; +a {b: color.adjust(blue, $blue: -256)} <===> blue/too_low/error Error: $blue: Expected -256 to be within -255 and 255. , -1 | a {b: adjust-color(blue, $blue: -256)} +2 | a {b: color.adjust(blue, $blue: -256)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue/too_high/input.scss -a {b: adjust-color(blue, $blue: 256)} +@use "sass:color"; +a {b: color.adjust(blue, $blue: 256)} <===> blue/too_high/error Error: $blue: Expected 256 to be within -255 and 255. , -1 | a {b: adjust-color(blue, $blue: 256)} +2 | a {b: color.adjust(blue, $blue: 256)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: adjust-color(blue, $blue: 300px)} +a {b: color.adjust(blue, $blue: 300px)} <===> blue/unit/error Error: $blue: Expected 300px to be within -255 and 255. , -3 | a {b: adjust-color(blue, $blue: 300px)} +4 | a {b: color.adjust(blue, $blue: 300px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> saturation/too_low/input.scss -a {b: adjust-color(red, $saturation: -100.001%)} +@use "sass:color"; +a {b: color.adjust(red, $saturation: -100.001%)} <===> saturation/too_low/error Error: $saturation: Expected -100.001% to be within -100% and 100%. , -1 | a {b: adjust-color(red, $saturation: -100.001%)} +2 | a {b: color.adjust(red, $saturation: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/too_high/input.scss -a {b: adjust-color(red, $saturation: 100.001%)} +@use "sass:color"; +a {b: color.adjust(red, $saturation: 100.001%)} <===> saturation/too_high/error Error: $saturation: Expected 100.001% to be within -100% and 100%. , -1 | a {b: adjust-color(red, $saturation: 100.001%)} +2 | a {b: color.adjust(red, $saturation: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: adjust-color(red, $saturation: 200px)} +a {b: color.adjust(red, $saturation: 200px)} <===> saturation/unit/error DEPRECATION WARNING: $saturation: Passing a number without unit % (200px) is deprecated. @@ -160,50 +172,53 @@ To preserve current behavior: calc($saturation / 1px * 1%) More info: https://sass-lang.com/d/function-units , -3 | a {b: adjust-color(red, $saturation: 200px)} +4 | a {b: color.adjust(red, $saturation: 200px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet Error: $saturation: Expected 200px to be within -100% and 100%. , -3 | a {b: adjust-color(red, $saturation: 200px)} +4 | a {b: color.adjust(red, $saturation: 200px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> lightness/too_low/input.scss -a {b: adjust-color(red, $lightness: -100.001%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: -100.001%)} <===> lightness/too_low/error Error: $lightness: Expected -100.001% to be within -100% and 100%. , -1 | a {b: adjust-color(red, $lightness: -100.001%)} +2 | a {b: color.adjust(red, $lightness: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/too_high/input.scss -a {b: adjust-color(red, $lightness: 100.001%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 100.001%)} <===> lightness/too_high/error Error: $lightness: Expected 100.001% to be within -100% and 100%. , -1 | a {b: adjust-color(red, $lightness: 100.001%)} +2 | a {b: color.adjust(red, $lightness: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: adjust-color(red, $lightness: 200px)} +a {b: color.adjust(red, $lightness: 200px)} <===> lightness/unit/error DEPRECATION WARNING: $lightness: Passing a number without unit % (200px) is deprecated. @@ -213,50 +228,53 @@ To preserve current behavior: calc($lightness / 1px * 1%) More info: https://sass-lang.com/d/function-units , -3 | a {b: adjust-color(red, $lightness: 200px)} +4 | a {b: color.adjust(red, $lightness: 200px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet Error: $lightness: Expected 200px to be within -100% and 100%. , -3 | a {b: adjust-color(red, $lightness: 200px)} +4 | a {b: color.adjust(red, $lightness: 200px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> alpha/too_low/input.scss -a {b: adjust-color(red, $alpha: -1.001)} +@use "sass:color"; +a {b: color.adjust(red, $alpha: -1.001)} <===> alpha/too_low/error Error: $alpha: Expected -1.001 to be within -1 and 1. , -1 | a {b: adjust-color(red, $alpha: -1.001)} +2 | a {b: color.adjust(red, $alpha: -1.001)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/too_high/input.scss -a {b: adjust-color(red, $alpha: 1.001)} +@use "sass:color"; +a {b: color.adjust(red, $alpha: 1.001)} <===> alpha/too_high/error Error: $alpha: Expected 1.001 to be within -1 and 1. , -1 | a {b: adjust-color(red, $alpha: 1.001)} +2 | a {b: color.adjust(red, $alpha: 1.001)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: adjust-color(red, $alpha: 50%)} +a {b: color.adjust(red, $alpha: 50%)} <===> alpha/unit/error DEPRECATION WARNING: $alpha: Passing a number with unit % is deprecated. @@ -266,66 +284,70 @@ To preserve current behavior: calc($alpha / 1%) More info: https://sass-lang.com/d/function-units , -3 | a {b: adjust-color(red, $alpha: 50%)} +4 | a {b: color.adjust(red, $alpha: 50%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet Error: $alpha: Expected 50% to be within -1 and 1. , -3 | a {b: adjust-color(red, $alpha: 50%)} +4 | a {b: color.adjust(red, $alpha: 50%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> blackness/too_low/input.scss -a {b: adjust-color(red, $blackness: -100.001%)} +@use "sass:color"; +a {b: color.adjust(red, $blackness: -100.001%)} <===> blackness/too_low/error Error: $blackness: Expected -100.001% to be within -100% and 100%. , -1 | a {b: adjust-color(red, $blackness: -100.001%)} +2 | a {b: color.adjust(red, $blackness: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blackness/too_high/input.scss -a {b: adjust-color(red, $blackness: 100.001%)} +@use "sass:color"; +a {b: color.adjust(red, $blackness: 100.001%)} <===> blackness/too_high/error Error: $blackness: Expected 100.001% to be within -100% and 100%. , -1 | a {b: adjust-color(red, $blackness: 100.001%)} +2 | a {b: color.adjust(red, $blackness: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> whiteness/too_low/input.scss -a {b: adjust-color(red, $whiteness: -100.001%)} +@use "sass:color"; +a {b: color.adjust(red, $whiteness: -100.001%)} <===> whiteness/too_low/error Error: $whiteness: Expected -100.001% to be within -100% and 100%. , -1 | a {b: adjust-color(red, $whiteness: -100.001%)} +2 | a {b: color.adjust(red, $whiteness: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> whiteness/too_high/input.scss -a {b: adjust-color(red, $whiteness: 100.001%)} +@use "sass:color"; +a {b: color.adjust(red, $whiteness: 100.001%)} <===> whiteness/too_high/error Error: $whiteness: Expected 100.001% to be within -100% and 100%. , -1 | a {b: adjust-color(red, $whiteness: 100.001%)} +2 | a {b: color.adjust(red, $whiteness: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/adjust_color/error/missing_globals.hrx b/spec/core_functions/color/adjust_color/error/missing_globals.hrx new file mode 100644 index 000000000..fc8cf5a1a --- /dev/null +++ b/spec/core_functions/color/adjust_color/error/missing_globals.hrx @@ -0,0 +1,173 @@ +<===> adjust_color/input.scss +@use "sass:color"; +a {b: color.adjust-color(#abcdef, $red: 10)} + +<===> adjust_color/error +Error: Undefined function. + , +2 | a {b: color.adjust-color(#abcdef, $red: 10)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> adjust_hue/input.scss +@use "sass:color"; +a {b: color.adjust-hue(#abcdef, 10)} + +<===> adjust_hue/error +Error: The function adjust-hue() isn't in the sass:color module. + +Recommendation: color.adjust(#abcdef, $hue: 10) + +More info: https://sass-lang.com/documentation/functions/color#adjust-hue + , +2 | a {b: color.adjust-hue(#abcdef, 10)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> lighten/input.scss +@use "sass:color"; +a {b: color.lighten(#abcdef, 10%)} + +<===> lighten/error +Error: The function lighten() isn't in the sass:color module. + +Recommendation: color.adjust(#abcdef, $lightness: 10%) + +More info: https://sass-lang.com/documentation/functions/color#lighten + , +2 | a {b: color.lighten(#abcdef, 10%)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> darken/input.scss +@use "sass:color"; +a {b: color.darken(#abcdef, 10%)} + +<===> darken/error +Error: The function darken() isn't in the sass:color module. + +Recommendation: color.adjust(#abcdef, $lightness: -10%) + +More info: https://sass-lang.com/documentation/functions/color#darken + , +2 | a {b: color.darken(#abcdef, 10%)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> saturate/input.scss +@use "sass:color"; +a {b: color.saturate(#abcdef, 10%)} + +<===> saturate/error +Error: The function saturate() isn't in the sass:color module. + +Recommendation: color.adjust(#abcdef, $saturation: 10%) + +More info: https://sass-lang.com/documentation/functions/color#saturate + , +2 | a {b: color.saturate(#abcdef, 10%)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> desaturate/input.scss +@use "sass:color"; +a {b: color.desaturate(#abcdef, 10%)} + +<===> desaturate/error +Error: The function desaturate() isn't in the sass:color module. + +Recommendation: color.adjust(#abcdef, $saturation: -10%) + +More info: https://sass-lang.com/documentation/functions/color#desaturate + , +2 | a {b: color.desaturate(#abcdef, 10%)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> opacify/input.scss +@use "sass:color"; +a {b: color.opacify(#abcdef, 0.5)} + +<===> opacify/error +Error: The function opacify() isn't in the sass:color module. + +Recommendation: color.adjust(#abcdef, $alpha: 0.5) + +More info: https://sass-lang.com/documentation/functions/color#opacify + , +2 | a {b: color.opacify(#abcdef, 0.5)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> fade_in/input.scss +@use "sass:color"; +a {b: color.fade-in(#abcdef, 0.5)} + +<===> fade_in/error +Error: The function fade-in() isn't in the sass:color module. + +Recommendation: color.adjust(#abcdef, $alpha: 0.5) + +More info: https://sass-lang.com/documentation/functions/color#fade-in + , +2 | a {b: color.fade-in(#abcdef, 0.5)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> transparentize/input.scss +@use "sass:color"; +a {b: color.transparentize(#abcdef, 0.5)} + +<===> transparentize/error +Error: The function transparentize() isn't in the sass:color module. + +Recommendation: color.adjust(#abcdef, $alpha: -0.5) + +More info: https://sass-lang.com/documentation/functions/color#transparentize + , +2 | a {b: color.transparentize(#abcdef, 0.5)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> fade_out/input.scss +@use "sass:color"; +a {b: color.fade-out(#abcdef, 0.5)} + +<===> fade_out/error +Error: The function fade-out() isn't in the sass:color module. + +Recommendation: color.adjust(#abcdef, $alpha: -0.5) + +More info: https://sass-lang.com/documentation/functions/color#fade-out + , +2 | a {b: color.fade-out(#abcdef, 0.5)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/adjust_color/error/mixed_formats.hrx b/spec/core_functions/color/adjust_color/error/mixed_formats.hrx index 0bdc847a8..152a6e601 100644 --- a/spec/core_functions/color/adjust_color/error/mixed_formats.hrx +++ b/spec/core_functions/color/adjust_color/error/mixed_formats.hrx @@ -1,88 +1,95 @@ <===> red_and_hue/input.scss -a {b: adjust-color(red, $red: 1, $hue: 1)} +@use "sass:color"; +a {b: color.adjust(red, $red: 1, $hue: 1)} <===> red_and_hue/error Error: RGB parameters may not be passed along with HSL parameters. , -1 | a {b: adjust-color(red, $red: 1, $hue: 1)} +2 | a {b: color.adjust(red, $red: 1, $hue: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green_and_saturation/input.scss -a {b: adjust-color(red, $green: 1, $saturation: 1%)} +@use "sass:color"; +a {b: color.adjust(red, $green: 1, $saturation: 1%)} <===> green_and_saturation/error Error: RGB parameters may not be passed along with HSL parameters. , -1 | a {b: adjust-color(red, $green: 1, $saturation: 1%)} +2 | a {b: color.adjust(red, $green: 1, $saturation: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue_and_lightness/input.scss -a {b: adjust-color(red, $blue: 1, $lightness: 1%)} +@use "sass:color"; +a {b: color.adjust(red, $blue: 1, $lightness: 1%)} <===> blue_and_lightness/error Error: RGB parameters may not be passed along with HSL parameters. , -1 | a {b: adjust-color(red, $blue: 1, $lightness: 1%)} +2 | a {b: color.adjust(red, $blue: 1, $lightness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red_and_blackness/input.scss -a {b: adjust-color(red, $red: 1, $blackness: 1%)} +@use "sass:color"; +a {b: color.adjust(red, $red: 1, $blackness: 1%)} <===> red_and_blackness/error Error: RGB parameters may not be passed along with HWB parameters. , -1 | a {b: adjust-color(red, $red: 1, $blackness: 1%)} +2 | a {b: color.adjust(red, $red: 1, $blackness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green_and_whiteness/input.scss -a {b: adjust-color(red, $green: 1, $whiteness: 1%)} +@use "sass:color"; +a {b: color.adjust(red, $green: 1, $whiteness: 1%)} <===> green_and_whiteness/error Error: RGB parameters may not be passed along with HWB parameters. , -1 | a {b: adjust-color(red, $green: 1, $whiteness: 1%)} +2 | a {b: color.adjust(red, $green: 1, $whiteness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation_and_blackness/input.scss -a {b: adjust-color(red, $saturation: 1%, $blackness: 1%)} +@use "sass:color"; +a {b: color.adjust(red, $saturation: 1%, $blackness: 1%)} <===> saturation_and_blackness/error Error: HSL parameters may not be passed along with HWB parameters. , -1 | a {b: adjust-color(red, $saturation: 1%, $blackness: 1%)} +2 | a {b: color.adjust(red, $saturation: 1%, $blackness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness_and_whiteness/input.scss -a {b: adjust-color(red, $lightness: 1%, $whiteness: 1%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 1%, $whiteness: 1%)} <===> lightness_and_whiteness/error Error: HSL parameters may not be passed along with HWB parameters. , -1 | a {b: adjust-color(red, $lightness: 1%, $whiteness: 1%)} +2 | a {b: color.adjust(red, $lightness: 1%, $whiteness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/adjust_color/error/type.hrx b/spec/core_functions/color/adjust_color/error/type.hrx index bc9ed2541..91246fbe9 100644 --- a/spec/core_functions/color/adjust_color/error/type.hrx +++ b/spec/core_functions/color/adjust_color/error/type.hrx @@ -1,127 +1,137 @@ <===> color/input.scss -a {b: adjust-color(1)} +@use "sass:color"; +a {b: color.adjust(1)} <===> color/error Error: $color: 1 is not a color. , -1 | a {b: adjust-color(1)} +2 | a {b: color.adjust(1)} | ^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red/input.scss -a {b: adjust-color(red, $red: c)} +@use "sass:color"; +a {b: color.adjust(red, $red: c)} <===> red/error Error: $red: c is not a number. , -1 | a {b: adjust-color(red, $red: c)} +2 | a {b: color.adjust(red, $red: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green/input.scss -a {b: adjust-color(red, $green: c)} +@use "sass:color"; +a {b: color.adjust(red, $green: c)} <===> green/error Error: $green: c is not a number. , -1 | a {b: adjust-color(red, $green: c)} +2 | a {b: color.adjust(red, $green: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue/input.scss -a {b: adjust-color(red, $blue: c)} +@use "sass:color"; +a {b: color.adjust(red, $blue: c)} <===> blue/error Error: $blue: c is not a number. , -1 | a {b: adjust-color(red, $blue: c)} +2 | a {b: color.adjust(red, $blue: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> hue/input.scss -a {b: adjust-color(red, $hue: c)} +@use "sass:color"; +a {b: color.adjust(red, $hue: c)} <===> hue/error Error: $hue: c is not a number. , -1 | a {b: adjust-color(red, $hue: c)} +2 | a {b: color.adjust(red, $hue: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/input.scss -a {b: adjust-color(red, $saturation: c)} +@use "sass:color"; +a {b: color.adjust(red, $saturation: c)} <===> saturation/error Error: $saturation: c is not a number. , -1 | a {b: adjust-color(red, $saturation: c)} +2 | a {b: color.adjust(red, $saturation: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/input.scss -a {b: adjust-color(red, $lightness: c)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: c)} <===> lightness/error Error: $lightness: c is not a number. , -1 | a {b: adjust-color(red, $lightness: c)} +2 | a {b: color.adjust(red, $lightness: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/input.scss -a {b: adjust-color(red, $alpha: c)} +@use "sass:color"; +a {b: color.adjust(red, $alpha: c)} <===> alpha/error Error: $alpha: c is not a number. , -1 | a {b: adjust-color(red, $alpha: c)} +2 | a {b: color.adjust(red, $alpha: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blackness/input.scss -a {b: adjust-color(red, $blackness: c)} +@use "sass:color"; +a {b: color.adjust(red, $blackness: c)} <===> blackness/error Error: $blackness: c is not a number. , -1 | a {b: adjust-color(red, $blackness: c)} +2 | a {b: color.adjust(red, $blackness: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> whiteness/input.scss -a {b: adjust-color(red, $whiteness: c)} +@use "sass:color"; +a {b: color.adjust(red, $whiteness: c)} <===> whiteness/error Error: $whiteness: c is not a number. , -1 | a {b: adjust-color(red, $whiteness: c)} +2 | a {b: color.adjust(red, $whiteness: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/adjust_color/error/units.hrx b/spec/core_functions/color/adjust_color/error/units.hrx index 36be8eace..1a9edfbae 100644 --- a/spec/core_functions/color/adjust_color/error/units.hrx +++ b/spec/core_functions/color/adjust_color/error/units.hrx @@ -1,50 +1,53 @@ <===> none/whiteness/input.scss -a {b: adjust-color(white, $whiteness: 1)} +@use "sass:color"; +a {b: color.adjust(white, $whiteness: 1)} <===> none/whiteness/error Error: $whiteness: Expected 1 to have unit "%". , -1 | a {b: adjust-color(white, $whiteness: 1)} +2 | a {b: color.adjust(white, $whiteness: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet - + input.scss 2:7 root stylesheet <===> ================================================================================ <===> none/blackness/input.scss -a {b: adjust-color(black, $blackness: 1)} +@use "sass:color"; +a {b: color.adjust(black, $blackness: 1)} <===> none/blackness/error Error: $blackness: Expected 1 to have unit "%". , -1 | a {b: adjust-color(black, $blackness: 1)} +2 | a {b: color.adjust(black, $blackness: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/whiteness/input.scss -a {b: adjust-color(white, $whiteness: 1px)} +@use "sass:color"; +a {b: color.adjust(white, $whiteness: 1px)} <===> wrong/whiteness/error Error: $whiteness: Expected 1px to have unit "%". , -1 | a {b: adjust-color(white, $whiteness: 1px)} +2 | a {b: color.adjust(white, $whiteness: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/blackness/input.scss -a {b: adjust-color(black, $blackness: 1px)} +@use "sass:color"; +a {b: color.adjust(black, $blackness: 1px)} <===> wrong/blackness/error Error: $blackness: Expected 1px to have unit "%". , -1 | a {b: adjust-color(black, $blackness: 1px)} +2 | a {b: color.adjust(black, $blackness: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/adjust_color/hsl.hrx b/spec/core_functions/color/adjust_color/hsl.hrx index ff9d04d37..9483abcfa 100644 --- a/spec/core_functions/color/adjust_color/hsl.hrx +++ b/spec/core_functions/color/adjust_color/hsl.hrx @@ -1,5 +1,6 @@ <===> hue/max/input.scss -a {b: adjust-color(red, $hue: 359)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 359)} <===> hue/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> hue/above_max/input.scss -a {b: adjust-color(red, $hue: 540)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 540)} <===> hue/above_max/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> hue/min/input.scss -a {b: adjust-color(blue, $hue: 0)} +@use "sass:color"; +a {b: color.adjust(blue, $hue: 0)} <===> hue/min/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> hue/negative/input.scss -a {b: adjust-color(red, $hue: -180)} +@use "sass:color"; +a {b: color.adjust(red, $hue: -180)} <===> hue/negative/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> hue/middle/input.scss -a {b: adjust-color(red, $hue: 123)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 123)} <===> hue/middle/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> hue/fraction/input.scss -a {b: adjust-color(red, $hue: 0.5)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 0.5)} <===> hue/fraction/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> saturation/max/input.scss -a {b: adjust-color(plum, $saturation: 100%)} +@use "sass:color"; +a {b: color.adjust(plum, $saturation: 100%)} <===> saturation/max/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> saturation/max_remaining/input.scss -a {b: adjust-color(plum, $saturation: 53%)} +@use "sass:color"; +a {b: color.adjust(plum, $saturation: 53%)} <===> saturation/max_remaining/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> saturation/zero/input.scss -a {b: adjust-color(plum, $saturation: 0%)} +@use "sass:color"; +a {b: color.adjust(plum, $saturation: 0%)} <===> saturation/zero/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> saturation/min/input.scss -a {b: adjust-color(plum, $saturation: -100%)} +@use "sass:color"; +a {b: color.adjust(plum, $saturation: -100%)} <===> saturation/min/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> saturation/min_remaining/input.scss -a {b: adjust-color(plum, $saturation: -48%)} +@use "sass:color"; +a {b: color.adjust(plum, $saturation: -48%)} <===> saturation/min_remaining/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> saturation/high/input.scss -a {b: adjust-color(plum, $saturation: 14%)} +@use "sass:color"; +a {b: color.adjust(plum, $saturation: 14%)} <===> saturation/high/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> saturation/low/input.scss -a {b: adjust-color(plum, $saturation: -14%)} +@use "sass:color"; +a {b: color.adjust(plum, $saturation: -14%)} <===> saturation/low/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> lightness/max/input.scss -a {b: adjust-color(red, $lightness: 100%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 100%)} <===> lightness/max/output.css a { @@ -139,7 +153,8 @@ a { <===> ================================================================================ <===> lightness/max_remaining/input.scss -a {b: adjust-color(red, $lightness: 50%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 50%)} <===> lightness/max_remaining/output.css a { @@ -149,7 +164,8 @@ a { <===> ================================================================================ <===> lightness/zero/input.scss -a {b: adjust-color(red, $lightness: 0%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 0%)} <===> lightness/zero/output.css a { @@ -159,7 +175,8 @@ a { <===> ================================================================================ <===> lightness/fraction/input.scss -a {b: adjust-color(red, $lightness: 0.5%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 0.5%)} <===> lightness/fraction/output.css a { @@ -169,7 +186,8 @@ a { <===> ================================================================================ <===> lightness/min/input.scss -a {b: adjust-color(red, $lightness: -100%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: -100%)} <===> lightness/min/output.css a { @@ -179,7 +197,8 @@ a { <===> ================================================================================ <===> lightness/min_remaining/input.scss -a {b: adjust-color(red, $lightness: -50%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: -50%)} <===> lightness/min_remaining/output.css a { @@ -189,7 +208,8 @@ a { <===> ================================================================================ <===> lightness/high/input.scss -a {b: adjust-color(red, $lightness: 14%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 14%)} <===> lightness/high/output.css a { @@ -199,7 +219,8 @@ a { <===> ================================================================================ <===> lightness/low/input.scss -a {b: adjust-color(red, $lightness: -14%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: -14%)} <===> lightness/low/output.css a { @@ -209,7 +230,8 @@ a { <===> ================================================================================ <===> all/input.scss -a {b: adjust-color(black, $hue: 12, $saturation: 24%, $lightness: 48%)} +@use "sass:color"; +a {b: color.adjust(black, $hue: 12, $saturation: 24%, $lightness: 48%)} <===> all/output.css a { @@ -219,7 +241,8 @@ a { <===> ================================================================================ <===> alpha_input/input.scss -a {b: adjust-color(rgba(black, 0.7), $hue: 12, $saturation: 24%, $lightness: 48%)} +@use "sass:color"; +a {b: color.adjust(rgba(black, 0.7), $hue: 12, $saturation: 24%, $lightness: 48%)} <===> alpha_input/output.css a { @@ -229,7 +252,8 @@ a { <===> ================================================================================ <===> alpha_arg/input.scss -a {b: adjust-color(black, $hue: 12, $saturation: 24%, $lightness: 48%, $alpha: -0.7)} +@use "sass:color"; +a {b: color.adjust(black, $hue: 12, $saturation: 24%, $lightness: 48%, $alpha: -0.7)} <===> alpha_arg/output.css a { @@ -239,8 +263,9 @@ a { <===> ================================================================================ <===> alpha_arg_above_max/input.scss +@use "sass:color"; // Regression test for sass/dart-sass#708. -a {b: adjust-color(black, $hue: 12, $saturation: 24%, $lightness: 48%, $alpha: 0.7)} +a {b: color.adjust(black, $hue: 12, $saturation: 24%, $lightness: 48%, $alpha: 0.7)} <===> alpha_arg_above_max/output.css a { @@ -250,7 +275,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: adjust-color($color: black, $hue: 12, $saturation: 24%, $lightness: 48%)} +@use "sass:color"; +a {b: color.adjust($color: black, $hue: 12, $saturation: 24%, $lightness: 48%)} <===> named/output.css a { diff --git a/spec/core_functions/color/adjust_color/hwb.hrx b/spec/core_functions/color/adjust_color/hwb.hrx index 90f531c3b..f50161a49 100644 --- a/spec/core_functions/color/adjust_color/hwb.hrx +++ b/spec/core_functions/color/adjust_color/hwb.hrx @@ -1,5 +1,6 @@ <===> whiteness/max/input.scss -a {b: adjust-color(#cc6666, $whiteness: 100%)} +@use "sass:color"; +a {b: color.adjust(#cc6666, $whiteness: 100%)} <===> whiteness/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> whiteness/max_remaining/input.scss -a {b: adjust-color(#cc6666, $whiteness: 60%)} +@use "sass:color"; +a {b: color.adjust(#cc6666, $whiteness: 60%)} <===> whiteness/max_remaining/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> whiteness/zero/input.scss -a {b: adjust-color(#cc6666, $whiteness: 0%)} +@use "sass:color"; +a {b: color.adjust(#cc6666, $whiteness: 0%)} <===> whiteness/zero/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> whiteness/min/input.scss -a {b: adjust-color(#cc6666, $whiteness: -100%)} +@use "sass:color"; +a {b: color.adjust(#cc6666, $whiteness: -100%)} <===> whiteness/min/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> whiteness/min_remaining/input.scss -a {b: adjust-color(#cc6666, $whiteness: -40%)} +@use "sass:color"; +a {b: color.adjust(#cc6666, $whiteness: -40%)} <===> whiteness/min_remaining/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> whiteness/high/input.scss -a {b: adjust-color(#cc6666, $whiteness: 40%)} +@use "sass:color"; +a {b: color.adjust(#cc6666, $whiteness: 40%)} <===> whiteness/high/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> whiteness/low/input.scss -a {b: adjust-color(#cc6666, $whiteness: -20%)} +@use "sass:color"; +a {b: color.adjust(#cc6666, $whiteness: -20%)} <===> whiteness/low/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> blackness/max/input.scss -a {b: adjust-color(#993333, $blackness: 100%)} +@use "sass:color"; +a {b: color.adjust(#993333, $blackness: 100%)} <===> blackness/max/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> blackness/max_remaining/input.scss -a {b: adjust-color(#993333, $blackness: 60%)} +@use "sass:color"; +a {b: color.adjust(#993333, $blackness: 60%)} <===> blackness/max_remaining/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> blackness/zero/input.scss -a {b: adjust-color(#993333, $blackness: 0%)} +@use "sass:color"; +a {b: color.adjust(#993333, $blackness: 0%)} <===> blackness/zero/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> blackness/min/input.scss -a {b: adjust-color(#993333, $blackness: -100%)} +@use "sass:color"; +a {b: color.adjust(#993333, $blackness: -100%)} <===> blackness/min/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> blackness/min_remaining/input.scss -a {b: adjust-color(#993333, $blackness: -40%)} +@use "sass:color"; +a {b: color.adjust(#993333, $blackness: -40%)} <===> blackness/min_remaining/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> blackness/high/input.scss -a {b: adjust-color(#993333, $blackness: 40%)} +@use "sass:color"; +a {b: color.adjust(#993333, $blackness: 40%)} <===> blackness/high/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> blackness/low/input.scss -a {b: adjust-color(#993333, $blackness: -20%)} +@use "sass:color"; +a {b: color.adjust(#993333, $blackness: -20%)} <===> blackness/low/output.css a { @@ -139,7 +153,8 @@ a { <===> ================================================================================ <===> all/input.scss -a {b: adjust-color(red, $hue: 150, $whiteness: 20%, $blackness: 40%)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 150, $whiteness: 20%, $blackness: 40%)} <===> all/output.css a { @@ -149,7 +164,8 @@ a { <===> ================================================================================ <===> alpha_input/input.scss -a {b: adjust-color(rgba(red, 0.7), $hue: 150, $whiteness: 20%, $blackness: 40%)} +@use "sass:color"; +a {b: color.adjust(rgba(red, 0.7), $hue: 150, $whiteness: 20%, $blackness: 40%)} <===> alpha_input/output.css a { @@ -159,7 +175,8 @@ a { <===> ================================================================================ <===> alpha_arg/input.scss -a {b: adjust-color(red, $hue: 150, $whiteness: 20%, $blackness: 40%, $alpha: -0.7)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 150, $whiteness: 20%, $blackness: 40%, $alpha: -0.7)} <===> alpha_arg/output.css a { @@ -169,7 +186,8 @@ a { <===> ================================================================================ <===> alpha_arg_above_max/input.scss -a {b: adjust-color(red, $hue: 150, $whiteness: 20%, $blackness: 40%, $alpha: 0.7)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 150, $whiteness: 20%, $blackness: 40%, $alpha: 0.7)} <===> alpha_arg_above_max/output.css a { @@ -179,7 +197,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: adjust-color($color: red, $hue: 150, $whiteness: 20%, $blackness: 40%)} +@use "sass:color"; +a {b: color.adjust($color: red, $hue: 150, $whiteness: 20%, $blackness: 40%)} <===> named/output.css a { diff --git a/spec/core_functions/color/adjust_color/no_rgb_hsl.hrx b/spec/core_functions/color/adjust_color/no_rgb_hsl.hrx index 8d26cb531..e5b0c8ab9 100644 --- a/spec/core_functions/color/adjust_color/no_rgb_hsl.hrx +++ b/spec/core_functions/color/adjust_color/no_rgb_hsl.hrx @@ -1,5 +1,6 @@ <===> positional/input.scss -a {b: adjust-color(red)} +@use "sass:color"; +a {b: color.adjust(red)} <===> positional/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: adjust-color($color: red)} +@use "sass:color"; +a {b: color.adjust($color: red)} <===> named/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> alpha/max/input.scss -a {b: adjust-color(rgba(red, 0.5), $alpha: 1)} +@use "sass:color"; +a {b: color.adjust(rgba(red, 0.5), $alpha: 1)} <===> alpha/max/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> alpha/max_remaining/input.scss -a {b: adjust-color(rgba(red, 0.5), $alpha: 0.5)} +@use "sass:color"; +a {b: color.adjust(rgba(red, 0.5), $alpha: 0.5)} <===> alpha/max_remaining/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> alpha/zero/input.scss -a {b: adjust-color(rgba(red, 0.5), $alpha: 0)} +@use "sass:color"; +a {b: color.adjust(rgba(red, 0.5), $alpha: 0)} <===> alpha/zero/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> alpha/min/input.scss -a {b: adjust-color(rgba(red, 0.5), $alpha: -1)} +@use "sass:color"; +a {b: color.adjust(rgba(red, 0.5), $alpha: -1)} <===> alpha/min/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> alpha/min_remaining/input.scss -a {b: adjust-color(rgba(red, 0.5), $alpha: -0.5)} +@use "sass:color"; +a {b: color.adjust(rgba(red, 0.5), $alpha: -0.5)} <===> alpha/min_remaining/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> alpha/high/input.scss -a {b: adjust-color(rgba(red, 0.5), $alpha: 0.14)} +@use "sass:color"; +a {b: color.adjust(rgba(red, 0.5), $alpha: 0.14)} <===> alpha/high/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> alpha/low/input.scss -a {b: adjust-color(rgba(red, 0.5), $alpha: -0.14)} +@use "sass:color"; +a {b: color.adjust(rgba(red, 0.5), $alpha: -0.14)} <===> alpha/low/output.css a { diff --git a/spec/core_functions/color/adjust_color/rgb.hrx b/spec/core_functions/color/adjust_color/rgb.hrx index cba36d053..d004da8f9 100644 --- a/spec/core_functions/color/adjust_color/rgb.hrx +++ b/spec/core_functions/color/adjust_color/rgb.hrx @@ -1,5 +1,6 @@ <===> red/max/input.scss -a {b: adjust-color(black, $red: 255)} +@use "sass:color"; +a {b: color.adjust(black, $red: 255)} <===> red/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> red/min/input.scss -a {b: adjust-color(red, $red: -255)} +@use "sass:color"; +a {b: color.adjust(red, $red: -255)} <===> red/min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> red/zero/input.scss -a {b: adjust-color(black, $red: 0)} +@use "sass:color"; +a {b: color.adjust(black, $red: 0)} <===> red/zero/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> red/low/input.scss -a {b: adjust-color(red, $red: -100)} +@use "sass:color"; +a {b: color.adjust(red, $red: -100)} <===> red/low/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> red/high/input.scss -a {b: adjust-color(black, $red: 200)} +@use "sass:color"; +a {b: color.adjust(black, $red: 200)} <===> red/high/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> green/max/input.scss -a {b: adjust-color(black, $green: 255)} +@use "sass:color"; +a {b: color.adjust(black, $green: 255)} <===> green/max/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> green/min/input.scss -a {b: adjust-color(lime, $green: -255)} +@use "sass:color"; +a {b: color.adjust(lime, $green: -255)} <===> green/min/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> green/zero/input.scss -a {b: adjust-color(black, $green: 0)} +@use "sass:color"; +a {b: color.adjust(black, $green: 0)} <===> green/zero/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> green/low/input.scss -a {b: adjust-color(lime, $green: -100)} +@use "sass:color"; +a {b: color.adjust(lime, $green: -100)} <===> green/low/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> green/high/input.scss -a {b: adjust-color(black, $green: 200)} +@use "sass:color"; +a {b: color.adjust(black, $green: 200)} <===> green/high/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> blue/max/input.scss -a {b: adjust-color(black, $blue: 255)} +@use "sass:color"; +a {b: color.adjust(black, $blue: 255)} <===> blue/max/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> blue/min/input.scss -a {b: adjust-color(blue, $blue: -255)} +@use "sass:color"; +a {b: color.adjust(blue, $blue: -255)} <===> blue/min/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> blue/zero/input.scss -a {b: adjust-color(black, $blue: 0)} +@use "sass:color"; +a {b: color.adjust(black, $blue: 0)} <===> blue/zero/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> blue/low/input.scss -a {b: adjust-color(blue, $blue: -100)} +@use "sass:color"; +a {b: color.adjust(blue, $blue: -100)} <===> blue/low/output.css a { @@ -139,7 +153,8 @@ a { <===> ================================================================================ <===> blue/high/input.scss -a {b: adjust-color(black, $blue: 200)} +@use "sass:color"; +a {b: color.adjust(black, $blue: 200)} <===> blue/high/output.css a { @@ -149,7 +164,8 @@ a { <===> ================================================================================ <===> all/input.scss -a {b: adjust-color(black, $red: 12, $green: 24, $blue: 48)} +@use "sass:color"; +a {b: color.adjust(black, $red: 12, $green: 24, $blue: 48)} <===> all/output.css a { @@ -159,7 +175,8 @@ a { <===> ================================================================================ <===> alpha_input/input.scss -a {b: adjust-color(rgba(black, 0.3), $red: 12, $green: 24, $blue: 48)} +@use "sass:color"; +a {b: color.adjust(rgba(black, 0.3), $red: 12, $green: 24, $blue: 48)} <===> alpha_input/output.css a { @@ -169,7 +186,8 @@ a { <===> ================================================================================ <===> alpha_arg/input.scss -a {b: adjust-color(black, $red: 12, $green: 24, $blue: 48, $alpha: -0.3)} +@use "sass:color"; +a {b: color.adjust(black, $red: 12, $green: 24, $blue: 48, $alpha: -0.3)} <===> alpha_arg/output.css a { @@ -179,7 +197,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: adjust-color($color: black, $red: 12, $green: 24, $blue: 48)} +@use "sass:color"; +a {b: color.adjust($color: black, $red: 12, $green: 24, $blue: 48)} <===> named/output.css a { diff --git a/spec/core_functions/color/adjust_color/units.hrx b/spec/core_functions/color/adjust_color/units.hrx index 4c41b3b5c..605d84767 100644 --- a/spec/core_functions/color/adjust_color/units.hrx +++ b/spec/core_functions/color/adjust_color/units.hrx @@ -1,5 +1,6 @@ <===> hue/deg/input.scss -a {b: adjust-color(red, $hue: 60deg)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 60deg)} <===> hue/deg/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> hue/unitless/input.scss -a {b: adjust-color(red, $hue: 60)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 60)} <===> hue/unitless/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> hue/unknown/input.scss -a {b: adjust-color(red, $hue: 60in)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 60in)} <===> hue/unknown/output.css a { @@ -34,15 +37,16 @@ To preserve current behavior: calc($hue / 1in) See https://sass-lang.com/d/function-units , -1 | a {b: adjust-color(red, $hue: 60in)} +2 | a {b: color.adjust(red, $hue: 60in)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> hue/angle/input.scss -a {b: adjust-color(red, $hue: 60rad)} +@use "sass:color"; +a {b: color.adjust(red, $hue: 60rad)} <===> hue/angle/output.css a { @@ -52,7 +56,8 @@ a { <===> ================================================================================ <===> saturation/percent/input.scss -a {b: adjust-color(red, $saturation: -10%)} +@use "sass:color"; +a {b: color.adjust(red, $saturation: -10%)} <===> saturation/percent/output.css a { @@ -62,7 +67,8 @@ a { <===> ================================================================================ <===> saturation/unitless/input.scss -a {b: adjust-color(red, $saturation: -10)} +@use "sass:color"; +a {b: color.adjust(red, $saturation: -10)} <===> saturation/unitless/output.css a { @@ -77,15 +83,16 @@ To preserve current behavior: $saturation * 1% More info: https://sass-lang.com/d/function-units , -1 | a {b: adjust-color(red, $saturation: -10)} +2 | a {b: color.adjust(red, $saturation: -10)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/unknown/input.scss -a {b: adjust-color(red, $saturation: -10in)} +@use "sass:color"; +a {b: color.adjust(red, $saturation: -10in)} <===> saturation/unknown/output.css a { @@ -100,15 +107,16 @@ To preserve current behavior: calc($saturation / 1in * 1%) More info: https://sass-lang.com/d/function-units , -1 | a {b: adjust-color(red, $saturation: -10in)} +2 | a {b: color.adjust(red, $saturation: -10in)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/percent/input.scss -a {b: adjust-color(red, $lightness: 10%)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 10%)} <===> lightness/percent/output.css a { @@ -118,7 +126,8 @@ a { <===> ================================================================================ <===> lightness/unitless/input.scss -a {b: adjust-color(red, $lightness: 10)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 10)} <===> lightness/unitless/output.css a { @@ -133,15 +142,16 @@ To preserve current behavior: $lightness * 1% More info: https://sass-lang.com/d/function-units , -1 | a {b: adjust-color(red, $lightness: 10)} +2 | a {b: color.adjust(red, $lightness: 10)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/unknown/input.scss -a {b: adjust-color(red, $lightness: 10in)} +@use "sass:color"; +a {b: color.adjust(red, $lightness: 10in)} <===> lightness/unknown/output.css a { @@ -156,15 +166,16 @@ To preserve current behavior: calc($lightness / 1in * 1%) More info: https://sass-lang.com/d/function-units , -1 | a {b: adjust-color(red, $lightness: 10in)} +2 | a {b: color.adjust(red, $lightness: 10in)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/unitless/input.scss -a {b: adjust-color(red, $alpha: -0.3)} +@use "sass:color"; +a {b: color.adjust(red, $alpha: -0.3)} <===> alpha/unitless/output.css a { @@ -174,7 +185,8 @@ a { <===> ================================================================================ <===> alpha/percent/input.scss -a {b: adjust-color(red, $alpha: -0.3%)} +@use "sass:color"; +a {b: color.adjust(red, $alpha: -0.3%)} <===> alpha/percent/output.css a { @@ -189,15 +201,16 @@ To preserve current behavior: calc($alpha / 1%) More info: https://sass-lang.com/d/function-units , -1 | a {b: adjust-color(red, $alpha: -0.3%)} +2 | a {b: color.adjust(red, $alpha: -0.3%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/unknown/input.scss -a {b: adjust-color(red, $alpha: -0.3px)} +@use "sass:color"; +a {b: color.adjust(red, $alpha: -0.3px)} <===> alpha/unknown/output.css a { @@ -212,7 +225,7 @@ To preserve current behavior: calc($alpha / 1px) More info: https://sass-lang.com/d/function-units , -1 | a {b: adjust-color(red, $alpha: -0.3px)} +2 | a {b: color.adjust(red, $alpha: -0.3px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/adjust_hue.hrx b/spec/core_functions/color/adjust_hue.hrx deleted file mode 100644 index f5a5b7b76..000000000 --- a/spec/core_functions/color/adjust_hue.hrx +++ /dev/null @@ -1,190 +0,0 @@ -<===> max/input.scss -a {b: adjust-hue(red, 359)} - -<===> max/output.css -a { - b: #ff0004; -} - -<===> -================================================================================ -<===> above_max/input.scss -a {b: adjust-hue(red, 540)} - -<===> above_max/output.css -a { - b: aqua; -} - -<===> -================================================================================ -<===> min/input.scss -a {b: adjust-hue(blue, 0)} - -<===> min/output.css -a { - b: blue; -} - -<===> -================================================================================ -<===> negative/input.scss -a {b: adjust-hue(red, -180)} - -<===> negative/output.css -a { - b: aqua; -} - -<===> -================================================================================ -<===> middle/input.scss -a {b: adjust-hue(red, 123)} - -<===> middle/output.css -a { - b: #00ff0d; -} - -<===> -================================================================================ -<===> fraction/input.scss -a {b: adjust-hue(red, 0.5)} - -<===> fraction/output.css -a { - b: #ff0200; -} - -<===> -================================================================================ -<===> alpha/input.scss -a {b: adjust-hue(rgba(red, 0.1), 359)} - -<===> alpha/output.css -a { - b: rgba(255, 0, 4, 0.1); -} - -<===> -================================================================================ -<===> units/deg/input.scss -a {b: adjust-hue(red, 60deg)} - -<===> units/deg/output.css -a { - b: yellow; -} - -<===> -================================================================================ -<===> units/unitless/input.scss -a {b: adjust-hue(red, 60)} - -<===> units/unitless/output.css -a { - b: yellow; -} - -<===> -================================================================================ -<===> units/unknown/input.scss -a {b: adjust-hue(red, 60in)} - -<===> units/unknown/output.css -a { - b: yellow; -} - -<===> units/unknown/warning -DEPRECATION WARNING: $degrees: Passing a unit other than deg (60in) is deprecated. - -To preserve current behavior: calc($degrees / 1in) - -See https://sass-lang.com/d/function-units - - , -1 | a {b: adjust-hue(red, 60in)} - | ^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> units/angle/input.scss -a {b: adjust-hue(red, 60rad)} - -<===> units/angle/output.css -a { - b: #00b4ff; -} - -<===> -================================================================================ -<===> named/input.scss -a {b: adjust-hue($color: red, $degrees: 123)} - -<===> named/output.css -a { - b: #00ff0d; -} - -<===> -================================================================================ -<===> error/too_few_args/input.scss -a {b: adjust-hue(red)} - -<===> error/too_few_args/error -Error: Missing argument $degrees. - ,--> input.scss -1 | a {b: adjust-hue(red)} - | ^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function adjust-hue($color, $degrees) { - | ============================ declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/too_many_args/input.scss -a {b: adjust-hue(red, 1, 2)} - -<===> error/too_many_args/error -Error: Only 2 arguments allowed, but 3 were passed. - ,--> input.scss -1 | a {b: adjust-hue(red, 1, 2)} - | ^^^^^^^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function adjust-hue($color, $degrees) { - | ============================ declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/color/input.scss -a {b: adjust-hue(1, 2)} - -<===> error/type/color/error -Error: $color: 1 is not a color. - , -1 | a {b: adjust-hue(1, 2)} - | ^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/hue/input.scss -a {b: adjust-hue(red, blue)} - -<===> error/type/hue/error -Error: $degrees: blue is not a number. - , -1 | a {b: adjust-hue(red, blue)} - | ^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet diff --git a/spec/core_functions/color/alpha.hrx b/spec/core_functions/color/alpha.hrx index 0f1d9a97a..0425c8d07 100644 --- a/spec/core_functions/color/alpha.hrx +++ b/spec/core_functions/color/alpha.hrx @@ -1,5 +1,6 @@ <===> color/max/input.scss -a {b: alpha(red)} +@use "sass:color"; +a {b: color.alpha(red)} <===> color/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> color/min/input.scss -a {b: alpha(rgba(red, 0))} +@use "sass:color"; +a {b: color.alpha(rgba(red, 0))} <===> color/min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> color/middle/input.scss -a {b: alpha(rgba(red, 0.42))} +@use "sass:color"; +a {b: color.alpha(rgba(red, 0.42))} <===> color/middle/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> color/named/input.scss -a {b: alpha($color: rgba(red, 0.73))} +@use "sass:color"; +a {b: color.alpha($color: rgba(red, 0.73))} <===> color/named/output.css a { @@ -59,13 +63,26 @@ a { <===> ================================================================================ <===> filter/space_before_equals/input.scss -a {b: alpha(unquote("c = d"))} +@use "sass:color"; +@use "sass:string"; +a {b: color.alpha(string.unquote("c = d"))} <===> filter/space_before_equals/output.css a { b: alpha(c = d); } +<===> filter/space_before_equals/warning +DEPRECATION WARNING: Using color.alpha() for a Microsoft filter is deprecated. + +Recommendation: alpha(c = d) + + , +3 | a {b: color.alpha(string.unquote("c = d"))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 3:7 root stylesheet + <===> ================================================================================ <===> opacity/positional/input.scss @@ -119,25 +136,93 @@ a { <===> ================================================================================ <===> opacity/with_unquoted_calc/input.scss -a {b: opacity(unquote('calc(1)'))} +@use "sass:string"; +a {b: opacity(string.unquote('calc(1)'))} <===> opacity/with_unquoted_calc/output.css a { b: opacity(calc(1)); } +<===> +================================================================================ +<===> css_overloads/alpha/one_arg/input.scss +@use "sass:color"; +a {b: color.alpha(c=d)} + +<===> css_overloads/alpha/one_arg/output.css +a { + b: alpha(c=d); +} + +<===> css_overloads/alpha/one_arg/warning +DEPRECATION WARNING: Using color.alpha() for a Microsoft filter is deprecated. + +Recommendation: alpha(c=d) + + , +2 | a {b: color.alpha(c=d)} + | ^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> css_overloads/alpha/multi_arg/input.scss +@use "sass:color"; +a {b: color.alpha(c=d, e=f, g=h)} + +<===> css_overloads/alpha/multi_arg/output.css +a { + b: alpha(c=d, e=f, g=h); +} + +<===> css_overloads/alpha/multi_arg/warning +DEPRECATION WARNING: Using color.alpha() for a Microsoft filter is deprecated. + +Recommendation: alpha(c=d, e=f, g=h) + + , +2 | a {b: color.alpha(c=d, e=f, g=h)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> css_overloads/opacity/input.scss +@use "sass:color"; +a {b: color.opacity(1)} + +<===> css_overloads/opacity/output.css +a { + b: opacity(1); +} + +<===> css_overloads/opacity/warning +DEPRECATION WARNING: Passing a number (1 to color.opacity() is deprecated. + +Recommendation: opacity(1) + + , +2 | a {b: color.opacity(1)} + | ^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: alpha()} +@use "sass:color"; +a {b: color.alpha()} <===> error/too_few_args/error -Error: Missing argument $color. +Error: () isn't a valid CSS value. , -1 | a {b: alpha()} - | ^^^^^^^ +2 | a {b: color.alpha()} + | ^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ @@ -155,15 +240,16 @@ Error: Only 1 argument allowed, but 2 were passed. <===> ================================================================================ <===> error/type/input.scss -a {b: alpha(1)} +@use "sass:color"; +a {b: color.alpha(1)} <===> error/type/error Error: $color: 1 is not a color. , -1 | a {b: alpha(1)} - | ^^^^^^^^ +2 | a {b: color.alpha(1)} + | ^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ @@ -182,38 +268,42 @@ Error: $color: var(--c) is not a color. <===> ================================================================================ <===> error/quoted_string/input.scss -a {b: alpha("c=d")} +@use "sass:color"; +a {b: color.alpha("c=d")} <===> error/quoted_string/error Error: $color: "c=d" is not a color. , -1 | a {b: alpha("c=d")} - | ^^^^^^^^^^^^ +2 | a {b: color.alpha("c=d")} + | ^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/unquoted_string/no_equals/input.scss -a {b: alpha(cd)} +@use "sass:color"; +a {b: color.alpha(cd)} <===> error/unquoted_string/no_equals/error Error: $color: cd is not a color. , -1 | a {b: alpha(cd)} - | ^^^^^^^^^ +2 | a {b: color.alpha(cd)} + | ^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/unquoted_string/non_identifier_before_equals/input.scss -a {b: alpha(unquote("1=c"))} +@use "sass:color"; +@use "sass:string"; +a {b: color.alpha(string.unquote("1=c"))} <===> error/unquoted_string/non_identifier_before_equals/error Error: $color: 1=c is not a color. , -1 | a {b: alpha(unquote("1=c"))} - | ^^^^^^^^^^^^^^^^^^^^^ +3 | a {b: color.alpha(string.unquote("1=c"))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 3:7 root stylesheet diff --git a/spec/core_functions/color/blue.hrx b/spec/core_functions/color/blue.hrx index fbd2cc37d..d5dcddad2 100644 --- a/spec/core_functions/color/blue.hrx +++ b/spec/core_functions/color/blue.hrx @@ -1,5 +1,6 @@ <===> max/input.scss -a {b: blue(rgb(0, 0, 255))} +@use "sass:color"; +a {b: color.blue(rgb(0, 0, 255))} <===> max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> min/input.scss -a {b: blue(rgb(0, 0, 0))} +@use "sass:color"; +a {b: color.blue(rgb(0, 0, 0))} <===> min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> middle/input.scss -a {b: blue(rgb(0, 0, 123))} +@use "sass:color"; +a {b: color.blue(rgb(0, 0, 123))} <===> middle/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: blue($color: rgb(0, 0, 234))} +@use "sass:color"; +a {b: color.blue($color: rgb(0, 0, 234))} <===> named/output.css a { @@ -39,46 +43,49 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: blue()} +@use "sass:color"; +a {b: color.blue()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: blue()} - | ^^^^^^ invocation +2 | a {b: color.blue()} + | ^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function blue($color) { | ============ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: blue(red, green)} +@use "sass:color"; +a {b: color.blue(red, green)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: blue(red, green)} - | ^^^^^^^^^^^^^^^^ invocation +2 | a {b: color.blue(red, green)} + | ^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function blue($color) { | ============ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: blue(1)} +@use "sass:color"; +a {b: color.blue(1)} <===> error/type/error Error: $color: 1 is not a color. , -1 | a {b: blue(1)} - | ^^^^^^^ +2 | a {b: color.blue(1)} + | ^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/change_color/error/args.hrx b/spec/core_functions/color/change_color/error/args.hrx index 4256429ac..0846f1481 100644 --- a/spec/core_functions/color/change_color/error/args.hrx +++ b/spec/core_functions/color/change_color/error/args.hrx @@ -1,40 +1,57 @@ <===> too_few/input.scss -a {b: change-color()} +@use "sass:color"; +a {b: color.change()} <===> too_few/error Error: Missing argument $color. ,--> input.scss -1 | a {b: change-color()} +2 | a {b: color.change()} | ^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function change($color, $kwargs...) { | ========================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_many/input.scss -a {b: change-color(red, 1)} +@use "sass:color"; +a {b: color.change(red, 1)} <===> too_many/error Error: Only one positional argument is allowed. All other arguments must be passed by name. , -1 | a {b: change-color(red, 1)} +2 | a {b: color.change(red, 1)} | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> unknown/input.scss -a {b: change-color(red, $ambience: 10%)} +@use "sass:color"; +a {b: color.change(red, $ambience: 10%)} <===> unknown/error Error: No argument named $ambience. , -1 | a {b: change-color(red, $ambience: 10%)} +2 | a {b: color.change(red, $ambience: 10%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> wrong_name/input.scss +@use "sass:color"; +a {b: color.change-color(#abcdef, $red: 10)} + +<===> wrong_name/error +Error: Undefined function. + , +2 | a {b: color.change-color(#abcdef, $red: 10)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/change_color/error/bounds.hrx b/spec/core_functions/color/change_color/error/bounds.hrx index e2ac109d0..b95135e17 100644 --- a/spec/core_functions/color/change_color/error/bounds.hrx +++ b/spec/core_functions/color/change_color/error/bounds.hrx @@ -1,156 +1,168 @@ <===> red/too_low/input.scss -a {b: change-color(red, $red: -1)} +@use "sass:color"; +a {b: color.change(red, $red: -1)} <===> red/too_low/error Error: $red: Expected -1 to be within 0 and 255. , -1 | a {b: change-color(red, $red: -1)} +2 | a {b: color.change(red, $red: -1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red/too_high/input.scss -a {b: change-color(red, $red: 256)} +@use "sass:color"; +a {b: color.change(red, $red: 256)} <===> red/too_high/error Error: $red: Expected 256 to be within 0 and 255. , -1 | a {b: change-color(red, $red: 256)} +2 | a {b: color.change(red, $red: 256)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: change-color(red, $red: 300px)} +a {b: color.change(red, $red: 300px)} <===> red/unit/error Error: $red: Expected 300px to be within 0 and 255. , -3 | a {b: change-color(red, $red: 300px)} +4 | a {b: color.change(red, $red: 300px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> green/too_low/input.scss -a {b: change-color(green, $green: -1)} +@use "sass:color"; +a {b: color.change(green, $green: -1)} <===> green/too_low/error Error: $green: Expected -1 to be within 0 and 255. , -1 | a {b: change-color(green, $green: -1)} +2 | a {b: color.change(green, $green: -1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green/too_high/input.scss -a {b: change-color(green, $green: 256)} +@use "sass:color"; +a {b: color.change(green, $green: 256)} <===> green/too_high/error Error: $green: Expected 256 to be within 0 and 255. , -1 | a {b: change-color(green, $green: 256)} +2 | a {b: color.change(green, $green: 256)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: change-color(green, $green: 300px)} +a {b: color.change(green, $green: 300px)} <===> green/unit/error Error: $green: Expected 300px to be within 0 and 255. , -3 | a {b: change-color(green, $green: 300px)} +4 | a {b: color.change(green, $green: 300px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> blue/too_low/input.scss -a {b: change-color(blue, $blue: -1)} +@use "sass:color"; +a {b: color.change(blue, $blue: -1)} <===> blue/too_low/error Error: $blue: Expected -1 to be within 0 and 255. , -1 | a {b: change-color(blue, $blue: -1)} +2 | a {b: color.change(blue, $blue: -1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue/too_high/input.scss -a {b: change-color(blue, $blue: 256)} +@use "sass:color"; +a {b: color.change(blue, $blue: 256)} <===> blue/too_high/error Error: $blue: Expected 256 to be within 0 and 255. , -1 | a {b: change-color(blue, $blue: 256)} +2 | a {b: color.change(blue, $blue: 256)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: change-color(blue, $blue: 300px)} +a {b: color.change(blue, $blue: 300px)} <===> blue/unit/error Error: $blue: Expected 300px to be within 0 and 255. , -3 | a {b: change-color(blue, $blue: 300px)} +4 | a {b: color.change(blue, $blue: 300px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> saturation/too_low/input.scss -a {b: change-color(red, $saturation: -0.001%)} +@use "sass:color"; +a {b: color.change(red, $saturation: -0.001%)} <===> saturation/too_low/error Error: $saturation: Expected -0.001% to be within 0% and 100%. , -1 | a {b: change-color(red, $saturation: -0.001%)} +2 | a {b: color.change(red, $saturation: -0.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/too_high/input.scss -a {b: change-color(red, $saturation: 100.001%)} +@use "sass:color"; +a {b: color.change(red, $saturation: 100.001%)} <===> saturation/too_high/error Error: $saturation: Expected 100.001% to be within 0% and 100%. , -1 | a {b: change-color(red, $saturation: 100.001%)} +2 | a {b: color.change(red, $saturation: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: change-color(red, $saturation: 200px)} +a {b: color.change(red, $saturation: 200px)} <===> saturation/unit/error DEPRECATION WARNING: $saturation: Passing a number without unit % (200px) is deprecated. @@ -160,50 +172,53 @@ To preserve current behavior: calc($saturation / 1px * 1%) More info: https://sass-lang.com/d/function-units , -3 | a {b: change-color(red, $saturation: 200px)} +4 | a {b: color.change(red, $saturation: 200px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet Error: $saturation: Expected 200px to be within 0% and 100%. , -3 | a {b: change-color(red, $saturation: 200px)} +4 | a {b: color.change(red, $saturation: 200px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> lightness/too_low/input.scss -a {b: change-color(red, $lightness: -0.001%)} +@use "sass:color"; +a {b: color.change(red, $lightness: -0.001%)} <===> lightness/too_low/error Error: $lightness: Expected -0.001% to be within 0% and 100%. , -1 | a {b: change-color(red, $lightness: -0.001%)} +2 | a {b: color.change(red, $lightness: -0.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/too_high/input.scss -a {b: change-color(red, $lightness: 100.001%)} +@use "sass:color"; +a {b: color.change(red, $lightness: 100.001%)} <===> lightness/too_high/error Error: $lightness: Expected 100.001% to be within 0% and 100%. , -1 | a {b: change-color(red, $lightness: 100.001%)} +2 | a {b: color.change(red, $lightness: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: change-color(red, $lightness: 200px)} +a {b: color.change(red, $lightness: 200px)} <===> lightness/unit/error DEPRECATION WARNING: $lightness: Passing a number without unit % (200px) is deprecated. @@ -213,50 +228,53 @@ To preserve current behavior: calc($lightness / 1px * 1%) More info: https://sass-lang.com/d/function-units , -3 | a {b: change-color(red, $lightness: 200px)} +4 | a {b: color.change(red, $lightness: 200px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet Error: $lightness: Expected 200px to be within 0% and 100%. , -3 | a {b: change-color(red, $lightness: 200px)} +4 | a {b: color.change(red, $lightness: 200px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> alpha/too_low/input.scss -a {b: change-color(red, $alpha: -0.001)} +@use "sass:color"; +a {b: color.change(red, $alpha: -0.001)} <===> alpha/too_low/error Error: $alpha: Expected -0.001 to be within 0 and 1. , -1 | a {b: change-color(red, $alpha: -0.001)} +2 | a {b: color.change(red, $alpha: -0.001)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/too_high/input.scss -a {b: change-color(red, $alpha: 1.001)} +@use "sass:color"; +a {b: color.change(red, $alpha: 1.001)} <===> alpha/too_high/error Error: $alpha: Expected 1.001 to be within 0 and 1. , -1 | a {b: change-color(red, $alpha: 1.001)} +2 | a {b: color.change(red, $alpha: 1.001)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/unit/input.scss +@use "sass:color"; // This test covers sass/dart-sass#1745, but should be removed once units are // fully forbidden (sass/sass#3374). -a {b: change-color(red, $alpha: 50%)} +a {b: color.change(red, $alpha: 50%)} <===> alpha/unit/error DEPRECATION WARNING: $alpha: Passing a number with unit % is deprecated. @@ -266,66 +284,70 @@ To preserve current behavior: calc($alpha / 1%) More info: https://sass-lang.com/d/function-units , -3 | a {b: change-color(red, $alpha: 50%)} +4 | a {b: color.change(red, $alpha: 50%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet Error: $alpha: Expected 50% to be within 0 and 1. , -3 | a {b: change-color(red, $alpha: 50%)} +4 | a {b: color.change(red, $alpha: 50%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:7 root stylesheet + input.scss 4:7 root stylesheet <===> ================================================================================ <===> blackness/too_low/input.scss -a {b: change-color(red, $blackness: -0.001%)} +@use "sass:color"; +a {b: color.change(red, $blackness: -0.001%)} <===> blackness/too_low/error Error: $blackness: Expected -0.001% to be within 0% and 100%. , -1 | a {b: change-color(red, $blackness: -0.001%)} +2 | a {b: color.change(red, $blackness: -0.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blackness/too_high/input.scss -a {b: change-color(red, $blackness: 100.001%)} +@use "sass:color"; +a {b: color.change(red, $blackness: 100.001%)} <===> blackness/too_high/error Error: $blackness: Expected 100.001% to be within 0% and 100%. , -1 | a {b: change-color(red, $blackness: 100.001%)} +2 | a {b: color.change(red, $blackness: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> whiteness/too_low/input.scss -a {b: change-color(red, $whiteness: -0.001%)} +@use "sass:color"; +a {b: color.change(red, $whiteness: -0.001%)} <===> whiteness/too_low/error Error: $whiteness: Expected -0.001% to be within 0% and 100%. , -1 | a {b: change-color(red, $whiteness: -0.001%)} +2 | a {b: color.change(red, $whiteness: -0.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> whiteness/too_high/input.scss -a {b: change-color(red, $whiteness: 100.001%)} +@use "sass:color"; +a {b: color.change(red, $whiteness: 100.001%)} <===> whiteness/too_high/error Error: $whiteness: Expected 100.001% to be within 0% and 100%. , -1 | a {b: change-color(red, $whiteness: 100.001%)} +2 | a {b: color.change(red, $whiteness: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/change_color/error/mixed_formats.hrx b/spec/core_functions/color/change_color/error/mixed_formats.hrx index 3ab279445..46b938a4a 100644 --- a/spec/core_functions/color/change_color/error/mixed_formats.hrx +++ b/spec/core_functions/color/change_color/error/mixed_formats.hrx @@ -1,88 +1,95 @@ <===> red_and_hue/input.scss -a {b: change-color(red, $red: 1, $hue: 1)} +@use "sass:color"; +a {b: color.change(red, $red: 1, $hue: 1)} <===> red_and_hue/error Error: RGB parameters may not be passed along with HSL parameters. , -1 | a {b: change-color(red, $red: 1, $hue: 1)} +2 | a {b: color.change(red, $red: 1, $hue: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green_and_saturation/input.scss -a {b: change-color(red, $green: 1, $saturation: 1%)} +@use "sass:color"; +a {b: color.change(red, $green: 1, $saturation: 1%)} <===> green_and_saturation/error Error: RGB parameters may not be passed along with HSL parameters. , -1 | a {b: change-color(red, $green: 1, $saturation: 1%)} +2 | a {b: color.change(red, $green: 1, $saturation: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue_and_lightness/input.scss -a {b: change-color(red, $blue: 1, $lightness: 1%)} +@use "sass:color"; +a {b: color.change(red, $blue: 1, $lightness: 1%)} <===> blue_and_lightness/error Error: RGB parameters may not be passed along with HSL parameters. , -1 | a {b: change-color(red, $blue: 1, $lightness: 1%)} +2 | a {b: color.change(red, $blue: 1, $lightness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red_and_blackness/input.scss -a {b: adjust-color(red, $red: 1, $blackness: 1%)} +@use "sass:color"; +a {b: color.change(red, $red: 1, $blackness: 1%)} <===> red_and_blackness/error Error: RGB parameters may not be passed along with HWB parameters. , -1 | a {b: adjust-color(red, $red: 1, $blackness: 1%)} +2 | a {b: color.change(red, $red: 1, $blackness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green_and_whiteness/input.scss -a {b: change-color(red, $green: 1, $whiteness: 1%)} +@use "sass:color"; +a {b: color.change(red, $green: 1, $whiteness: 1%)} <===> green_and_whiteness/error Error: RGB parameters may not be passed along with HWB parameters. , -1 | a {b: change-color(red, $green: 1, $whiteness: 1%)} +2 | a {b: color.change(red, $green: 1, $whiteness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation_and_blackness/input.scss -a {b: change-color(red, $saturation: 1%, $blackness: 1%)} +@use "sass:color"; +a {b: color.change(red, $saturation: 1%, $blackness: 1%)} <===> saturation_and_blackness/error Error: HSL parameters may not be passed along with HWB parameters. , -1 | a {b: change-color(red, $saturation: 1%, $blackness: 1%)} +2 | a {b: color.change(red, $saturation: 1%, $blackness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness_and_whiteness/input.scss -a {b: change-color(red, $lightness: 1%, $whiteness: 1%)} +@use "sass:color"; +a {b: color.change(red, $lightness: 1%, $whiteness: 1%)} <===> lightness_and_whiteness/error Error: HSL parameters may not be passed along with HWB parameters. , -1 | a {b: change-color(red, $lightness: 1%, $whiteness: 1%)} +2 | a {b: color.change(red, $lightness: 1%, $whiteness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/change_color/error/type.hrx b/spec/core_functions/color/change_color/error/type.hrx index 96b045e32..e48fbc42f 100644 --- a/spec/core_functions/color/change_color/error/type.hrx +++ b/spec/core_functions/color/change_color/error/type.hrx @@ -1,128 +1,137 @@ <===> color/input.scss -a {b: change-color(1)} +@use "sass:color"; +a {b: color.change(1)} <===> color/error Error: $color: 1 is not a color. , -1 | a {b: change-color(1)} +2 | a {b: color.change(1)} | ^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red/input.scss -a {b: change-color(red, $red: c)} +@use "sass:color"; +a {b: color.change(red, $red: c)} <===> red/error Error: $red: c is not a number. , -1 | a {b: change-color(red, $red: c)} +2 | a {b: color.change(red, $red: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green/input.scss -a {b: change-color(red, $green: c)} +@use "sass:color"; +a {b: color.change(red, $green: c)} <===> green/error Error: $green: c is not a number. , -1 | a {b: change-color(red, $green: c)} +2 | a {b: color.change(red, $green: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue/input.scss -a {b: change-color(red, $blue: c)} +@use "sass:color"; +a {b: color.change(red, $blue: c)} <===> blue/error Error: $blue: c is not a number. , -1 | a {b: change-color(red, $blue: c)} +2 | a {b: color.change(red, $blue: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> hue/input.scss -a {b: change-color(red, $hue: c)} +@use "sass:color"; +a {b: color.change(red, $hue: c)} <===> hue/error Error: $hue: c is not a number. , -1 | a {b: change-color(red, $hue: c)} +2 | a {b: color.change(red, $hue: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/input.scss -a {b: change-color(red, $saturation: c)} +@use "sass:color"; +a {b: color.change(red, $saturation: c)} <===> saturation/error Error: $saturation: c is not a number. , -1 | a {b: change-color(red, $saturation: c)} +2 | a {b: color.change(red, $saturation: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/input.scss -a {b: change-color(red, $lightness: c)} +@use "sass:color"; +a {b: color.change(red, $lightness: c)} <===> lightness/error Error: $lightness: c is not a number. , -1 | a {b: change-color(red, $lightness: c)} +2 | a {b: color.change(red, $lightness: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/input.scss -a {b: change-color(red, $alpha: c)} +@use "sass:color"; +a {b: color.change(red, $alpha: c)} <===> alpha/error Error: $alpha: c is not a number. , -1 | a {b: change-color(red, $alpha: c)} +2 | a {b: color.change(red, $alpha: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blackness/input.scss -a {b: change-color(red, $blackness: c)} +@use "sass:color"; +a {b: color.change(red, $blackness: c)} <===> blackness/error Error: $blackness: c is not a number. , -1 | a {b: change-color(red, $blackness: c)} +2 | a {b: color.change(red, $blackness: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> whiteness/input.scss -a {b: change-color(red, $whiteness: c)} +@use "sass:color"; +a {b: color.change(red, $whiteness: c)} <===> whiteness/error Error: $whiteness: c is not a number. , -1 | a {b: change-color(red, $whiteness: c)} +2 | a {b: color.change(red, $whiteness: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet - + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/change_color/error/units.hrx b/spec/core_functions/color/change_color/error/units.hrx index ba99c3818..d204b5a56 100644 --- a/spec/core_functions/color/change_color/error/units.hrx +++ b/spec/core_functions/color/change_color/error/units.hrx @@ -1,50 +1,53 @@ <===> none/whiteness/input.scss -a {b: change-color(white, $whiteness: 1)} +@use "sass:color"; +a {b: color.change(white, $whiteness: 1)} <===> none/whiteness/error Error: $whiteness: Expected 1 to have unit "%". , -1 | a {b: change-color(white, $whiteness: 1)} +2 | a {b: color.change(white, $whiteness: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet - + input.scss 2:7 root stylesheet <===> ================================================================================ <===> none/blackness/input.scss -a {b: change-color(black, $blackness: 1)} +@use "sass:color"; +a {b: color.change(black, $blackness: 1)} <===> none/blackness/error Error: $blackness: Expected 1 to have unit "%". , -1 | a {b: change-color(black, $blackness: 1)} +2 | a {b: color.change(black, $blackness: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/whiteness/input.scss -a {b: change-color(white, $whiteness: 1px)} +@use "sass:color"; +a {b: color.change(white, $whiteness: 1px)} <===> wrong/whiteness/error Error: $whiteness: Expected 1px to have unit "%". , -1 | a {b: change-color(white, $whiteness: 1px)} +2 | a {b: color.change(white, $whiteness: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/blackness/input.scss -a {b: change-color(black, $blackness: 1px)} +@use "sass:color"; +a {b: color.change(black, $blackness: 1px)} <===> wrong/blackness/error Error: $blackness: Expected 1px to have unit "%". , -1 | a {b: change-color(black, $blackness: 1px)} +2 | a {b: color.change(black, $blackness: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/change_color/hsl.hrx b/spec/core_functions/color/change_color/hsl.hrx index 70a261689..3f65e0a8f 100644 --- a/spec/core_functions/color/change_color/hsl.hrx +++ b/spec/core_functions/color/change_color/hsl.hrx @@ -1,5 +1,6 @@ <===> hue/max/input.scss -a {b: change-color(red, $hue: 359)} +@use "sass:color"; +a {b: color.change(red, $hue: 359)} <===> hue/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> hue/above_max/input.scss -a {b: change-color(red, $hue: 540)} +@use "sass:color"; +a {b: color.change(red, $hue: 540)} <===> hue/above_max/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> hue/min/input.scss -a {b: change-color(blue, $hue: 0)} +@use "sass:color"; +a {b: color.change(blue, $hue: 0)} <===> hue/min/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> hue/negative/input.scss -a {b: change-color(red, $hue: -60)} +@use "sass:color"; +a {b: color.change(red, $hue: -60)} <===> hue/negative/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> hue/middle/input.scss -a {b: change-color(red, $hue: 123)} +@use "sass:color"; +a {b: color.change(red, $hue: 123)} <===> hue/middle/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> hue/fraction/input.scss -a {b: change-color(red, $hue: 0.5)} +@use "sass:color"; +a {b: color.change(red, $hue: 0.5)} <===> hue/fraction/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> saturation/max/input.scss -a {b: change-color(plum, $saturation: 100%)} +@use "sass:color"; +a {b: color.change(plum, $saturation: 100%)} <===> saturation/max/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> saturation/min/input.scss -a {b: change-color(plum, $saturation: 0%)} +@use "sass:color"; +a {b: color.change(plum, $saturation: 0%)} <===> saturation/min/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> saturation/high/input.scss -a {b: change-color(plum, $saturation: 76%)} +@use "sass:color"; +a {b: color.change(plum, $saturation: 76%)} <===> saturation/high/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> saturation/low/input.scss -a {b: change-color(plum, $saturation: 14%)} +@use "sass:color"; +a {b: color.change(plum, $saturation: 14%)} <===> saturation/low/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> lightness/max/input.scss -a {b: change-color(red, $lightness: 100%)} +@use "sass:color"; +a {b: color.change(red, $lightness: 100%)} <===> lightness/max/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> lightness/fraction/input.scss -a {b: change-color(red, $lightness: 0.5%)} +@use "sass:color"; +a {b: color.change(red, $lightness: 0.5%)} <===> lightness/fraction/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> lightness/min/input.scss -a {b: change-color(red, $lightness: 0%)} +@use "sass:color"; +a {b: color.change(red, $lightness: 0%)} <===> lightness/min/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> lightness/high/input.scss -a {b: change-color(red, $lightness: 63%)} +@use "sass:color"; +a {b: color.change(red, $lightness: 63%)} <===> lightness/high/output.css a { @@ -139,7 +153,8 @@ a { <===> ================================================================================ <===> lightness/low/input.scss -a {b: change-color(red, $lightness: 27%)} +@use "sass:color"; +a {b: color.change(red, $lightness: 27%)} <===> lightness/low/output.css a { @@ -149,7 +164,8 @@ a { <===> ================================================================================ <===> all/input.scss -a {b: change-color(black, $hue: 12, $saturation: 24%, $lightness: 48%)} +@use "sass:color"; +a {b: color.change(black, $hue: 12, $saturation: 24%, $lightness: 48%)} <===> all/output.css a { @@ -159,7 +175,8 @@ a { <===> ================================================================================ <===> alpha_input/input.scss -a {b: change-color(rgba(black, 0.7), $hue: 12, $saturation: 24%, $lightness: 48%)} +@use "sass:color"; +a {b: color.change(rgba(black, 0.7), $hue: 12, $saturation: 24%, $lightness: 48%)} <===> alpha_input/output.css a { @@ -169,7 +186,8 @@ a { <===> ================================================================================ <===> alpha_arg/input.scss -a {b: change-color(black, $hue: 12, $saturation: 24%, $lightness: 48%, $alpha: 0.7)} +@use "sass:color"; +a {b: color.change(black, $hue: 12, $saturation: 24%, $lightness: 48%, $alpha: 0.7)} <===> alpha_arg/output.css a { @@ -179,7 +197,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: change-color($color: black, $hue: 12, $saturation: 24%, $lightness: 48%)} +@use "sass:color"; +a {b: color.change($color: black, $hue: 12, $saturation: 24%, $lightness: 48%)} <===> named/output.css a { diff --git a/spec/core_functions/color/change_color/hwb.hrx b/spec/core_functions/color/change_color/hwb.hrx index 9c959b549..8b3968ce4 100644 --- a/spec/core_functions/color/change_color/hwb.hrx +++ b/spec/core_functions/color/change_color/hwb.hrx @@ -1,5 +1,6 @@ <===> whiteness/max/input.scss -a {b: change-color(#cc6666, $whiteness: 100%)} +@use "sass:color"; +a {b: color.change(#cc6666, $whiteness: 100%)} <===> whiteness/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> whiteness/min/input.scss -a {b: change-color(#cc6666, $whiteness: 0%)} +@use "sass:color"; +a {b: color.change(#cc6666, $whiteness: 0%)} <===> whiteness/min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> whiteness/high/input.scss -a {b: change-color(#cc6666, $whiteness: 80%)} +@use "sass:color"; +a {b: color.change(#cc6666, $whiteness: 80%)} <===> whiteness/high/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> whiteness/low/input.scss -a {b: change-color(#cc6666, $whiteness: 20%)} +@use "sass:color"; +a {b: color.change(#cc6666, $whiteness: 20%)} <===> whiteness/low/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> blackness/max/input.scss -a {b: change-color(#993333, $blackness: 100%)} +@use "sass:color"; +a {b: color.change(#993333, $blackness: 100%)} <===> blackness/max/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> blackness/min/input.scss -a {b: change-color(#993333, $blackness: 0%)} +@use "sass:color"; +a {b: color.change(#993333, $blackness: 0%)} <===> blackness/min/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> blackness/high/input.scss -a {b: change-color(#993333, $blackness: 80%)} +@use "sass:color"; +a {b: color.change(#993333, $blackness: 80%)} <===> blackness/high/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> blackness/low/input.scss -a {b: change-color(#993333, $blackness: 20%)} +@use "sass:color"; +a {b: color.change(#993333, $blackness: 20%)} <===> blackness/low/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> all/input.scss -a {b: change-color(blue, $hue: 150, $whiteness: 20%, $blackness: 40%)} +@use "sass:color"; +a {b: color.change(blue, $hue: 150, $whiteness: 20%, $blackness: 40%)} <===> all/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> alpha_input/input.scss -a {b: change-color(rgba(blue, 0.7), $hue: 150, $whiteness: 20%, $blackness: 40%)} +@use "sass:color"; +a {b: color.change(rgba(blue, 0.7), $hue: 150, $whiteness: 20%, $blackness: 40%)} <===> alpha_input/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> alpha_arg/input.scss -a {b: change-color(blue, $hue: 150, $whiteness: 20%, $blackness: 40%, $alpha: 0.3)} +@use "sass:color"; +a {b: color.change(blue, $hue: 150, $whiteness: 20%, $blackness: 40%, $alpha: 0.3)} <===> alpha_arg/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: change-color($color: blue, $hue: 150, $whiteness: 20%, $blackness: 40%)} +@use "sass:color"; +a {b: color.change($color: blue, $hue: 150, $whiteness: 20%, $blackness: 40%)} <===> named/output.css a { diff --git a/spec/core_functions/color/change_color/no_rgb_hsl.hrx b/spec/core_functions/color/change_color/no_rgb_hsl.hrx index 257b3c6d5..5daadafb5 100644 --- a/spec/core_functions/color/change_color/no_rgb_hsl.hrx +++ b/spec/core_functions/color/change_color/no_rgb_hsl.hrx @@ -1,5 +1,6 @@ <===> positional/input.scss -a {b: change-color(red)} +@use "sass:color"; +a {b: color.change(red)} <===> positional/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: change-color($color: red)} +@use "sass:color"; +a {b: color.change($color: red)} <===> named/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> alpha/max/input.scss -a {b: change-color(rgba(red, 0.5), $alpha: 1)} +@use "sass:color"; +a {b: color.change(rgba(red, 0.5), $alpha: 1)} <===> alpha/max/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> alpha/min/input.scss -a {b: change-color(rgba(red, 0.5), $alpha: 0)} +@use "sass:color"; +a {b: color.change(rgba(red, 0.5), $alpha: 0)} <===> alpha/min/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> alpha/high/input.scss -a {b: change-color(rgba(red, 0.5), $alpha: 0.72)} +@use "sass:color"; +a {b: color.change(rgba(red, 0.5), $alpha: 0.72)} <===> alpha/high/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> alpha/low/input.scss -a {b: change-color(rgba(red, 0.5), $alpha: 0.36)} +@use "sass:color"; +a {b: color.change(rgba(red, 0.5), $alpha: 0.36)} <===> alpha/low/output.css a { diff --git a/spec/core_functions/color/change_color/rgb.hrx b/spec/core_functions/color/change_color/rgb.hrx index b41895304..6316e00d4 100644 --- a/spec/core_functions/color/change_color/rgb.hrx +++ b/spec/core_functions/color/change_color/rgb.hrx @@ -1,5 +1,6 @@ <===> red/max/input.scss -a {b: change-color(black, $red: 255)} +@use "sass:color"; +a {b: color.change(black, $red: 255)} <===> red/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> red/min/input.scss -a {b: change-color(red, $red: 0)} +@use "sass:color"; +a {b: color.change(red, $red: 0)} <===> red/min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> red/low/input.scss -a {b: change-color(red, $red: 100)} +@use "sass:color"; +a {b: color.change(red, $red: 100)} <===> red/low/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> red/high/input.scss -a {b: change-color(black, $red: 200)} +@use "sass:color"; +a {b: color.change(black, $red: 200)} <===> red/high/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> green/max/input.scss -a {b: change-color(black, $green: 255)} +@use "sass:color"; +a {b: color.change(black, $green: 255)} <===> green/max/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> green/min/input.scss -a {b: change-color(lime, $green: 0)} +@use "sass:color"; +a {b: color.change(lime, $green: 0)} <===> green/min/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> green/low/input.scss -a {b: change-color(lime, $green: 100)} +@use "sass:color"; +a {b: color.change(lime, $green: 100)} <===> green/low/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> green/high/input.scss -a {b: change-color(black, $green: 200)} +@use "sass:color"; +a {b: color.change(black, $green: 200)} <===> green/high/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> blue/max/input.scss -a {b: change-color(black, $blue: 255)} +@use "sass:color"; +a {b: color.change(black, $blue: 255)} <===> blue/max/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> blue/min/input.scss -a {b: change-color(blue, $blue: 0)} +@use "sass:color"; +a {b: color.change(blue, $blue: 0)} <===> blue/min/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> blue/low/input.scss -a {b: change-color(blue, $blue: 100)} +@use "sass:color"; +a {b: color.change(blue, $blue: 100)} <===> blue/low/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> blue/high/input.scss -a {b: change-color(black, $blue: 200)} +@use "sass:color"; +a {b: color.change(black, $blue: 200)} <===> blue/high/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> all/input.scss -a {b: change-color(black, $red: 12, $green: 24, $blue: 48)} +@use "sass:color"; +a {b: color.change(black, $red: 12, $green: 24, $blue: 48)} <===> all/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> alpha_input/input.scss -a {b: change-color(rgba(black, 0.3), $red: 12, $green: 24, $blue: 48)} +@use "sass:color"; +a {b: color.change(rgba(black, 0.3), $red: 12, $green: 24, $blue: 48)} <===> alpha_input/output.css a { @@ -139,7 +153,8 @@ a { <===> ================================================================================ <===> alpha_arg/input.scss -a {b: change-color(black, $red: 12, $green: 24, $blue: 48, $alpha: 0.3)} +@use "sass:color"; +a {b: color.change(black, $red: 12, $green: 24, $blue: 48, $alpha: 0.3)} <===> alpha_arg/output.css a { @@ -149,7 +164,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: change-color($color: black, $red: 12, $green: 24, $blue: 48)} +@use "sass:color"; +a {b: color.change($color: black, $red: 12, $green: 24, $blue: 48)} <===> named/output.css a { diff --git a/spec/core_functions/color/change_color/units.hrx b/spec/core_functions/color/change_color/units.hrx index 72e4897c5..962e224d7 100644 --- a/spec/core_functions/color/change_color/units.hrx +++ b/spec/core_functions/color/change_color/units.hrx @@ -1,5 +1,6 @@ <===> hue/deg/input.scss -a {b: change-color(red, $hue: 60deg)} +@use "sass:color"; +a {b: color.change(red, $hue: 60deg)} <===> hue/deg/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> hue/unitless/input.scss -a {b: change-color(red, $hue: 60)} +@use "sass:color"; +a {b: color.change(red, $hue: 60)} <===> hue/unitless/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> hue/unknown/input.scss -a {b: change-color(red, $hue: 60in)} +@use "sass:color"; +a {b: color.change(red, $hue: 60in)} <===> hue/unknown/output.css a { @@ -34,15 +37,16 @@ To preserve current behavior: calc($hue / 1in) See https://sass-lang.com/d/function-units , -1 | a {b: change-color(red, $hue: 60in)} +2 | a {b: color.change(red, $hue: 60in)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> hue/angle/input.scss -a {b: change-color(red, $hue: 60rad)} +@use "sass:color"; +a {b: color.change(red, $hue: 60rad)} <===> hue/angle/output.css a { @@ -52,7 +56,8 @@ a { <===> ================================================================================ <===> saturation/percent/input.scss -a {b: change-color(red, $saturation: 50%)} +@use "sass:color"; +a {b: color.change(red, $saturation: 50%)} <===> saturation/percent/output.css a { @@ -62,7 +67,8 @@ a { <===> ================================================================================ <===> saturation/unitless/input.scss -a {b: change-color(red, $saturation: 50)} +@use "sass:color"; +a {b: color.change(red, $saturation: 50)} <===> saturation/unitless/output.css a { @@ -77,15 +83,16 @@ To preserve current behavior: $saturation * 1% More info: https://sass-lang.com/d/function-units , -1 | a {b: change-color(red, $saturation: 50)} +2 | a {b: color.change(red, $saturation: 50)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/unknown/input.scss -a {b: change-color(red, $saturation: 50in)} +@use "sass:color"; +a {b: color.change(red, $saturation: 50in)} <===> saturation/unknown/output.css a { @@ -100,15 +107,16 @@ To preserve current behavior: calc($saturation / 1in * 1%) More info: https://sass-lang.com/d/function-units , -1 | a {b: change-color(red, $saturation: 50in)} +2 | a {b: color.change(red, $saturation: 50in)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/percent/input.scss -a {b: change-color(red, $lightness: 30%)} +@use "sass:color"; +a {b: color.change(red, $lightness: 30%)} <===> lightness/percent/output.css a { @@ -118,7 +126,8 @@ a { <===> ================================================================================ <===> lightness/unitless/input.scss -a {b: change-color(red, $lightness: 30)} +@use "sass:color"; +a {b: color.change(red, $lightness: 30)} <===> lightness/unitless/output.css a { @@ -133,15 +142,16 @@ To preserve current behavior: $lightness * 1% More info: https://sass-lang.com/d/function-units , -1 | a {b: change-color(red, $lightness: 30)} +2 | a {b: color.change(red, $lightness: 30)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/unknown/input.scss -a {b: change-color(red, $lightness: 30in)} +@use "sass:color"; +a {b: color.change(red, $lightness: 30in)} <===> lightness/unknown/output.css a { @@ -156,15 +166,16 @@ To preserve current behavior: calc($lightness / 1in * 1%) More info: https://sass-lang.com/d/function-units , -1 | a {b: change-color(red, $lightness: 30in)} +2 | a {b: color.change(red, $lightness: 30in)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/unitless/input.scss -a {b: change-color(red, $alpha: 0.5)} +@use "sass:color"; +a {b: color.change(red, $alpha: 0.5)} <===> alpha/unitless/output.css a { @@ -174,7 +185,8 @@ a { <===> ================================================================================ <===> alpha/percent/input.scss -a {b: adjust-color(red, $alpha: 0.5%)} +@use "sass:color"; +a {b: color.adjust(red, $alpha: 0.5%)} <===> alpha/percent/output.css a { @@ -189,15 +201,16 @@ To preserve current behavior: calc($alpha / 1%) More info: https://sass-lang.com/d/function-units , -1 | a {b: adjust-color(red, $alpha: 0.5%)} +2 | a {b: color.adjust(red, $alpha: 0.5%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/unknown/input.scss -a {b: adjust-color(red, $alpha: 0.5px)} +@use "sass:color"; +a {b: color.adjust(red, $alpha: 0.5px)} <===> alpha/unknown/output.css a { @@ -212,7 +225,7 @@ To preserve current behavior: calc($alpha / 1px) More info: https://sass-lang.com/d/function-units , -1 | a {b: adjust-color(red, $alpha: 0.5px)} +2 | a {b: color.adjust(red, $alpha: 0.5px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/complement.hrx b/spec/core_functions/color/complement.hrx index c8ac6aa21..fc94247e5 100644 --- a/spec/core_functions/color/complement.hrx +++ b/spec/core_functions/color/complement.hrx @@ -1,5 +1,6 @@ <===> red/input.scss -a {b: complement(red)} +@use "sass:color"; +a {b: color.complement(red)} <===> red/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> turquoise/input.scss -a {b: complement(turquoise)} +@use "sass:color"; +a {b: color.complement(turquoise)} <===> turquoise/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> grayscale/gray/input.scss -a {b: complement(gray)} +@use "sass:color"; +a {b: color.complement(gray)} <===> grayscale/gray/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> grayscale/white/input.scss -a {b: complement(white)} +@use "sass:color"; +a {b: color.complement(white)} <===> grayscale/white/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> grayscale/black/input.scss -a {b: complement(black)} +@use "sass:color"; +a {b: color.complement(black)} <===> grayscale/black/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> alpha/input.scss -a {b: complement(rgba(turquoise, 0.7))} +@use "sass:color"; +a {b: color.complement(rgba(turquoise, 0.7))} <===> alpha/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: complement($color: red)} +@use "sass:color"; +a {b: color.complement($color: red)} <===> named/output.css a { @@ -69,46 +76,49 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: complement()} +@use "sass:color"; +a {b: color.complement()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: complement()} - | ^^^^^^^^^^^^ invocation +2 | a {b: color.complement()} + | ^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function complement($color) { | ================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: complement(red, 1)} +@use "sass:color"; +a {b: color.complement(red, 1)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: complement(red, 1)} - | ^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: color.complement(red, 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function complement($color) { | ================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: complement(1)} +@use "sass:color"; +a {b: color.complement(1)} <===> error/type/error Error: $color: 1 is not a color. , -1 | a {b: complement(1)} - | ^^^^^^^^^^^^^ +2 | a {b: color.complement(1)} + | ^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/darken.hrx b/spec/core_functions/color/darken.hrx deleted file mode 100644 index e19ff853f..000000000 --- a/spec/core_functions/color/darken.hrx +++ /dev/null @@ -1,153 +0,0 @@ -<===> max/input.scss -a {b: darken(red, 100%)} - -<===> max/output.css -a { - b: black; -} - -<===> -================================================================================ -<===> max_remaining/input.scss -a {b: darken(red, 50%)} - -<===> max_remaining/output.css -a { - b: black; -} - -<===> -================================================================================ -<===> min/input.scss -a {b: darken(red, 0%)} - -<===> min/output.css -a { - b: red; -} - -<===> -================================================================================ -<===> middle/input.scss -a {b: darken(red, 14%)} - -<===> middle/output.css -a { - b: #b80000; -} - -<===> -================================================================================ -<===> fraction/input.scss -a {b: darken(red, 0.5%)} - -<===> fraction/output.css -a { - b: #fc0000; -} - -<===> -================================================================================ -<===> alpha/input.scss -a {b: darken(rgba(red, 0.2), 100%)} - -<===> alpha/output.css -a { - b: rgba(0, 0, 0, 0.2); -} - -<===> -================================================================================ -<===> named/input.scss -a {b: darken($color: red, $amount: 14%)} - -<===> named/output.css -a { - b: #b80000; -} - -<===> -================================================================================ -<===> error/too_few_args/input.scss -a {b: darken(red)} - -<===> error/too_few_args/error -Error: Missing argument $amount. - ,--> input.scss -1 | a {b: darken(red)} - | ^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function darken($color, $amount) { - | ======================= declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/too_many_args/input.scss -a {b: darken(red, 1%, 2)} - -<===> error/too_many_args/error -Error: Only 2 arguments allowed, but 3 were passed. - ,--> input.scss -1 | a {b: darken(red, 1%, 2)} - | ^^^^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function darken($color, $amount) { - | ======================= declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/color/input.scss -a {b: darken(1, 2)} - -<===> error/type/color/error -Error: $color: 1 is not a color. - , -1 | a {b: darken(1, 2)} - | ^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/lightness/input.scss -a {b: darken(red, blue)} - -<===> error/type/lightness/error -Error: $amount: blue is not a number. - , -1 | a {b: darken(red, blue)} - | ^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_low/input.scss -a {b: darken(red, -0.001)} - -<===> error/bounds/too_low/error -Error: $amount: Expected -0.001 to be within 0 and 100. - , -1 | a {b: darken(red, -0.001)} - | ^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_high/input.scss -a {b: darken(red, 100.001)} - -<===> error/bounds/too_high/error -Error: $amount: Expected 100.001 to be within 0 and 100. - , -1 | a {b: darken(red, 100.001)} - | ^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet diff --git a/spec/core_functions/color/desaturate.hrx b/spec/core_functions/color/desaturate.hrx deleted file mode 100644 index 07804cefb..000000000 --- a/spec/core_functions/color/desaturate.hrx +++ /dev/null @@ -1,160 +0,0 @@ -<===> max/input.scss -a {b: desaturate(plum, 100%)} - -<===> max/output.css -a { - b: #bfbfbf; -} - -<===> -================================================================================ -<===> max_remaining/input.scss -a {b: desaturate(plum, 48%)} - -<===> max_remaining/output.css -a { - b: #bfbfbf; -} - -<===> -================================================================================ -<===> min/input.scss -a {b: desaturate(plum, 0%)} - -<===> min/output.css -a { - b: plum; -} - -<===> -================================================================================ -<===> middle/input.scss -a {b: desaturate(plum, 14%)} - -<===> middle/output.css -a { - b: #d4a9d4; -} - -<===> -================================================================================ -<===> alpha/input.scss -a {b: desaturate(rgba(plum, 0.3), 100%)} - -<===> alpha/output.css -a { - b: rgba(191, 191, 191, 0.3); -} - -<===> -================================================================================ -<===> named/input.scss -a {b: desaturate($color: plum, $amount: 14%)} - -<===> named/output.css -a { - b: #d4a9d4; -} - -<===> -================================================================================ -<===> error/too_few_args/input.scss -a {b: desaturate(plum)} - -<===> error/too_few_args/error -Error: Missing argument $amount. - ,--> input.scss -1 | a {b: desaturate(plum)} - | ^^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function desaturate($color, $amount) { - | =========================== declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/too_many_args/input.scss -a {b: desaturate(plum, 1%, 2)} - -<===> error/too_many_args/error -Error: Only 2 arguments allowed, but 3 were passed. - ,--> input.scss -1 | a {b: desaturate(plum, 1%, 2)} - | ^^^^^^^^^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function desaturate($color, $amount) { - | =========================== declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/one_arg/type/input.scss -a {b: desaturate(red)} - -<===> error/one_arg/type/error -Error: Missing argument $amount. - ,--> input.scss -1 | a {b: desaturate(red)} - | ^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function desaturate($color, $amount) { - | =========================== declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/color/input.scss -a {b: desaturate(1, 2)} - -<===> error/type/color/error -Error: $color: 1 is not a color. - , -1 | a {b: desaturate(1, 2)} - | ^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/lightness/input.scss -a {b: desaturate(plum, blue)} - -<===> error/type/lightness/error -Error: $amount: blue is not a number. - , -1 | a {b: desaturate(plum, blue)} - | ^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_low/input.scss -a {b: desaturate(plum, -0.001)} - -<===> error/bounds/too_low/error -Error: $amount: Expected -0.001 to be within 0 and 100. - , -1 | a {b: desaturate(plum, -0.001)} - | ^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_high/input.scss -a {b: desaturate(plum, 100.001)} - -<===> error/bounds/too_high/error -Error: $amount: Expected 100.001 to be within 0 and 100. - , -1 | a {b: desaturate(plum, 100.001)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet diff --git a/spec/core_functions/color/fade_in.hrx b/spec/core_functions/color/fade_in.hrx deleted file mode 100644 index abb9fc90d..000000000 --- a/spec/core_functions/color/fade_in.hrx +++ /dev/null @@ -1,158 +0,0 @@ -<===> max/input.scss -a {b: fade-in(rgba(red, 0.5), 1)} - -<===> max/output.css -a { - b: red; -} - -<===> -================================================================================ -<===> max_remaining/input.scss -a {b: fade-in(rgba(red, 0.5), 0.5)} - -<===> max_remaining/output.css -a { - b: red; -} - -<===> -================================================================================ -<===> min/input.scss -a {b: fade-in(rgba(red, 0.5), 0)} - -<===> min/output.css -a { - b: rgba(255, 0, 0, 0.5); -} - -<===> -================================================================================ -<===> middle/input.scss -a {b: fade-in(rgba(red, 0.5), 0.14)} - -<===> middle/output.css -a { - b: rgba(255, 0, 0, 0.64); -} - -<===> -================================================================================ -<===> named/input.scss -a {b: fade-in($color: rgba(red, 0.5), $amount: 0.14)} - -<===> named/output.css -a { - b: rgba(255, 0, 0, 0.64); -} - -<===> -================================================================================ -<===> opacify/input.scss -a {b: opacify($color: rgba(red, 0.5), $amount: 0.14)} - -<===> opacify/output.css -a { - b: rgba(255, 0, 0, 0.64); -} - -<===> -================================================================================ -<===> error/too_few_args/input.scss -a {b: fade-in(red)} - -<===> error/too_few_args/error -Error: Missing argument $amount. - ,--> input.scss -1 | a {b: fade-in(red)} - | ^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function fade-in($color, $amount) { - | ======================== declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/too_many_args/input.scss -a {b: fade-in(red, 0.1, 2)} - -<===> error/too_many_args/error -Error: Only 2 arguments allowed, but 3 were passed. - ,--> input.scss -1 | a {b: fade-in(red, 0.1, 2)} - | ^^^^^^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function fade-in($color, $amount) { - | ======================== declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/color/input.scss -a {b: fade-in(1, 0.1)} - -<===> error/type/color/error -Error: $color: 1 is not a color. - , -1 | a {b: fade-in(1, 0.1)} - | ^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/alpha/input.scss -a {b: fade-in(red, blue)} - -<===> error/type/alpha/error -Error: $amount: blue is not a number. - , -1 | a {b: fade-in(red, blue)} - | ^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_low/input.scss -a {b: fade-in(red, -0.001)} - -<===> error/bounds/too_low/error -Error: $amount: Expected -0.001 to be within 0 and 1. - , -1 | a {b: fade-in(red, -0.001)} - | ^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_high/input.scss -a {b: fade-in(red, 1.001)} - -<===> error/bounds/too_high/error -Error: $amount: Expected 1.001 to be within 0 and 1. - , -1 | a {b: fade-in(red, 1.001)} - | ^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/unit/input.scss -// This test covers sass/dart-sass#1745, but should be removed once units are -// fully forbidden (sass/sass#3374). -a {b: fade-in(red, 50%)} - -<===> error/bounds/unit/error -Error: $amount: Expected 50% to be within 0 and 1. - , -3 | a {b: fade-in(red, 50%)} - | ^^^^^^^^^^^^^^^^^ - ' - input.scss 3:7 root stylesheet diff --git a/spec/core_functions/color/fade_out.hrx b/spec/core_functions/color/fade_out.hrx deleted file mode 100644 index 5164907b7..000000000 --- a/spec/core_functions/color/fade_out.hrx +++ /dev/null @@ -1,158 +0,0 @@ -<===> max/input.scss -a {b: fade-out(rgba(red, 0.5), 1)} - -<===> max/output.css -a { - b: rgba(255, 0, 0, 0); -} - -<===> -================================================================================ -<===> max_remaining/input.scss -a {b: fade-out(rgba(red, 0.5), 0.5)} - -<===> max_remaining/output.css -a { - b: rgba(255, 0, 0, 0); -} - -<===> -================================================================================ -<===> min/input.scss -a {b: fade-out(rgba(red, 0.5), 0)} - -<===> min/output.css -a { - b: rgba(255, 0, 0, 0.5); -} - -<===> -================================================================================ -<===> middle/input.scss -a {b: fade-out(rgba(red, 0.5), 0.14)} - -<===> middle/output.css -a { - b: rgba(255, 0, 0, 0.36); -} - -<===> -================================================================================ -<===> named/input.scss -a {b: fade-out($color: rgba(red, 0.5), $amount: 0.14)} - -<===> named/output.css -a { - b: rgba(255, 0, 0, 0.36); -} - -<===> -================================================================================ -<===> transparentize/input.scss -a {b: transparentize($color: rgba(red, 0.5), $amount: 0.14)} - -<===> transparentize/output.css -a { - b: rgba(255, 0, 0, 0.36); -} - -<===> -================================================================================ -<===> error/too_few_args/input.scss -a {b: fade-out(red)} - -<===> error/too_few_args/error -Error: Missing argument $amount. - ,--> input.scss -1 | a {b: fade-out(red)} - | ^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function fade-out($color, $amount) { - | ========================= declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/too_many_args/input.scss -a {b: fade-out(red, 0.1, 2)} - -<===> error/too_many_args/error -Error: Only 2 arguments allowed, but 3 were passed. - ,--> input.scss -1 | a {b: fade-out(red, 0.1, 2)} - | ^^^^^^^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function fade-out($color, $amount) { - | ========================= declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/color/input.scss -a {b: fade-out(1, 0.1)} - -<===> error/type/color/error -Error: $color: 1 is not a color. - , -1 | a {b: fade-out(1, 0.1)} - | ^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/alpha/input.scss -a {b: fade-out(red, blue)} - -<===> error/type/alpha/error -Error: $amount: blue is not a number. - , -1 | a {b: fade-out(red, blue)} - | ^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_low/input.scss -a {b: fade-out(red, -0.001)} - -<===> error/bounds/too_low/error -Error: $amount: Expected -0.001 to be within 0 and 1. - , -1 | a {b: fade-out(red, -0.001)} - | ^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_high/input.scss -a {b: fade-out(red, 1.001)} - -<===> error/bounds/too_high/error -Error: $amount: Expected 1.001 to be within 0 and 1. - , -1 | a {b: fade-out(red, 1.001)} - | ^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/unit/input.scss -// This test covers sass/dart-sass#1745, but should be removed once units are -// fully forbidden (sass/sass#3374). -a {b: fade-out(red, 50%)} - -<===> error/bounds/unit/error -Error: $amount: Expected 50% to be within 0 and 1. - , -3 | a {b: fade-out(red, 50%)} - | ^^^^^^^^^^^^^^^^^^ - ' - input.scss 3:7 root stylesheet diff --git a/spec/core_functions/color/grayscale.hrx b/spec/core_functions/color/grayscale.hrx index 21086e2de..1d44c8521 100644 --- a/spec/core_functions/color/grayscale.hrx +++ b/spec/core_functions/color/grayscale.hrx @@ -1,5 +1,6 @@ <===> no_saturation/white/input.scss -a {b: grayscale(white)} +@use "sass:color"; +a {b: color.grayscale(white)} <===> no_saturation/white/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> no_saturation/black/input.scss -a {b: grayscale(black)} +@use "sass:color"; +a {b: color.grayscale(black)} <===> no_saturation/black/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> no_saturation/gray/input.scss -a {b: grayscale(#494949)} +@use "sass:color"; +a {b: color.grayscale(#494949)} <===> no_saturation/gray/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> max_saturation/input.scss -a {b: grayscale(red)} +@use "sass:color"; +a {b: color.grayscale(red)} <===> max_saturation/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> mid_saturation/input.scss -a {b: grayscale(#633736)} +@use "sass:color"; +a {b: color.grayscale(#633736)} <===> mid_saturation/output.css a { @@ -49,28 +54,19 @@ a { <===> ================================================================================ <===> alpha/input.scss -a {b: grayscale(rgba(#633736, 0.3))} +@use "sass:color"; +a {b: color.grayscale(rgba(#633736, 0.3))} <===> alpha/output.css a { b: rgba(77, 77, 77, 0.3); } -<===> -================================================================================ -<===> number/input.scss -// A number should produce a plain function string, for CSS filter functions. -a {b: grayscale(15%)} - -<===> number/output.css -a { - b: grayscale(15%); -} - <===> ================================================================================ <===> named/input.scss -a {b: grayscale($color: white)} +@use "sass:color"; +a {b: color.grayscale($color: white)} <===> named/output.css a { @@ -79,88 +75,83 @@ a { <===> ================================================================================ -<===> with_css_var/input.scss -a {b: grayscale(var(--c))} +<===> css_overload/input.scss +@use "sass:color"; +a {b: color.grayscale(1)} -<===> with_css_var/output.css +<===> css_overload/output.css a { - b: grayscale(var(--c)); + b: grayscale(1); } -<===> -================================================================================ -<===> with_calc/input.scss -a {b: grayscale(calc(1 + 2))} - -<===> with_calc/output.css -a { - b: grayscale(3); -} +<===> css_overload/warning +DEPRECATION WARNING: Passing a number (1) to color.grayscale() is deprecated. -<===> -================================================================================ -<===> with_unquoted_calc/input.scss -a {b: grayscale(unquote('calc(1)'))} +Recommendation: grayscale(1) -<===> with_unquoted_calc/output.css -a { - b: grayscale(calc(1)); -} + , +2 | a {b: color.grayscale(1)} + | ^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: grayscale()} +@use "sass:color"; +a {b: color.grayscale()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: grayscale()} - | ^^^^^^^^^^^ invocation +2 | a {b: color.grayscale()} + | ^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function grayscale($color) { | ================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: grayscale(red, 1)} +@use "sass:color"; +a {b: color.grayscale(red, 1)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: grayscale(red, 1)} - | ^^^^^^^^^^^^^^^^^ invocation +2 | a {b: color.grayscale(red, 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function grayscale($color) { | ================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: grayscale(c)} +@use "sass:color"; +a {b: color.grayscale(c)} <===> error/type/error Error: $color: c is not a color. , -1 | a {b: grayscale(c)} - | ^^^^^^^^^^^^ +2 | a {b: color.grayscale(c)} + | ^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ -<===> error/with_module/type/input.scss +<===> error/css_variable/input.scss @use 'sass:color'; a {b: color.grayscale(var(--c))} -<===> error/with_module/type/error +<===> error/css_variable/error Error: $color: var(--c) is not a color. , 2 | a {b: color.grayscale(var(--c))} diff --git a/spec/core_functions/color/green.hrx b/spec/core_functions/color/green.hrx index e43002899..cc595429d 100644 --- a/spec/core_functions/color/green.hrx +++ b/spec/core_functions/color/green.hrx @@ -1,5 +1,6 @@ <===> max/input.scss -a {b: green(rgb(0, 255, 0))} +@use "sass:color"; +a {b: color.green(rgb(0, 255, 0))} <===> max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> min/input.scss -a {b: green(rgb(0, 0, 0))} +@use "sass:color"; +a {b: color.green(rgb(0, 0, 0))} <===> min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> middle/input.scss -a {b: green(rgb(0, 123, 0))} +@use "sass:color"; +a {b: color.green(rgb(0, 123, 0))} <===> middle/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: green($color: rgb(0, 234, 0))} +@use "sass:color"; +a {b: color.green($color: rgb(0, 234, 0))} <===> named/output.css a { @@ -39,46 +43,49 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: green()} +@use "sass:color"; +a {b: color.green()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: green()} - | ^^^^^^^ invocation +2 | a {b: color.green()} + | ^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function green($color) { | ============= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: green(red, green)} +@use "sass:color"; +a {b: color.green(red, green)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: green(red, green)} - | ^^^^^^^^^^^^^^^^^ invocation +2 | a {b: color.green(red, green)} + | ^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function green($color) { | ============= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: green(1)} +@use "sass:color"; +a {b: color.green(1)} <===> error/type/error Error: $color: 1 is not a color. , -1 | a {b: green(1)} - | ^^^^^^^^ +2 | a {b: color.green(1)} + | ^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/hsl/error/one_arg.hrx b/spec/core_functions/color/hsl/error/one_arg.hrx index 54ce6e91f..c9f7ad8ef 100644 --- a/spec/core_functions/color/hsl/error/one_arg.hrx +++ b/spec/core_functions/color/hsl/error/one_arg.hrx @@ -149,15 +149,16 @@ Error: $lightness: "var(--foo) / 0.4" is not a number. <===> ================================================================================ <===> slash_list/too_few_elements/input.scss -a {b: hsl(append((), 0 100% 100%, $separator: slash))} +@use "sass:list"; +a {b: hsl(list.append((), 0 100% 100%, $separator: slash))} <===> slash_list/too_few_elements/error Error: Only 2 slash-separated elements allowed, but 1 was passed. , -1 | a {b: hsl(append((), 0 100% 100%, $separator: slash))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: hsl(list.append((), 0 100% 100%, $separator: slash))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ diff --git a/spec/core_functions/color/hsl/four_args/special_functions.hrx b/spec/core_functions/color/hsl/four_args/special_functions.hrx index 3b8cf4fb4..532bd8b05 100644 --- a/spec/core_functions/color/hsl/four_args/special_functions.hrx +++ b/spec/core_functions/color/hsl/four_args/special_functions.hrx @@ -1,5 +1,6 @@ <===> calc/string/arg_1/input.scss -a {b: hsl(unquote("calc(1)"), 2%, 3%, 0.4)} +@use "sass:string"; +a {b: hsl(string.unquote("calc(1)"), 2%, 3%, 0.4)} <===> calc/string/arg_1/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> calc/string/arg_2/input.scss -a {b: hsl(1, unquote("calc(2%)"), 3%, 0.4)} +@use "sass:string"; +a {b: hsl(1, string.unquote("calc(2%)"), 3%, 0.4)} <===> calc/string/arg_2/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> calc/string/arg_3/input.scss -a {b: hsl(1, 2%, unquote("calc(3%)"), 0.4)} +@use "sass:string"; +a {b: hsl(1, 2%, string.unquote("calc(3%)"), 0.4)} <===> calc/string/arg_3/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> calc/string/arg_4/input.scss -a {b: hsl(1, 2%, 3%, unquote("calc(0.4)"))} +@use "sass:string"; +a {b: hsl(1, 2%, 3%, string.unquote("calc(0.4)"))} <===> calc/string/arg_4/output.css a { @@ -159,7 +163,8 @@ a { <===> ================================================================================ <===> min/string/arg_1/input.scss -a {b: hsl(unquote("min(1)"), 2%, 3%, 0.4)} +@use "sass:string"; +a {b: hsl(string.unquote("min(1)"), 2%, 3%, 0.4)} <===> min/string/arg_1/output.css a { @@ -169,7 +174,8 @@ a { <===> ================================================================================ <===> min/string/arg_2/input.scss -a {b: hsl(1, unquote("min(2%)"), 3%, 0.4)} +@use "sass:string"; +a {b: hsl(1, string.unquote("min(2%)"), 3%, 0.4)} <===> min/string/arg_2/output.css a { @@ -179,7 +185,8 @@ a { <===> ================================================================================ <===> min/string/arg_3/input.scss -a {b: hsl(1, 2%, unquote("min(3%)"), 0.4)} +@use "sass:string"; +a {b: hsl(1, 2%, string.unquote("min(3%)"), 0.4)} <===> min/string/arg_3/output.css a { @@ -189,7 +196,8 @@ a { <===> ================================================================================ <===> min/string/arg_4/input.scss -a {b: hsl(1, 2%, 3%, unquote("min(0.4)"))} +@use "sass:string"; +a {b: hsl(1, 2%, 3%, string.unquote("min(0.4)"))} <===> min/string/arg_4/output.css a { @@ -199,7 +207,8 @@ a { <===> ================================================================================ <===> max/string/arg_1/input.scss -a {b: hsl(unquote("max(1)"), 2%, 3%, 0.4)} +@use "sass:string"; +a {b: hsl(string.unquote("max(1)"), 2%, 3%, 0.4)} <===> max/string/arg_1/output.css a { @@ -209,7 +218,8 @@ a { <===> ================================================================================ <===> max/string/arg_2/input.scss -a {b: hsl(1, unquote("max(2%)"), 3%, 0.4)} +@use "sass:string"; +a {b: hsl(1, string.unquote("max(2%)"), 3%, 0.4)} <===> max/string/arg_2/output.css a { @@ -219,7 +229,8 @@ a { <===> ================================================================================ <===> max/string/arg_3/input.scss -a {b: hsl(1, 2%, unquote("max(3%)"), 0.4)} +@use "sass:string"; +a {b: hsl(1, 2%, string.unquote("max(3%)"), 0.4)} <===> max/string/arg_3/output.css a { @@ -229,7 +240,8 @@ a { <===> ================================================================================ <===> max/string/arg_4/input.scss -a {b: hsl(1, 2%, 3%, unquote("max(0.4)"))} +@use "sass:string"; +a {b: hsl(1, 2%, 3%, string.unquote("max(0.4)"))} <===> max/string/arg_4/output.css a { @@ -239,7 +251,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_1/input.scss -a {b: hsl(unquote("clamp(1, 2, 3)"), 2%, 3%, 0.4)} +@use "sass:string"; +a {b: hsl(string.unquote("clamp(1, 2, 3)"), 2%, 3%, 0.4)} <===> clamp/string/arg_1/output.css a { @@ -249,7 +262,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_2/input.scss -a {b: hsl(1, unquote("clamp(2%, 3%, 4%)"), 3%, 0.4)} +@use "sass:string"; +a {b: hsl(1, string.unquote("clamp(2%, 3%, 4%)"), 3%, 0.4)} <===> clamp/string/arg_2/output.css a { @@ -259,7 +273,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_3/input.scss -a {b: hsl(1, 2%, unquote("clamp(3%, 4%, 5%)"), 0.4)} +@use "sass:string"; +a {b: hsl(1, 2%, string.unquote("clamp(3%, 4%, 5%)"), 0.4)} <===> clamp/string/arg_3/output.css a { @@ -269,7 +284,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_4/input.scss -a {b: hsl(1, 2%, 3%, unquote("clamp(0.4, 0.5, 0.6)"))} +@use "sass:string"; +a {b: hsl(1, 2%, 3%, string.unquote("clamp(0.4, 0.5, 0.6)"))} <===> clamp/string/arg_4/output.css a { diff --git a/spec/core_functions/color/hsl/one_arg/special_functions/alpha.hrx b/spec/core_functions/color/hsl/one_arg/special_functions/alpha.hrx index 1478ac851..b2d279ecb 100644 --- a/spec/core_functions/color/hsl/one_arg/special_functions/alpha.hrx +++ b/spec/core_functions/color/hsl/one_arg/special_functions/alpha.hrx @@ -1,5 +1,6 @@ <===> calc/string/arg_1/input.scss -a {b: hsl(unquote("calc(1)") 2% 3% / 0.4)} +@use "sass:string"; +a {b: hsl(string.unquote("calc(1)") 2% 3% / 0.4)} <===> calc/string/arg_1/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> calc/string/arg_2/input.scss -a {b: hsl(1 unquote("calc(2%)") 3% / 0.4)} +@use "sass:string"; +a {b: hsl(1 string.unquote("calc(2%)") 3% / 0.4)} <===> calc/string/arg_2/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> calc/string/arg_3/input.scss -a {b: hsl(1 2% unquote("calc(3%)") / 0.4)} +@use "sass:string"; +a {b: hsl(1 2% string.unquote("calc(3%)") / 0.4)} <===> calc/string/arg_3/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> calc/string/arg_4/input.scss -a {b: hsl(1 2% 3% / unquote("calc(0.4)"))} +@use "sass:string"; +a {b: hsl(1 2% 3% / string.unquote("calc(0.4)"))} <===> calc/string/arg_4/output.css a { @@ -159,7 +163,8 @@ a { <===> ================================================================================ <===> min/string/arg_1/input.scss -a {b: hsl(unquote("min(1)") 2% 3% / 0.4)} +@use "sass:string"; +a {b: hsl(string.unquote("min(1)") 2% 3% / 0.4)} <===> min/string/arg_1/output.css a { @@ -169,7 +174,8 @@ a { <===> ================================================================================ <===> min/string/arg_2/input.scss -a {b: hsl(1 unquote("min(2%)") 3% / 0.4)} +@use "sass:string"; +a {b: hsl(1 string.unquote("min(2%)") 3% / 0.4)} <===> min/string/arg_2/output.css a { @@ -179,7 +185,8 @@ a { <===> ================================================================================ <===> min/string/arg_3/input.scss -a {b: hsl(1 2% unquote("min(3%)") / 0.4)} +@use "sass:string"; +a {b: hsl(1 2% string.unquote("min(3%)") / 0.4)} <===> min/string/arg_3/output.css a { @@ -189,7 +196,8 @@ a { <===> ================================================================================ <===> min/string/arg_4/input.scss -a {b: hsl(1 2% 3% / unquote("min(0.4)"))} +@use "sass:string"; +a {b: hsl(1 2% 3% / string.unquote("min(0.4)"))} <===> min/string/arg_4/output.css a { @@ -199,7 +207,8 @@ a { <===> ================================================================================ <===> max/string/arg_1/input.scss -a {b: hsl(unquote("max(1)") 2% 3% / 0.4)} +@use "sass:string"; +a {b: hsl(string.unquote("max(1)") 2% 3% / 0.4)} <===> max/string/arg_1/output.css a { @@ -209,7 +218,8 @@ a { <===> ================================================================================ <===> max/string/arg_2/input.scss -a {b: hsl(1 unquote("max(2%)") 3% / 0.4)} +@use "sass:string"; +a {b: hsl(1 string.unquote("max(2%)") 3% / 0.4)} <===> max/string/arg_2/output.css a { @@ -219,7 +229,8 @@ a { <===> ================================================================================ <===> max/string/arg_3/input.scss -a {b: hsl(1 2% unquote("max(3%)") / 0.4)} +@use "sass:string"; +a {b: hsl(1 2% string.unquote("max(3%)") / 0.4)} <===> max/string/arg_3/output.css a { @@ -229,7 +240,8 @@ a { <===> ================================================================================ <===> max/string/arg_4/input.scss -a {b: hsl(1 2% 3% / unquote("max(0.4)"))} +@use "sass:string"; +a {b: hsl(1 2% 3% / string.unquote("max(0.4)"))} <===> max/string/arg_4/output.css a { @@ -239,7 +251,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_1/input.scss -a {b: hsl(unquote("clamp(1, 2, 3)") 2% 3% / 0.4)} +@use "sass:string"; +a {b: hsl(string.unquote("clamp(1, 2, 3)") 2% 3% / 0.4)} <===> clamp/string/arg_1/output.css a { @@ -249,7 +262,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_2/input.scss -a {b: hsl(1 unquote("clamp(2%, 3%, 4%)") 3% / 0.4)} +@use "sass:string"; +a {b: hsl(1 string.unquote("clamp(2%, 3%, 4%)") 3% / 0.4)} <===> clamp/string/arg_2/output.css a { @@ -259,7 +273,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_3/input.scss -a {b: hsl(1 2% unquote("clamp(3%, 4%, 5%)") / 0.4)} +@use "sass:string"; +a {b: hsl(1 2% string.unquote("clamp(3%, 4%, 5%)") / 0.4)} <===> clamp/string/arg_3/output.css a { @@ -269,7 +284,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_4/input.scss -a {b: hsl(1 2% 3% / unquote("clamp(0.4, 0.5, 0.6)"))} +@use "sass:string"; +a {b: hsl(1 2% 3% / string.unquote("clamp(0.4, 0.5, 0.6)"))} <===> clamp/string/arg_4/output.css a { diff --git a/spec/core_functions/color/hsl/one_arg/special_functions/no_alpha.hrx b/spec/core_functions/color/hsl/one_arg/special_functions/no_alpha.hrx index 0896c85fe..6812310ae 100644 --- a/spec/core_functions/color/hsl/one_arg/special_functions/no_alpha.hrx +++ b/spec/core_functions/color/hsl/one_arg/special_functions/no_alpha.hrx @@ -1,5 +1,6 @@ <===> calc/string/arg_1/input.scss -a {b: hsl(unquote("calc(1)") 2% 3%)} +@use "sass:string"; +a {b: hsl(string.unquote("calc(1)") 2% 3%)} <===> calc/string/arg_1/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> calc/string/arg_2/input.scss -a {b: hsl(1 unquote("calc(2%)") 3%)} +@use "sass:string"; +a {b: hsl(1 string.unquote("calc(2%)") 3%)} <===> calc/string/arg_2/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> calc/string/arg_3/input.scss -a {b: hsl(1 2% unquote("calc(3%)"))} +@use "sass:string"; +a {b: hsl(1 2% string.unquote("calc(3%)"))} <===> calc/string/arg_3/output.css a { @@ -119,7 +122,8 @@ a { <===> ================================================================================ <===> min/string/arg_1/input.scss -a {b: hsl(unquote("min(1)") 2% 3%)} +@use "sass:string"; +a {b: hsl(string.unquote("min(1)") 2% 3%)} <===> min/string/arg_1/output.css a { @@ -129,7 +133,8 @@ a { <===> ================================================================================ <===> min/string/arg_2/input.scss -a {b: hsl(1 unquote("min(2%)") 3%)} +@use "sass:string"; +a {b: hsl(1 string.unquote("min(2%)") 3%)} <===> min/string/arg_2/output.css a { @@ -139,7 +144,8 @@ a { <===> ================================================================================ <===> min/string/arg_3/input.scss -a {b: hsl(1 2% unquote("min(3%)"))} +@use "sass:string"; +a {b: hsl(1 2% string.unquote("min(3%)"))} <===> min/string/arg_3/output.css a { @@ -149,7 +155,8 @@ a { <===> ================================================================================ <===> max/string/arg_1/input.scss -a {b: hsl(unquote("max(1)") 2% 3%)} +@use "sass:string"; +a {b: hsl(string.unquote("max(1)") 2% 3%)} <===> max/string/arg_1/output.css a { @@ -159,7 +166,8 @@ a { <===> ================================================================================ <===> max/string/arg_2/input.scss -a {b: hsl(1 unquote("max(2%)") 3%)} +@use "sass:string"; +a {b: hsl(1 string.unquote("max(2%)") 3%)} <===> max/string/arg_2/output.css a { @@ -169,7 +177,8 @@ a { <===> ================================================================================ <===> max/string/arg_3/input.scss -a {b: hsl(1 2% unquote("max(3%)"))} +@use "sass:string"; +a {b: hsl(1 2% string.unquote("max(3%)"))} <===> max/string/arg_3/output.css a { @@ -179,7 +188,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_1/input.scss -a {b: hsl(unquote("clamp(1, 2, 3)") 2% 3%)} +@use "sass:string"; +a {b: hsl(string.unquote("clamp(1, 2, 3)") 2% 3%)} <===> clamp/string/arg_1/output.css a { @@ -189,7 +199,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_2/input.scss -a {b: hsl(1 unquote("clamp(2%, 3%, 4%)") 3%)} +@use "sass:string"; +a {b: hsl(1 string.unquote("clamp(2%, 3%, 4%)") 3%)} <===> clamp/string/arg_2/output.css a { @@ -199,7 +210,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_3/input.scss -a {b: hsl(1 2% unquote("clamp(3%, 4%, 5%)"))} +@use "sass:string"; +a {b: hsl(1 2% string.unquote("clamp(3%, 4%, 5%)"))} <===> clamp/string/arg_3/output.css a { diff --git a/spec/core_functions/color/hsl/three_args/special_functions.hrx b/spec/core_functions/color/hsl/three_args/special_functions.hrx index fa0797972..9fc64f1be 100644 --- a/spec/core_functions/color/hsl/three_args/special_functions.hrx +++ b/spec/core_functions/color/hsl/three_args/special_functions.hrx @@ -1,5 +1,6 @@ <===> calc/string/arg_1/input.scss -a {b: hsl(unquote("calc(1)"), 2%, 3%)} +@use "sass:string"; +a {b: hsl(string.unquote("calc(1)"), 2%, 3%)} <===> calc/string/arg_1/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> calc/string/arg_2/input.scss -a {b: hsl(1, unquote("calc(2%)"), 3%)} +@use "sass:string"; +a {b: hsl(1, string.unquote("calc(2%)"), 3%)} <===> calc/string/arg_2/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> calc/string/arg_3/input.scss -a {b: hsl(1, 2%, unquote("calc(3%)"))} +@use "sass:string"; +a {b: hsl(1, 2%, string.unquote("calc(3%)"))} <===> calc/string/arg_3/output.css a { @@ -119,7 +122,8 @@ a { <===> ================================================================================ <===> min/string/arg_1/input.scss -a {b: hsl(unquote("min(1)"), 2%, 3%)} +@use "sass:string"; +a {b: hsl(string.unquote("min(1)"), 2%, 3%)} <===> min/string/arg_1/output.css a { @@ -129,7 +133,8 @@ a { <===> ================================================================================ <===> min/string/arg_2/input.scss -a {b: hsl(1, unquote("min(2%)"), 3%)} +@use "sass:string"; +a {b: hsl(1, string.unquote("min(2%)"), 3%)} <===> min/string/arg_2/output.css a { @@ -139,7 +144,8 @@ a { <===> ================================================================================ <===> min/string/arg_3/input.scss -a {b: hsl(1, 2%, unquote("min(3%)"))} +@use "sass:string"; +a {b: hsl(1, 2%, string.unquote("min(3%)"))} <===> min/string/arg_3/output.css a { @@ -149,7 +155,8 @@ a { <===> ================================================================================ <===> max/string/arg_1/input.scss -a {b: hsl(unquote("max(1)"), 2%, 3%)} +@use "sass:string"; +a {b: hsl(string.unquote("max(1)"), 2%, 3%)} <===> max/string/arg_1/output.css a { @@ -159,7 +166,8 @@ a { <===> ================================================================================ <===> max/string/arg_2/input.scss -a {b: hsl(1, unquote("max(2%)"), 3%)} +@use "sass:string"; +a {b: hsl(1, string.unquote("max(2%)"), 3%)} <===> max/string/arg_2/output.css a { @@ -169,7 +177,8 @@ a { <===> ================================================================================ <===> max/string/arg_3/input.scss -a {b: hsl(1, 2%, unquote("max(3%)"))} +@use "sass:string"; +a {b: hsl(1, 2%, string.unquote("max(3%)"))} <===> max/string/arg_3/output.css a { @@ -179,7 +188,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_1/input.scss -a {b: hsl(unquote("clamp(1, 2, 3)"), 2%, 3%)} +@use "sass:string"; +a {b: hsl(string.unquote("clamp(1, 2, 3)"), 2%, 3%)} <===> clamp/string/arg_1/output.css a { @@ -189,7 +199,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_2/input.scss -a {b: hsl(1, unquote("clamp(2%, 3%, 4%)"), 3%)} +@use "sass:string"; +a {b: hsl(1, string.unquote("clamp(2%, 3%, 4%)"), 3%)} <===> clamp/string/arg_2/output.css a { @@ -199,7 +210,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_3/input.scss -a {b: hsl(1, 2%, unquote("clamp(3%, 4%, 5%)"))} +@use "sass:string"; +a {b: hsl(1, 2%, string.unquote("clamp(3%, 4%, 5%)"))} <===> clamp/string/arg_3/output.css a { diff --git a/spec/core_functions/color/hue.hrx b/spec/core_functions/color/hue.hrx index 5af21dd5e..ba5367a57 100644 --- a/spec/core_functions/color/hue.hrx +++ b/spec/core_functions/color/hue.hrx @@ -1,5 +1,6 @@ <===> max/input.scss -a {b: hue(hsl(359, 50%, 50%))} +@use "sass:color"; +a {b: color.hue(hsl(359, 50%, 50%))} <===> max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> above_max/input.scss -a {b: hue(hsl(540, 50%, 50%))} +@use "sass:color"; +a {b: color.hue(hsl(540, 50%, 50%))} <===> above_max/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> min/input.scss -a {b: hue(hsl(0, 50%, 50%))} +@use "sass:color"; +a {b: color.hue(hsl(0, 50%, 50%))} <===> min/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> negative/input.scss -a {b: hue(hsl(-180, 50%, 50%))} +@use "sass:color"; +a {b: color.hue(hsl(-180, 50%, 50%))} <===> negative/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> middle/input.scss -a {b: hue(hsl(123, 50%, 50%))} +@use "sass:color"; +a {b: color.hue(hsl(123, 50%, 50%))} <===> middle/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> fraction/input.scss -a {b: hue(hsl(0.5, 50%, 50%))} +@use "sass:color"; +a {b: color.hue(hsl(0.5, 50%, 50%))} <===> fraction/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: hue($color: hsl(234, 50%, 50%))} +@use "sass:color"; +a {b: color.hue($color: hsl(234, 50%, 50%))} <===> named/output.css a { @@ -69,46 +76,49 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: hue()} +@use "sass:color"; +a {b: color.hue()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: hue()} - | ^^^^^ invocation +2 | a {b: color.hue()} + | ^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function hue($color) { | =========== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: hue(red, green)} +@use "sass:color"; +a {b: color.hue(red, green)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: hue(red, green)} - | ^^^^^^^^^^^^^^^ invocation +2 | a {b: color.hue(red, green)} + | ^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function hue($color) { | =========== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: hue(1)} +@use "sass:color"; +a {b: color.hue(1)} <===> error/type/error Error: $color: 1 is not a color. , -1 | a {b: hue(1)} - | ^^^^^^ +2 | a {b: color.hue(1)} + | ^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/ie_hex_str.hrx b/spec/core_functions/color/ie_hex_str.hrx index 5b6f74ca2..8a1da05f8 100644 --- a/spec/core_functions/color/ie_hex_str.hrx +++ b/spec/core_functions/color/ie_hex_str.hrx @@ -1,5 +1,6 @@ <===> opaque/input.scss -a {b: ie-hex-str(#daddee)} +@use "sass:color"; +a {b: color.ie-hex-str(#daddee)} <===> opaque/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> translucent/input.scss -a {b: ie-hex-str(rgba(#daddee, 0.3))} +@use "sass:color"; +a {b: color.ie-hex-str(rgba(#daddee, 0.3))} <===> translucent/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> transparent/input.scss -a {b: ie-hex-str(rgba(turquoise, 0))} +@use "sass:color"; +a {b: color.ie-hex-str(rgba(turquoise, 0))} <===> transparent/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> leading_zero/input.scss -a {b: ie-hex-str(rgba(#020304, 0.003))} +@use "sass:color"; +a {b: color.ie-hex-str(rgba(#020304, 0.003))} <===> leading_zero/output.css a { @@ -39,7 +43,9 @@ a { <===> ================================================================================ <===> type/input.scss -a {b: type-of(ie-hex-str(#daddee))} +@use "sass:color"; +@use "sass:meta"; +a {b: meta.type-of(color.ie-hex-str(#daddee))} <===> type/output.css a { @@ -49,7 +55,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: ie-hex-str($color: #daddee)} +@use "sass:color"; +a {b: color.ie-hex-str($color: #daddee)} <===> named/output.css a { @@ -59,46 +66,49 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: ie-hex-str()} +@use "sass:color"; +a {b: color.ie-hex-str()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: ie-hex-str()} - | ^^^^^^^^^^^^ invocation +2 | a {b: color.ie-hex-str()} + | ^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function ie-hex-str($color) { | ================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: ie-hex-str(red, blue)} +@use "sass:color"; +a {b: color.ie-hex-str(red, blue)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: ie-hex-str(red, blue)} - | ^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: color.ie-hex-str(red, blue)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function ie-hex-str($color) { | ================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: ie-hex-str(c)} +@use "sass:color"; +a {b: color.ie-hex-str(c)} <===> error/type/error Error: $color: c is not a color. , -1 | a {b: ie-hex-str(c)} - | ^^^^^^^^^^^^^ +2 | a {b: color.ie-hex-str(c)} + | ^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/invert.hrx b/spec/core_functions/color/invert.hrx index 512efa942..3b8bbf773 100644 --- a/spec/core_functions/color/invert.hrx +++ b/spec/core_functions/color/invert.hrx @@ -1,5 +1,6 @@ <===> white/input.scss -a {b: invert(white)} +@use "sass:color"; +a {b: color.invert(white)} <===> white/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> black/input.scss -a {b: invert(black)} +@use "sass:color"; +a {b: color.invert(black)} <===> black/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> gray/input.scss -a {b: invert(gray)} +@use "sass:color"; +a {b: color.invert(gray)} <===> gray/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> turquoise/input.scss -a {b: invert(turquoise)} +@use "sass:color"; +a {b: color.invert(turquoise)} <===> turquoise/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> weighted/min/input.scss -a {b: invert(turquoise, 0%)} +@use "sass:color"; +a {b: color.invert(turquoise, 0%)} <===> weighted/min/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> weighted/max/input.scss -a {b: invert(turquoise, 100%)} +@use "sass:color"; +a {b: color.invert(turquoise, 100%)} <===> weighted/max/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> weighted/middle/input.scss -a {b: invert(turquoise, 50%)} +@use "sass:color"; +a {b: color.invert(turquoise, 50%)} <===> weighted/middle/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> weighted/low/input.scss -a {b: invert(turquoise, 23%)} +@use "sass:color"; +a {b: color.invert(turquoise, 23%)} <===> weighted/low/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> weighted/high/input.scss -a {b: invert(turquoise, 92%)} +@use "sass:color"; +a {b: color.invert(turquoise, 92%)} <===> weighted/high/output.css a { @@ -89,27 +98,19 @@ a { <===> ================================================================================ <===> alpha/input.scss -a {b: invert(rgba(turquoise, 0.4))} +@use "sass:color"; +a {b: color.invert(rgba(turquoise, 0.4))} <===> alpha/output.css a { b: rgba(191, 31, 47, 0.4); } -<===> -================================================================================ -<===> number/input.scss -a {b: invert(10%)} - -<===> number/output.css -a { - b: invert(10%); -} - <===> ================================================================================ <===> named/input.scss -a {b: invert($color: turquoise, $weight: 0%)} +@use "sass:color"; +a {b: color.invert($color: turquoise, $weight: 0%)} <===> named/output.css a { @@ -119,7 +120,8 @@ a { <===> ================================================================================ <===> units/weight/unitless/input.scss -a {b: invert(turquoise, 10)} +@use "sass:color"; +a {b: color.invert(turquoise, 10)} <===> units/weight/unitless/output.css a { @@ -134,15 +136,16 @@ To preserve current behavior: $weight * 1% More info: https://sass-lang.com/d/function-units , -1 | a {b: invert(turquoise, 10)} - | ^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: color.invert(turquoise, 10)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> units/weight/unknown/input.scss -a {b: invert(turquoise, 10px)} +@use "sass:color"; +a {b: color.invert(turquoise, 10px)} <===> units/weight/unknown/output.css a { @@ -157,108 +160,105 @@ To preserve current behavior: calc($weight / 1px * 1%) More info: https://sass-lang.com/d/function-units , -1 | a {b: invert(turquoise, 10px)} - | ^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: color.invert(turquoise, 10px)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ -<===> with_css_var/input.scss -a {b: invert(var(--c))} +<===> css_overload/input.scss +@use "sass:color"; +a {b: color.invert(1)} -<===> with_css_var/output.css +<===> css_overload/output.css a { - b: invert(var(--c)); + b: invert(1); } -<===> -================================================================================ -<===> with_calc/input.scss -a {b: invert(calc(1 + 2))} +<===> css_overload/warning +DEPRECATION WARNING: Passing a number (1) to color.invert() is deprecated. -<===> with_calc/output.css -a { - b: invert(3); -} +Recommendation: invert(1) -<===> -================================================================================ -<===> with_unquoted_calc/input.scss -a {b: invert(unquote('calc(1)'))} + , +2 | a {b: color.invert(1)} + | ^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet -<===> with_unquoted_calc/output.css -a { - b: invert(calc(1)); -} <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: invert()} +@use "sass:color"; +a {b: color.invert()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: invert()} - | ^^^^^^^^ invocation +2 | a {b: color.invert()} + | ^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function invert($color, $weight: 100%) { | ============================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: invert(turquoise, 0%, 1)} +@use "sass:color"; +a {b: color.invert(turquoise, 0%, 1)} <===> error/too_many_args/error Error: Only 2 arguments allowed, but 3 were passed. ,--> input.scss -1 | a {b: invert(turquoise, 0%, 1)} - | ^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: color.invert(turquoise, 0%, 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function invert($color, $weight: 100%) { | ============================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/number_with_weight/input.scss -a {b: invert(1, 50%)} +@use "sass:color"; +a {b: color.invert(1, 50%)} <===> error/number_with_weight/error Error: Only one argument may be passed to the plain-CSS invert() function. , -1 | a {b: invert(1, 50%)} - | ^^^^^^^^^^^^^^ +2 | a {b: color.invert(1, 50%)} + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/color/input.scss -a {b: invert(c)} +@use "sass:color"; +a {b: color.invert(c)} <===> error/type/color/error Error: $color: c is not a color. , -1 | a {b: invert(c)} - | ^^^^^^^^^ +2 | a {b: color.invert(c)} + | ^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ -<===> error/type/with_module/input.scss +<===> error/type/css_variable/input.scss @use 'sass:color'; a {b: color.invert(var(--c))} -<===> error/type/with_module/error +<===> error/type/css_variable/error Error: $color: var(--c) is not a color. , 2 | a {b: color.invert(var(--c))} @@ -269,38 +269,41 @@ Error: $color: var(--c) is not a color. <===> ================================================================================ <===> error/type/weight/input.scss -a {b: invert(red, c)} +@use "sass:color"; +a {b: color.invert(red, c)} <===> error/type/weight/error Error: $weight: c is not a number. , -1 | a {b: invert(red, c)} - | ^^^^^^^^^^^^^^ +2 | a {b: color.invert(red, c)} + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/bounds/too_low/input.scss -a {b: invert(red, -0.001%)} +@use "sass:color"; +a {b: color.invert(red, -0.001%)} <===> error/bounds/too_low/error Error: $weight: Expected -0.001% to be within 0% and 100%. , -1 | a {b: invert(red, -0.001%)} - | ^^^^^^^^^^^^^^^^^^^^ +2 | a {b: color.invert(red, -0.001%)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/bounds/too_high/input.scss -a {b: invert(red, 100.001%)} +@use "sass:color"; +a {b: color.invert(red, 100.001%)} <===> error/bounds/too_high/error Error: $weight: Expected 100.001% to be within 0% and 100%. , -1 | a {b: invert(red, 100.001%)} - | ^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: color.invert(red, 100.001%)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/lighten.hrx b/spec/core_functions/color/lighten.hrx deleted file mode 100644 index 1154cd6c3..000000000 --- a/spec/core_functions/color/lighten.hrx +++ /dev/null @@ -1,153 +0,0 @@ -<===> max/input.scss -a {b: lighten(red, 100%)} - -<===> max/output.css -a { - b: white; -} - -<===> -================================================================================ -<===> max_remaining/input.scss -a {b: lighten(red, 50%)} - -<===> max_remaining/output.css -a { - b: white; -} - -<===> -================================================================================ -<===> min/input.scss -a {b: lighten(red, 0%)} - -<===> min/output.css -a { - b: red; -} - -<===> -================================================================================ -<===> middle/input.scss -a {b: lighten(red, 14%)} - -<===> middle/output.css -a { - b: #ff4747; -} - -<===> -================================================================================ -<===> fraction/input.scss -a {b: lighten(red, 0.5%)} - -<===> fraction/output.css -a { - b: #ff0303; -} - -<===> -================================================================================ -<===> alpha/input.scss -a {b: lighten(rgba(red, 0.4), 100%)} - -<===> alpha/output.css -a { - b: rgba(255, 255, 255, 0.4); -} - -<===> -================================================================================ -<===> named/input.scss -a {b: lighten($color: red, $amount: 14%)} - -<===> named/output.css -a { - b: #ff4747; -} - -<===> -================================================================================ -<===> error/too_few_args/input.scss -a {b: lighten(red)} - -<===> error/too_few_args/error -Error: Missing argument $amount. - ,--> input.scss -1 | a {b: lighten(red)} - | ^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function lighten($color, $amount) { - | ======================== declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/too_many_args/input.scss -a {b: lighten(red, 1%, 2)} - -<===> error/too_many_args/error -Error: Only 2 arguments allowed, but 3 were passed. - ,--> input.scss -1 | a {b: lighten(red, 1%, 2)} - | ^^^^^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function lighten($color, $amount) { - | ======================== declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/color/input.scss -a {b: lighten(1, 2)} - -<===> error/type/color/error -Error: $color: 1 is not a color. - , -1 | a {b: lighten(1, 2)} - | ^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/type/lightness/input.scss -a {b: lighten(red, blue)} - -<===> error/type/lightness/error -Error: $amount: blue is not a number. - , -1 | a {b: lighten(red, blue)} - | ^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_low/input.scss -a {b: lighten(red, -0.001)} - -<===> error/bounds/too_low/error -Error: $amount: Expected -0.001 to be within 0 and 100. - , -1 | a {b: lighten(red, -0.001)} - | ^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/bounds/too_high/input.scss -a {b: lighten(red, 100.001)} - -<===> error/bounds/too_high/error -Error: $amount: Expected 100.001 to be within 0 and 100. - , -1 | a {b: lighten(red, 100.001)} - | ^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet diff --git a/spec/core_functions/color/lightness.hrx b/spec/core_functions/color/lightness.hrx index 54f2a4eb5..a56f66e61 100644 --- a/spec/core_functions/color/lightness.hrx +++ b/spec/core_functions/color/lightness.hrx @@ -1,5 +1,6 @@ <===> max/input.scss -a {b: lightness(hsl(0, 100%, 100%))} +@use "sass:color"; +a {b: color.lightness(hsl(0, 100%, 100%))} <===> max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> min/input.scss -a {b: lightness(hsl(0, 100%, 0%))} +@use "sass:color"; +a {b: color.lightness(hsl(0, 100%, 0%))} <===> min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> middle/input.scss -a {b: lightness(hsl(0, 100%, 50%))} +@use "sass:color"; +a {b: color.lightness(hsl(0, 100%, 50%))} <===> middle/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> fraction/input.scss -a {b: lightness(hsl(0, 100%, 0.5%))} +@use "sass:color"; +a {b: color.lightness(hsl(0, 100%, 0.5%))} <===> fraction/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: lightness($color: hsl(0, 100%, 42%))} +@use "sass:color"; +a {b: color.lightness($color: hsl(0, 100%, 42%))} <===> named/output.css a { @@ -49,46 +54,49 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: lightness()} +@use "sass:color"; +a {b: color.lightness()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: lightness()} - | ^^^^^^^^^^^ invocation +2 | a {b: color.lightness()} + | ^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function lightness($color) { | ================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: lightness(red, green)} +@use "sass:color"; +a {b: color.lightness(red, green)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: lightness(red, green)} - | ^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: color.lightness(red, green)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function lightness($color) { | ================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: lightness(1)} +@use "sass:color"; +a {b: color.lightness(1)} <===> error/type/error Error: $color: 1 is not a color. , -1 | a {b: lightness(1)} - | ^^^^^^^^^^^^ +2 | a {b: color.lightness(1)} + | ^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/mix.hrx b/spec/core_functions/color/mix.hrx index d1a12a05a..d52ad609e 100644 --- a/spec/core_functions/color/mix.hrx +++ b/spec/core_functions/color/mix.hrx @@ -1,6 +1,7 @@ <===> unweighted/min_and_max/input.scss +@use "sass:color"; // Each channel becomes the average of 255 and 0, which is 128 = 0xAA. -a {b: mix(#ff00ff, #00ff00)} +a {b: color.mix(#ff00ff, #00ff00)} <===> unweighted/min_and_max/output.css a { @@ -10,8 +11,9 @@ a { <===> ================================================================================ <===> unweighted/identical/input.scss +@use "sass:color"; // If two channels have the same values, they should be the same in the output. -a {b: mix(#123456, #123456)} +a {b: color.mix(#123456, #123456)} <===> unweighted/identical/output.css a { @@ -21,8 +23,9 @@ a { <===> ================================================================================ <===> unweighted/average/input.scss +@use "sass:color"; // All channels should be averaged across the two colors. -a {b: mix(#91e16f, #0144bf)} +a {b: color.mix(#91e16f, #0144bf)} <===> unweighted/average/output.css a { @@ -32,7 +35,8 @@ a { <===> ================================================================================ <===> explicit_weight/even/input.scss -a {b: mix(#91e16f, #0144bf, 50%)} +@use "sass:color"; +a {b: color.mix(#91e16f, #0144bf, 50%)} <===> explicit_weight/even/output.css a { @@ -42,7 +46,8 @@ a { <===> ================================================================================ <===> explicit_weight/first/input.scss -a {b: mix(#91e16f, #0144bf, 100%)} +@use "sass:color"; +a {b: color.mix(#91e16f, #0144bf, 100%)} <===> explicit_weight/first/output.css a { @@ -52,7 +57,8 @@ a { <===> ================================================================================ <===> explicit_weight/last/input.scss -a {b: mix(#91e16f, #0144bf, 0%)} +@use "sass:color"; +a {b: color.mix(#91e16f, #0144bf, 0%)} <===> explicit_weight/last/output.css a { @@ -62,7 +68,8 @@ a { <===> ================================================================================ <===> explicit_weight/firstwards/input.scss -a {b: mix(#91e16f, #0144bf, 92%)} +@use "sass:color"; +a {b: color.mix(#91e16f, #0144bf, 92%)} <===> explicit_weight/firstwards/output.css a { @@ -72,7 +79,8 @@ a { <===> ================================================================================ <===> explicit_weight/lastwards/input.scss -a {b: mix(#91e16f, #0144bf, 43%)} +@use "sass:color"; +a {b: color.mix(#91e16f, #0144bf, 43%)} <===> explicit_weight/lastwards/output.css a { @@ -82,7 +90,8 @@ a { <===> ================================================================================ <===> alpha/even/input.scss -a {b: mix(rgba(#91e16f, 0.3), rgba(#0144bf, 0.3))} +@use "sass:color"; +a {b: color.mix(rgba(#91e16f, 0.3), rgba(#0144bf, 0.3))} <===> alpha/even/output.css a { @@ -92,7 +101,8 @@ a { <===> ================================================================================ <===> alpha/first/input.scss -a {b: mix(#91e16f, transparent)} +@use "sass:color"; +a {b: color.mix(#91e16f, transparent)} <===> alpha/first/output.css a { @@ -102,7 +112,8 @@ a { <===> ================================================================================ <===> alpha/last/input.scss -a {b: mix(transparent, #0144bf)} +@use "sass:color"; +a {b: color.mix(transparent, #0144bf)} <===> alpha/last/output.css a { @@ -112,7 +123,8 @@ a { <===> ================================================================================ <===> alpha/firstwards/input.scss -a {b: mix(rgba(#91e16f, 0.8), rgba(#0144bf, 0.3))} +@use "sass:color"; +a {b: color.mix(rgba(#91e16f, 0.8), rgba(#0144bf, 0.3))} <===> alpha/firstwards/output.css a { @@ -122,7 +134,8 @@ a { <===> ================================================================================ <===> alpha/lastwards/input.scss -a {b: mix(rgba(#91e16f, 0.4), rgba(#0144bf, 0.9))} +@use "sass:color"; +a {b: color.mix(rgba(#91e16f, 0.4), rgba(#0144bf, 0.9))} <===> alpha/lastwards/output.css a { @@ -132,7 +145,8 @@ a { <===> ================================================================================ <===> both_weights/transparent/first/input.scss -a {b: mix(transparent, #0144bf, 70%)} +@use "sass:color"; +a {b: color.mix(transparent, #0144bf, 70%)} <===> both_weights/transparent/first/output.css a { @@ -142,7 +156,8 @@ a { <===> ================================================================================ <===> both_weights/transparent/last/input.scss -a {b: mix(#91e16f, transparent, 70%)} +@use "sass:color"; +a {b: color.mix(#91e16f, transparent, 70%)} <===> both_weights/transparent/last/output.css a { @@ -152,7 +167,8 @@ a { <===> ================================================================================ <===> both_weights/weighted/first/input.scss -a {b: mix(rgba(#91e16f, 0.2), rgba(#0144bf, 0.7), 100%)} +@use "sass:color"; +a {b: color.mix(rgba(#91e16f, 0.2), rgba(#0144bf, 0.7), 100%)} <===> both_weights/weighted/first/output.css a { @@ -162,7 +178,8 @@ a { <===> ================================================================================ <===> both_weights/weighted/last/input.scss -a {b: mix(rgba(#91e16f, 0.2), rgba(#0144bf, 0.7), 0%)} +@use "sass:color"; +a {b: color.mix(rgba(#91e16f, 0.2), rgba(#0144bf, 0.7), 0%)} <===> both_weights/weighted/last/output.css a { @@ -172,7 +189,8 @@ a { <===> ================================================================================ <===> both_weights/mixed/firstwards/input.scss -a {b: mix(rgba(#91e16f, 0.8), rgba(#0144bf, 0.3), 63%)} +@use "sass:color"; +a {b: color.mix(rgba(#91e16f, 0.8), rgba(#0144bf, 0.3), 63%)} <===> both_weights/mixed/firstwards/output.css a { @@ -182,7 +200,8 @@ a { <===> ================================================================================ <===> both_weights/mixed/lastwards/input.scss -a {b: mix(rgba(#91e16f, 0.2), rgba(#0144bf, 0.7), 42%)} +@use "sass:color"; +a {b: color.mix(rgba(#91e16f, 0.2), rgba(#0144bf, 0.7), 42%)} <===> both_weights/mixed/lastwards/output.css a { @@ -192,10 +211,11 @@ a { <===> ================================================================================ <===> both_weights/contradiction/input.scss +@use "sass:color"; // When we weight entirely towards a transparent color, the formula for // computing the combined alpha would divide by zero, so we just return // transparent as a special case. -a {b: mix(transparent, #0144bf, 100%)} +a {b: color.mix(transparent, #0144bf, 100%)} <===> both_weights/contradiction/output.css a { @@ -205,7 +225,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: mix($color1: #91e16f, $color2: #0144bf, $weight: 92%)} +@use "sass:color"; +a {b: color.mix($color1: #91e16f, $color2: #0144bf, $weight: 92%)} <===> named/output.css a { @@ -215,7 +236,8 @@ a { <===> ================================================================================ <===> units/weight/unitless/input.scss -a {b: mix(#91e16f, #0144bf, 50)} +@use "sass:color"; +a {b: color.mix(#91e16f, #0144bf, 50)} <===> units/weight/unitless/output.css a { @@ -230,15 +252,16 @@ To preserve current behavior: $weight * 1% More info: https://sass-lang.com/d/function-units , -1 | a {b: mix(#91e16f, #0144bf, 50)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: color.mix(#91e16f, #0144bf, 50)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> units/weight/unknown/input.scss -a {b: mix(#91e16f, #0144bf, 50px)} +@use "sass:color"; +a {b: color.mix(#91e16f, #0144bf, 50px)} <===> units/weight/unknown/output.css a { @@ -253,106 +276,113 @@ To preserve current behavior: calc($weight / 1px * 1%) More info: https://sass-lang.com/d/function-units , -1 | a {b: mix(#91e16f, #0144bf, 50px)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: color.mix(#91e16f, #0144bf, 50px)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: mix(red, blue, 100, 1)} +@use "sass:color"; +a {b: color.mix(red, blue, 100, 1)} <===> error/too_many_args/error Error: Only 3 arguments allowed, but 4 were passed. ,--> input.scss -1 | a {b: mix(red, blue, 100, 1)} - | ^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: color.mix(red, blue, 100, 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function mix($color1, $color2, $weight: 50%) { | =================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: mix(red)} +@use "sass:color"; +a {b: color.mix(red)} <===> error/too_few_args/error Error: Missing argument $color2. ,--> input.scss -1 | a {b: mix(red)} - | ^^^^^^^^ invocation +2 | a {b: color.mix(red)} + | ^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function mix($color1, $color2, $weight: 50%) { | =================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/color1/input.scss -a {b: mix(1, blue)} +@use "sass:color"; +a {b: color.mix(1, blue)} <===> error/type/color1/error Error: $color1: 1 is not a color. , -1 | a {b: mix(1, blue)} - | ^^^^^^^^^^^^ +2 | a {b: color.mix(1, blue)} + | ^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/color2/input.scss -a {b: mix(red, 1)} +@use "sass:color"; +a {b: color.mix(red, 1)} <===> error/type/color2/error Error: $color2: 1 is not a color. , -1 | a {b: mix(red, 1)} - | ^^^^^^^^^^^ +2 | a {b: color.mix(red, 1)} + | ^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/weight/input.scss -a {b: mix(red, blue, green)} +@use "sass:color"; +a {b: color.mix(red, blue, green)} <===> error/type/weight/error Error: $weight: green is not a number. , -1 | a {b: mix(red, blue, green)} - | ^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: color.mix(red, blue, green)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/bounds/too_low/input.scss -a {b: mix(red, blue, -0.001%)} +@use "sass:color"; +a {b: color.mix(red, blue, -0.001%)} <===> error/bounds/too_low/error Error: $weight: Expected -0.001% to be within 0% and 100%. , -1 | a {b: mix(red, blue, -0.001%)} - | ^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: color.mix(red, blue, -0.001%)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/bounds/too_high/input.scss -a {b: mix(red, blue, 100.001%)} +@use "sass:color"; +a {b: color.mix(red, blue, 100.001%)} <===> error/bounds/too_high/error Error: $weight: Expected 100.001% to be within 0% and 100%. , -1 | a {b: mix(red, blue, 100.001%)} - | ^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: color.mix(red, blue, 100.001%)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/red.hrx b/spec/core_functions/color/red.hrx index a4c7be443..21ac8a4d0 100644 --- a/spec/core_functions/color/red.hrx +++ b/spec/core_functions/color/red.hrx @@ -1,5 +1,6 @@ <===> max/input.scss -a {b: red(rgb(255, 0, 0))} +@use "sass:color"; +a {b: color.red(rgb(255, 0, 0))} <===> max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> min/input.scss -a {b: red(rgb(0, 0, 0))} +@use "sass:color"; +a {b: color.red(rgb(0, 0, 0))} <===> min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> middle/input.scss -a {b: red(rgb(123, 0, 0))} +@use "sass:color"; +a {b: color.red(rgb(123, 0, 0))} <===> middle/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: red($color: rgb(234, 0, 0))} +@use "sass:color"; +a {b: color.red($color: rgb(234, 0, 0))} <===> named/output.css a { @@ -39,46 +43,49 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: red()} +@use "sass:color"; +a {b: color.red()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: red()} - | ^^^^^ invocation +2 | a {b: color.red()} + | ^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function red($color) { | =========== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: red(red, green)} +@use "sass:color"; +a {b: color.red(red, green)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: red(red, green)} - | ^^^^^^^^^^^^^^^ invocation +2 | a {b: color.red(red, green)} + | ^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function red($color) { | =========== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: red(1)} +@use "sass:color"; +a {b: color.red(1)} <===> error/type/error Error: $color: 1 is not a color. , -1 | a {b: red(1)} - | ^^^^^^ +2 | a {b: color.red(1)} + | ^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/rgb/error/one_arg.hrx b/spec/core_functions/color/rgb/error/one_arg.hrx index 02053c6e3..f257795f6 100644 --- a/spec/core_functions/color/rgb/error/one_arg.hrx +++ b/spec/core_functions/color/rgb/error/one_arg.hrx @@ -149,15 +149,16 @@ Error: $blue: "var(--foo) / 0.4" is not a number. <===> ================================================================================ <===> slash_list/too_few_elements/input.scss -a {b: rgb(append((), 1 2 3, $separator: slash))} +@use "sass:list"; +a {b: rgb(list.append((), 1 2 3, $separator: slash))} <===> slash_list/too_few_elements/error Error: Only 2 slash-separated elements allowed, but 1 was passed. , -1 | a {b: rgb(append((), 1 2 3, $separator: slash))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: rgb(list.append((), 1 2 3, $separator: slash))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ diff --git a/spec/core_functions/color/rgb/four_args/special_functions.hrx b/spec/core_functions/color/rgb/four_args/special_functions.hrx index e472d64b5..96ff01f4c 100644 --- a/spec/core_functions/color/rgb/four_args/special_functions.hrx +++ b/spec/core_functions/color/rgb/four_args/special_functions.hrx @@ -5,7 +5,8 @@ <===> ================================================================================ <===> calc/string/arg_1/input.scss -a {b: rgb(unquote("calc(1)"), 2, 3, 0.4)} +@use "sass:string"; +a {b: rgb(string.unquote("calc(1)"), 2, 3, 0.4)} <===> calc/string/arg_1/output.css a { @@ -15,7 +16,8 @@ a { <===> ================================================================================ <===> calc/string/arg_2/input.scss -a {b: rgb(1, unquote("calc(2)"), 3, 0.4)} +@use "sass:string"; +a {b: rgb(1, string.unquote("calc(2)"), 3, 0.4)} <===> calc/string/arg_2/output.css a { @@ -25,7 +27,8 @@ a { <===> ================================================================================ <===> calc/string/arg_3/input.scss -a {b: rgb(1, 2, unquote("calc(3)"), 0.4)} +@use "sass:string"; +a {b: rgb(1, 2, string.unquote("calc(3)"), 0.4)} <===> calc/string/arg_3/output.css a { @@ -35,7 +38,8 @@ a { <===> ================================================================================ <===> calc/string/arg_4/input.scss -a {b: rgb(1, 2, 3, unquote("calc(0.4)"))} +@use "sass:string"; +a {b: rgb(1, 2, 3, string.unquote("calc(0.4)"))} <===> calc/string/arg_4/output.css a { @@ -165,7 +169,8 @@ a { <===> ================================================================================ <===> min/string/arg_1/input.scss -a {b: rgb(unquote("min(1)"), 2, 3, 0.4)} +@use "sass:string"; +a {b: rgb(string.unquote("min(1)"), 2, 3, 0.4)} <===> min/string/arg_1/output.css a { @@ -175,7 +180,8 @@ a { <===> ================================================================================ <===> min/string/arg_2/input.scss -a {b: rgb(1, unquote("min(2)"), 3, 0.4)} +@use "sass:string"; +a {b: rgb(1, string.unquote("min(2)"), 3, 0.4)} <===> min/string/arg_2/output.css a { @@ -185,7 +191,8 @@ a { <===> ================================================================================ <===> min/string/arg_3/input.scss -a {b: rgb(1, 2, unquote("min(3)"), 0.4)} +@use "sass:string"; +a {b: rgb(1, 2, string.unquote("min(3)"), 0.4)} <===> min/string/arg_3/output.css a { @@ -195,7 +202,8 @@ a { <===> ================================================================================ <===> min/string/arg_4/input.scss -a {b: rgb(1, 2, 3, unquote("min(0.4)"))} +@use "sass:string"; +a {b: rgb(1, 2, 3, string.unquote("min(0.4)"))} <===> min/string/arg_4/output.css a { @@ -205,7 +213,8 @@ a { <===> ================================================================================ <===> max/string/arg_1/input.scss -a {b: rgb(unquote("max(1)"), 2, 3, 0.4)} +@use "sass:string"; +a {b: rgb(string.unquote("max(1)"), 2, 3, 0.4)} <===> max/string/arg_1/output.css a { @@ -215,7 +224,8 @@ a { <===> ================================================================================ <===> max/string/arg_2/input.scss -a {b: rgb(1, unquote("max(2)"), 3, 0.4)} +@use "sass:string"; +a {b: rgb(1, string.unquote("max(2)"), 3, 0.4)} <===> max/string/arg_2/output.css a { @@ -225,7 +235,8 @@ a { <===> ================================================================================ <===> max/string/arg_3/input.scss -a {b: rgb(1, 2, unquote("max(3)"), 0.4)} +@use "sass:string"; +a {b: rgb(1, 2, string.unquote("max(3)"), 0.4)} <===> max/string/arg_3/output.css a { @@ -235,7 +246,8 @@ a { <===> ================================================================================ <===> max/string/arg_4/input.scss -a {b: rgb(1, 2, 3, unquote("max(0.4)"))} +@use "sass:string"; +a {b: rgb(1, 2, 3, string.unquote("max(0.4)"))} <===> max/string/arg_4/output.css a { @@ -245,7 +257,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_1/input.scss -a {b: rgb(unquote("clamp(1, 2, 3)"), 2, 3, 0.4)} +@use "sass:string"; +a {b: rgb(string.unquote("clamp(1, 2, 3)"), 2, 3, 0.4)} <===> clamp/string/arg_1/output.css a { @@ -255,7 +268,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_2/input.scss -a {b: rgb(1, unquote("clamp(2, 3, 4)"), 3, 0.4)} +@use "sass:string"; +a {b: rgb(1, string.unquote("clamp(2, 3, 4)"), 3, 0.4)} <===> clamp/string/arg_2/output.css a { @@ -265,7 +279,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_3/input.scss -a {b: rgb(1, 2, unquote("clamp(3, 4, 5)"), 0.4)} +@use "sass:string"; +a {b: rgb(1, 2, string.unquote("clamp(3, 4, 5)"), 0.4)} <===> clamp/string/arg_3/output.css a { @@ -275,7 +290,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_4/input.scss -a {b: rgb(1, 2, 3, unquote("clamp(0.4, 0.5, 0.6)"))} +@use "sass:string"; +a {b: rgb(1, 2, 3, string.unquote("clamp(0.4, 0.5, 0.6)"))} <===> clamp/string/arg_4/output.css a { diff --git a/spec/core_functions/color/rgb/one_arg/special_functions/alpha.hrx b/spec/core_functions/color/rgb/one_arg/special_functions/alpha.hrx index e9f757648..562496701 100644 --- a/spec/core_functions/color/rgb/one_arg/special_functions/alpha.hrx +++ b/spec/core_functions/color/rgb/one_arg/special_functions/alpha.hrx @@ -1,5 +1,6 @@ <===> calc/string/arg_1/input.scss -a {b: rgb(unquote("calc(1)") 2 3 / 0.4)} +@use "sass:string"; +a {b: rgb(string.unquote("calc(1)") 2 3 / 0.4)} <===> calc/string/arg_1/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> calc/string/arg_2/input.scss -a {b: rgb(1 unquote("calc(2)") 3 / 0.4)} +@use "sass:string"; +a {b: rgb(1 string.unquote("calc(2)") 3 / 0.4)} <===> calc/string/arg_2/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> calc/string/arg_3/input.scss -a {b: rgb(1 2 unquote("calc(3)") / 0.4)} +@use "sass:string"; +a {b: rgb(1 2 string.unquote("calc(3)") / 0.4)} <===> calc/string/arg_3/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> calc/string/arg_4/input.scss -a {b: rgb(1 2 3 / unquote("calc(0.4)"))} +@use "sass:string"; +a {b: rgb(1 2 3 / string.unquote("calc(0.4)"))} <===> calc/string/arg_4/output.css a { @@ -159,7 +163,8 @@ a { <===> ================================================================================ <===> min/string/arg_1/input.scss -a {b: rgb(unquote("min(1)") 2 3 / 0.4)} +@use "sass:string"; +a {b: rgb(string.unquote("min(1)") 2 3 / 0.4)} <===> min/string/arg_1/output.css a { @@ -169,7 +174,8 @@ a { <===> ================================================================================ <===> min/string/arg_2/input.scss -a {b: rgb(1 unquote("min(2)") 3 / 0.4)} +@use "sass:string"; +a {b: rgb(1 string.unquote("min(2)") 3 / 0.4)} <===> min/string/arg_2/output.css a { @@ -179,7 +185,8 @@ a { <===> ================================================================================ <===> min/string/arg_3/input.scss -a {b: rgb(1 2 unquote("min(3)") / 0.4)} +@use "sass:string"; +a {b: rgb(1 2 string.unquote("min(3)") / 0.4)} <===> min/string/arg_3/output.css a { @@ -189,7 +196,8 @@ a { <===> ================================================================================ <===> min/string/arg_4/input.scss -a {b: rgb(1 2 3 / unquote("min(0.4)"))} +@use "sass:string"; +a {b: rgb(1 2 3 / string.unquote("min(0.4)"))} <===> min/string/arg_4/output.css a { @@ -199,7 +207,8 @@ a { <===> ================================================================================ <===> max/string/arg_1/input.scss -a {b: rgb(unquote("max(1)") 2 3 / 0.4)} +@use "sass:string"; +a {b: rgb(string.unquote("max(1)") 2 3 / 0.4)} <===> max/string/arg_1/output.css a { @@ -209,7 +218,8 @@ a { <===> ================================================================================ <===> max/string/arg_2/input.scss -a {b: rgb(1 unquote("max(2)") 3 / 0.4)} +@use "sass:string"; +a {b: rgb(1 string.unquote("max(2)") 3 / 0.4)} <===> max/string/arg_2/output.css a { @@ -219,7 +229,8 @@ a { <===> ================================================================================ <===> max/string/arg_3/input.scss -a {b: rgb(1 2 unquote("max(3)") / 0.4)} +@use "sass:string"; +a {b: rgb(1 2 string.unquote("max(3)") / 0.4)} <===> max/string/arg_3/output.css a { @@ -229,7 +240,8 @@ a { <===> ================================================================================ <===> max/string/arg_4/input.scss -a {b: rgb(1 2 3 / unquote("max(0.4)"))} +@use "sass:string"; +a {b: rgb(1 2 3 / string.unquote("max(0.4)"))} <===> max/string/arg_4/output.css a { @@ -239,7 +251,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_1/input.scss -a {b: rgb(unquote("clamp(1, 2, 3)") 2 3 / 0.4)} +@use "sass:string"; +a {b: rgb(string.unquote("clamp(1, 2, 3)") 2 3 / 0.4)} <===> clamp/string/arg_1/output.css a { @@ -249,7 +262,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_2/input.scss -a {b: rgb(1 unquote("clamp(2, 3, 4)") 3 / 0.4)} +@use "sass:string"; +a {b: rgb(1 string.unquote("clamp(2, 3, 4)") 3 / 0.4)} <===> clamp/string/arg_2/output.css a { @@ -259,7 +273,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_3/input.scss -a {b: rgb(1 2 unquote("clamp(3, 4, 5)") / 0.4)} +@use "sass:string"; +a {b: rgb(1 2 string.unquote("clamp(3, 4, 5)") / 0.4)} <===> clamp/string/arg_3/output.css a { @@ -269,7 +284,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_4/input.scss -a {b: rgb(1 2 3 / unquote("clamp(0.4, 0.5, 0.6)"))} +@use "sass:string"; +a {b: rgb(1 2 3 / string.unquote("clamp(0.4, 0.5, 0.6)"))} <===> clamp/string/arg_4/output.css a { diff --git a/spec/core_functions/color/rgb/one_arg/special_functions/no_alpha.hrx b/spec/core_functions/color/rgb/one_arg/special_functions/no_alpha.hrx index 3b368eb73..8e63f9237 100644 --- a/spec/core_functions/color/rgb/one_arg/special_functions/no_alpha.hrx +++ b/spec/core_functions/color/rgb/one_arg/special_functions/no_alpha.hrx @@ -1,5 +1,6 @@ <===> calc/string/arg_1/input.scss -a {b: rgb(unquote("calc(1)") 2 3)} +@use "sass:string"; +a {b: rgb(string.unquote("calc(1)") 2 3)} <===> calc/string/arg_1/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> calc/string/arg_2/input.scss -a {b: rgb(1 unquote("calc(2)") 3)} +@use "sass:string"; +a {b: rgb(1 string.unquote("calc(2)") 3)} <===> calc/string/arg_2/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> calc/string/arg_3/input.scss -a {b: rgb(1 2 unquote("calc(3)"))} +@use "sass:string"; +a {b: rgb(1 2 string.unquote("calc(3)"))} <===> calc/string/arg_3/output.css a { @@ -119,7 +122,8 @@ a { <===> ================================================================================ <===> min/string/arg_1/input.scss -a {b: rgb(unquote("min(1)") 2 3)} +@use "sass:string"; +a {b: rgb(string.unquote("min(1)") 2 3)} <===> min/string/arg_1/output.css a { @@ -129,7 +133,8 @@ a { <===> ================================================================================ <===> min/string/arg_2/input.scss -a {b: rgb(1 unquote("min(2)") 3)} +@use "sass:string"; +a {b: rgb(1 string.unquote("min(2)") 3)} <===> min/string/arg_2/output.css a { @@ -139,7 +144,8 @@ a { <===> ================================================================================ <===> min/string/arg_3/input.scss -a {b: rgb(1 2 unquote("min(3)"))} +@use "sass:string"; +a {b: rgb(1 2 string.unquote("min(3)"))} <===> min/string/arg_3/output.css a { @@ -149,7 +155,8 @@ a { <===> ================================================================================ <===> max/string/arg_1/input.scss -a {b: rgb(unquote("max(1)") 2 3)} +@use "sass:string"; +a {b: rgb(string.unquote("max(1)") 2 3)} <===> max/string/arg_1/output.css a { @@ -159,7 +166,8 @@ a { <===> ================================================================================ <===> max/string/arg_2/input.scss -a {b: rgb(1 unquote("max(2)") 3)} +@use "sass:string"; +a {b: rgb(1 string.unquote("max(2)") 3)} <===> max/string/arg_2/output.css a { @@ -169,7 +177,8 @@ a { <===> ================================================================================ <===> max/string/arg_3/input.scss -a {b: rgb(1 2 unquote("max(3)"))} +@use "sass:string"; +a {b: rgb(1 2 string.unquote("max(3)"))} <===> max/string/arg_3/output.css a { @@ -179,7 +188,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_1/input.scss -a {b: rgb(unquote("clamp(1, 2, 3)") 2 3)} +@use "sass:string"; +a {b: rgb(string.unquote("clamp(1, 2, 3)") 2 3)} <===> clamp/string/arg_1/output.css a { @@ -189,7 +199,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_2/input.scss -a {b: rgb(1 unquote("clamp(2, 3, 4)") 3)} +@use "sass:string"; +a {b: rgb(1 string.unquote("clamp(2, 3, 4)") 3)} <===> clamp/string/arg_2/output.css a { @@ -199,7 +210,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_3/input.scss -a {b: rgb(1 2 unquote("clamp(3, 4, 5)"))} +@use "sass:string"; +a {b: rgb(1 2 string.unquote("clamp(3, 4, 5)"))} <===> clamp/string/arg_3/output.css a { diff --git a/spec/core_functions/color/rgb/three_args/special_functions.hrx b/spec/core_functions/color/rgb/three_args/special_functions.hrx index e812e5b89..eaad972ed 100644 --- a/spec/core_functions/color/rgb/three_args/special_functions.hrx +++ b/spec/core_functions/color/rgb/three_args/special_functions.hrx @@ -1,5 +1,6 @@ <===> calc/string/arg_1/input.scss -a {b: rgb(unquote("calc(1)"), 2, 3)} +@use "sass:string"; +a {b: rgb(string.unquote("calc(1)"), 2, 3)} <===> calc/string/arg_1/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> calc/string/arg_2/input.scss -a {b: rgb(1, unquote("calc(2)"), 3)} +@use "sass:string"; +a {b: rgb(1, string.unquote("calc(2)"), 3)} <===> calc/string/arg_2/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> calc/string/arg_3/input.scss -a {b: rgb(1, 2, unquote("calc(3)"))} +@use "sass:string"; +a {b: rgb(1, 2, string.unquote("calc(3)"))} <===> calc/string/arg_3/output.css a { @@ -89,7 +92,8 @@ a { <===> ================================================================================ <===> min/string/arg_1/input.scss -a {b: rgb(unquote("min(1)"), 2, 3)} +@use "sass:string"; +a {b: rgb(string.unquote("min(1)"), 2, 3)} <===> min/string/arg_1/output.css a { @@ -99,7 +103,8 @@ a { <===> ================================================================================ <===> min/string/arg_2/input.scss -a {b: rgb(1, unquote("min(2)"), 3)} +@use "sass:string"; +a {b: rgb(1, string.unquote("min(2)"), 3)} <===> min/string/arg_2/output.css a { @@ -109,7 +114,8 @@ a { <===> ================================================================================ <===> min/string/arg_3/input.scss -a {b: rgb(1, 2, unquote("min(3)"))} +@use "sass:string"; +a {b: rgb(1, 2, string.unquote("min(3)"))} <===> min/string/arg_3/output.css a { @@ -119,7 +125,8 @@ a { <===> ================================================================================ <===> max/string/arg_1/input.scss -a {b: rgb(unquote("max(1)"), 2, 3)} +@use "sass:string"; +a {b: rgb(string.unquote("max(1)"), 2, 3)} <===> max/string/arg_1/output.css a { @@ -129,7 +136,8 @@ a { <===> ================================================================================ <===> max/string/arg_2/input.scss -a {b: rgb(1, unquote("max(2)"), 3)} +@use "sass:string"; +a {b: rgb(1, string.unquote("max(2)"), 3)} <===> max/string/arg_2/output.css a { @@ -139,7 +147,8 @@ a { <===> ================================================================================ <===> max/string/arg_3/input.scss -a {b: rgb(1, 2, unquote("max(3)"))} +@use "sass:string"; +a {b: rgb(1, 2, string.unquote("max(3)"))} <===> max/string/arg_3/output.css a { @@ -149,7 +158,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_1/input.scss -a {b: rgb(unquote("clamp(1, 2, 3)"), 2, 3)} +@use "sass:string"; +a {b: rgb(string.unquote("clamp(1, 2, 3)"), 2, 3)} <===> clamp/string/arg_1/output.css a { @@ -159,7 +169,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_2/input.scss -a {b: rgb(1, unquote("clamp(2, 3, 4)"), 3)} +@use "sass:string"; +a {b: rgb(1, string.unquote("clamp(2, 3, 4)"), 3)} <===> clamp/string/arg_2/output.css a { @@ -169,7 +180,8 @@ a { <===> ================================================================================ <===> clamp/string/arg_3/input.scss -a {b: rgb(1, 2, unquote("clamp(3, 4, 5)"))} +@use "sass:string"; +a {b: rgb(1, 2, string.unquote("clamp(3, 4, 5)"))} <===> clamp/string/arg_3/output.css a { diff --git a/spec/core_functions/color/rgb/two_args.hrx b/spec/core_functions/color/rgb/two_args.hrx index 02fd645aa..ee2238038 100644 --- a/spec/core_functions/color/rgb/two_args.hrx +++ b/spec/core_functions/color/rgb/two_args.hrx @@ -119,7 +119,8 @@ a { <===> ================================================================================ <===> special_functions/calc/string/arg_2/input.scss -a {b: rgb(blue, unquote("calc(0.4)"))} +@use "sass:string"; +a {b: rgb(blue, string.unquote("calc(0.4)"))} <===> special_functions/calc/string/arg_2/output.css a { diff --git a/spec/core_functions/color/saturate.hrx b/spec/core_functions/color/saturate.hrx index 87841ed45..492c1c842 100644 --- a/spec/core_functions/color/saturate.hrx +++ b/spec/core_functions/color/saturate.hrx @@ -1,253 +1,76 @@ -<===> one_arg/README.md +<===> css_overload/README.md Sass supports saturate() with one argument for compatibility with [plain CSS][]. [plain CSS]: https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/saturate <===> ================================================================================ -<===> one_arg/unit/input.scss +<===> css_overload/unit/input.scss a {b: saturate(50%)} -<===> one_arg/unit/output.css +<===> css_overload/unit/output.css a { b: saturate(50%); } <===> ================================================================================ -<===> one_arg/unitless/input.scss +<===> css_overload/unitless/input.scss a {b: saturate(1)} -<===> one_arg/unitless/output.css +<===> css_overload/unitless/output.css a { b: saturate(1); } <===> ================================================================================ -<===> one_arg/with_sass_var/input.scss +<===> css_overload/with_sass_var/input.scss $c: 1; a {b: saturate($c)} -<===> one_arg/with_sass_var/output.css +<===> css_overload/with_sass_var/output.css a { b: saturate(1); } <===> ================================================================================ -<===> one_arg/with_css_var/input.scss +<===> css_overload/with_css_var/input.scss a {b: saturate(var(--c))} -<===> one_arg/with_css_var/output.css +<===> css_overload/with_css_var/output.css a { b: saturate(var(--c)); } <===> ================================================================================ -<===> one_arg/with_calc/input.scss +<===> css_overload/with_calc/input.scss a {b: saturate(calc(1 + 2))} -<===> one_arg/with_calc/output.css +<===> css_overload/with_calc/output.css a { b: saturate(3); } <===> ================================================================================ -<===> one_arg/with_unquoted_calc/input.scss -a {b: saturate(unquote('calc(1)'))} +<===> css_overload/with_unquoted_calc/input.scss +@use "sass:string"; +a {b: saturate(string.unquote('calc(1)'))} -<===> one_arg/with_unquoted_calc/output.css +<===> css_overload/with_unquoted_calc/output.css a { b: saturate(calc(1)); } <===> ================================================================================ -<===> one_arg/named/input.scss +<===> css_overload/named/input.scss a {b: saturate($amount: 50%)} -<===> one_arg/named/output.css +<===> css_overload/named/output.css a { b: saturate(50%); } - -<===> -================================================================================ -<===> two_args/max/input.scss -a {b: saturate(plum, 100%)} - -<===> two_args/max/output.css -a { - b: #ff7eff; -} - -<===> -================================================================================ -<===> two_args/max_remaining/input.scss -a {b: saturate(plum, 53%)} - -<===> two_args/max_remaining/output.css -a { - b: #ff7eff; -} - -<===> -================================================================================ -<===> two_args/min/input.scss -a {b: saturate(plum, 0%)} - -<===> two_args/min/output.css -a { - b: plum; -} - -<===> -================================================================================ -<===> two_args/middle/input.scss -a {b: saturate(plum, 14%)} - -<===> two_args/middle/output.css -a { - b: #e697e6; -} - -<===> -================================================================================ -<===> two_args/alpha/input.scss -a {b: saturate(rgba(plum, 0.5), 100%)} - -<===> two_args/alpha/output.css -a { - b: rgba(255, 126, 255, 0.5); -} - -<===> -================================================================================ -<===> two_args/named/input.scss -a {b: saturate($color: plum, $amount: 14%)} - -<===> two_args/named/output.css -a { - b: #e697e6; -} - -<===> -================================================================================ -<===> error/too_few_args/input.scss -a {b: saturate()} - -<===> error/too_few_args/error -Error: Missing argument $amount. - ,--> input.scss -1 | a {b: saturate()} - | ^^^^^^^^^^ invocation - ' - , -1 | @function saturate($amount) { - | ================= declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/too_many_args/input.scss -a {b: saturate(plum, 1%, 2)} - -<===> error/too_many_args/error -Error: Only 2 arguments allowed, but 3 were passed. - ,--> input.scss -1 | a {b: saturate(plum, 1%, 2)} - | ^^^^^^^^^^^^^^^^^^^^^ invocation - ' - , -1 | @function saturate($color, $amount) { - | ========================= declaration - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/one_arg/type/input.scss -a {b: saturate(red)} - -<===> error/one_arg/type/error -Error: $amount: red is not a number. - , -1 | a {b: saturate(red)} - | ^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - - -<===> -================================================================================ -<===> error/with_module/one_arg/type/input.scss -@use 'sass:color'; -a {b: color.saturate(var(--c))} - -<===> error/with_module/one_arg/type/error -Error: Missing argument $amount. - ,--> input.scss -2 | a {b: color.saturate(var(--c))} - | ^^^^^^^^^^^^^^^^^^^^^^^^ invocation - ' - ,--> sass:color -1 | @function saturate($color, $amount) { - | ========================= declaration - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/two_args/type/color/input.scss -a {b: saturate(1, 2)} - -<===> error/two_args/type/color/error -Error: $color: 1 is not a color. - , -1 | a {b: saturate(1, 2)} - | ^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/two_args/type/lightness/input.scss -a {b: saturate(plum, blue)} - -<===> error/two_args/type/lightness/error -Error: $amount: blue is not a number. - , -1 | a {b: saturate(plum, blue)} - | ^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/two_args/bounds/too_low/input.scss -a {b: saturate(plum, -0.001)} - -<===> error/two_args/bounds/too_low/error -Error: $amount: Expected -0.001 to be within 0 and 100. - , -1 | a {b: saturate(plum, -0.001)} - | ^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet - -<===> -================================================================================ -<===> error/two_args/bounds/too_high/input.scss -a {b: saturate(plum, 100.001)} - -<===> error/two_args/bounds/too_high/error -Error: $amount: Expected 100.001 to be within 0 and 100. - , -1 | a {b: saturate(plum, 100.001)} - | ^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 1:7 root stylesheet diff --git a/spec/core_functions/color/saturation.hrx b/spec/core_functions/color/saturation.hrx index ed8fde80a..abe94b95f 100644 --- a/spec/core_functions/color/saturation.hrx +++ b/spec/core_functions/color/saturation.hrx @@ -1,5 +1,6 @@ <===> max/input.scss -a {b: saturation(hsl(0, 100%, 50%))} +@use "sass:color"; +a {b: color.saturation(hsl(0, 100%, 50%))} <===> max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> min/input.scss -a {b: saturation(hsl(0, 0%, 50%))} +@use "sass:color"; +a {b: color.saturation(hsl(0, 0%, 50%))} <===> min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> middle/input.scss -a {b: saturation(hsl(0, 50%, 50%))} +@use "sass:color"; +a {b: color.saturation(hsl(0, 50%, 50%))} <===> middle/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> fraction/input.scss -a {b: saturation(hsl(0, 0.5%, 50%))} +@use "sass:color"; +a {b: color.saturation(hsl(0, 0.5%, 50%))} <===> fraction/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: saturation($color: hsl(0, 42%, 50%))} +@use "sass:color"; +a {b: color.saturation($color: hsl(0, 42%, 50%))} <===> named/output.css a { @@ -49,46 +54,49 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: saturation()} +@use "sass:color"; +a {b: color.saturation()} <===> error/too_few_args/error Error: Missing argument $color. ,--> input.scss -1 | a {b: saturation()} - | ^^^^^^^^^^^^ invocation +2 | a {b: color.saturation()} + | ^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function saturation($color) { | ================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: saturation(red, green)} +@use "sass:color"; +a {b: color.saturation(red, green)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: saturation(red, green)} - | ^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: color.saturation(red, green)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function saturation($color) { | ================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: saturation(1)} +@use "sass:color"; +a {b: color.saturation(1)} <===> error/type/error Error: $color: 1 is not a color. , -1 | a {b: saturation(1)} - | ^^^^^^^^^^^^^ +2 | a {b: color.saturation(1)} + | ^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/scale_color/error/args.hrx b/spec/core_functions/color/scale_color/error/args.hrx index ed538796c..2b844dc62 100644 --- a/spec/core_functions/color/scale_color/error/args.hrx +++ b/spec/core_functions/color/scale_color/error/args.hrx @@ -1,40 +1,58 @@ <===> too_few/input.scss -a {b: scale-color()} +@use "sass:color"; +a {b: color.scale()} <===> too_few/error Error: Missing argument $color. ,--> input.scss -1 | a {b: scale-color()} +2 | a {b: color.scale()} | ^^^^^^^^^^^^^ invocation ' ,--> sass:color 1 | @function scale($color, $kwargs...) { | ========================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_many/input.scss -a {b: scale-color(red, 1)} +@use "sass:color"; +a {b: color.scale(red, 1)} <===> too_many/error Error: Only one positional argument is allowed. All other arguments must be passed by name. , -1 | a {b: scale-color(red, 1)} +2 | a {b: color.scale(red, 1)} | ^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> unknown/input.scss -a {b: scale-color(red, $hue: 10%)} +@use "sass:color"; +a {b: color.scale(red, $hue: 10%)} <===> unknown/error Error: No argument named $hue. , -1 | a {b: scale-color(red, $hue: 10%)} +2 | a {b: color.scale(red, $hue: 10%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> wrong_name/input.scss +@use "sass:color"; +a {b: color.scale-color(#abcdef, $red: 10%)} + +<===> wrong_name/error +Error: Undefined function. + , +2 | a {b: color.scale-color(#abcdef, $red: 10%)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + diff --git a/spec/core_functions/color/scale_color/error/bounds.hrx b/spec/core_functions/color/scale_color/error/bounds.hrx index f43a45eee..a4b001d64 100644 --- a/spec/core_functions/color/scale_color/error/bounds.hrx +++ b/spec/core_functions/color/scale_color/error/bounds.hrx @@ -1,206 +1,221 @@ <===> red/too_low/input.scss -a {b: scale-color(red, $red: -100.001%)} +@use "sass:color"; +a {b: color.scale(red, $red: -100.001%)} <===> red/too_low/error Error: $red: Expected -100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $red: -100.001%)} +2 | a {b: color.scale(red, $red: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red/too_high/input.scss -a {b: scale-color(red, $red: 100.001%)} +@use "sass:color"; +a {b: color.scale(red, $red: 100.001%)} <===> red/too_high/error Error: $red: Expected 100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $red: 100.001%)} +2 | a {b: color.scale(red, $red: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green/too_low/input.scss -a {b: scale-color(green, $green: -100.001%)} +@use "sass:color"; +a {b: color.scale(green, $green: -100.001%)} <===> green/too_low/error Error: $green: Expected -100.001% to be within -100% and 100%. , -1 | a {b: scale-color(green, $green: -100.001%)} +2 | a {b: color.scale(green, $green: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green/too_high/input.scss -a {b: scale-color(green, $green: 100.001%)} +@use "sass:color"; +a {b: color.scale(green, $green: 100.001%)} <===> green/too_high/error Error: $green: Expected 100.001% to be within -100% and 100%. , -1 | a {b: scale-color(green, $green: 100.001%)} +2 | a {b: color.scale(green, $green: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue/too_low/input.scss -a {b: scale-color(blue, $blue: -100.001%)} +@use "sass:color"; +a {b: color.scale(blue, $blue: -100.001%)} <===> blue/too_low/error Error: $blue: Expected -100.001% to be within -100% and 100%. , -1 | a {b: scale-color(blue, $blue: -100.001%)} +2 | a {b: color.scale(blue, $blue: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue/too_high/input.scss -a {b: scale-color(blue, $blue: 100.001%)} +@use "sass:color"; +a {b: color.scale(blue, $blue: 100.001%)} <===> blue/too_high/error Error: $blue: Expected 100.001% to be within -100% and 100%. , -1 | a {b: scale-color(blue, $blue: 100.001%)} +2 | a {b: color.scale(blue, $blue: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/too_low/input.scss -a {b: scale-color(red, $saturation: -100.001%)} +@use "sass:color"; +a {b: color.scale(red, $saturation: -100.001%)} <===> saturation/too_low/error Error: $saturation: Expected -100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $saturation: -100.001%)} +2 | a {b: color.scale(red, $saturation: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/too_high/input.scss -a {b: scale-color(red, $saturation: 100.001%)} +@use "sass:color"; +a {b: color.scale(red, $saturation: 100.001%)} <===> saturation/too_high/error Error: $saturation: Expected 100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $saturation: 100.001%)} +2 | a {b: color.scale(red, $saturation: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/too_low/input.scss -a {b: scale-color(red, $lightness: -100.001%)} +@use "sass:color"; +a {b: color.scale(red, $lightness: -100.001%)} <===> lightness/too_low/error Error: $lightness: Expected -100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $lightness: -100.001%)} +2 | a {b: color.scale(red, $lightness: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/too_high/input.scss -a {b: scale-color(red, $lightness: 100.001%)} +@use "sass:color"; +a {b: color.scale(red, $lightness: 100.001%)} <===> lightness/too_high/error Error: $lightness: Expected 100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $lightness: 100.001%)} +2 | a {b: color.scale(red, $lightness: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/too_low/input.scss -a {b: scale-color(red, $alpha: -100.001%)} +@use "sass:color"; +a {b: color.scale(red, $alpha: -100.001%)} <===> alpha/too_low/error Error: $alpha: Expected -100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $alpha: -100.001%)} +2 | a {b: color.scale(red, $alpha: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/too_high/input.scss -a {b: scale-color(red, $alpha: 100.001%)} +@use "sass:color"; +a {b: color.scale(red, $alpha: 100.001%)} <===> alpha/too_high/error Error: $alpha: Expected 100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $alpha: 100.001%)} +2 | a {b: color.scale(red, $alpha: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blackness/too_low/input.scss -a {b: scale-color(red, $blackness: -100.001%)} +@use "sass:color"; +a {b: color.scale(red, $blackness: -100.001%)} <===> blackness/too_low/error Error: $blackness: Expected -100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $blackness: -100.001%)} +2 | a {b: color.scale(red, $blackness: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blackness/too_high/input.scss -a {b: scale-color(red, $blackness: 100.001%)} +@use "sass:color"; +a {b: color.scale(red, $blackness: 100.001%)} <===> blackness/too_high/error Error: $blackness: Expected 100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $blackness: 100.001%)} +2 | a {b: color.scale(red, $blackness: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> whiteness/too_low/input.scss -a {b: scale-color(red, $whiteness: -100.001%)} +@use "sass:color"; +a {b: color.scale(red, $whiteness: -100.001%)} <===> whiteness/too_low/error Error: $whiteness: Expected -100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $whiteness: -100.001%)} +2 | a {b: color.scale(red, $whiteness: -100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> whiteness/too_high/input.scss -a {b: scale-color(red, $whiteness: 100.001%)} +@use "sass:color"; +a {b: color.scale(red, $whiteness: 100.001%)} <===> whiteness/too_high/error Error: $whiteness: Expected 100.001% to be within -100% and 100%. , -1 | a {b: scale-color(red, $whiteness: 100.001%)} +2 | a {b: color.scale(red, $whiteness: 100.001%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet - + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/scale_color/error/mixed_formats.hrx b/spec/core_functions/color/scale_color/error/mixed_formats.hrx index bf5b89e82..bce79e9f9 100644 --- a/spec/core_functions/color/scale_color/error/mixed_formats.hrx +++ b/spec/core_functions/color/scale_color/error/mixed_formats.hrx @@ -1,89 +1,95 @@ <===> red_and_saturation/input.scss -a {b: scale-color(red, $red: 1%, $saturation: 1%)} +@use "sass:color"; +a {b: color.scale(red, $red: 1%, $saturation: 1%)} <===> red_and_saturation/error Error: RGB parameters may not be passed along with HSL parameters. , -1 | a {b: scale-color(red, $red: 1%, $saturation: 1%)} +2 | a {b: color.scale(red, $red: 1%, $saturation: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green_and_saturation/input.scss -a {b: scale-color(red, $green: 1%, $saturation: 1%)} +@use "sass:color"; +a {b: color.scale(red, $green: 1%, $saturation: 1%)} <===> green_and_saturation/error Error: RGB parameters may not be passed along with HSL parameters. , -1 | a {b: scale-color(red, $green: 1%, $saturation: 1%)} +2 | a {b: color.scale(red, $green: 1%, $saturation: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue_and_lightness/input.scss -a {b: scale-color(red, $blue: 1%, $lightness: 1%)} +@use "sass:color"; +a {b: color.scale(red, $blue: 1%, $lightness: 1%)} <===> blue_and_lightness/error Error: RGB parameters may not be passed along with HSL parameters. , -1 | a {b: scale-color(red, $blue: 1%, $lightness: 1%)} +2 | a {b: color.scale(red, $blue: 1%, $lightness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red_and_blackness/input.scss -a {b: scale-color(red, $red: 1%, $blackness: 1%)} +@use "sass:color"; +a {b: color.scale(red, $red: 1%, $blackness: 1%)} <===> red_and_blackness/error Error: RGB parameters may not be passed along with HWB parameters. , -1 | a {b: scale-color(red, $red: 1%, $blackness: 1%)} +2 | a {b: color.scale(red, $red: 1%, $blackness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green_and_whiteness/input.scss -a {b: scale-color(red, $green: 1%, $whiteness: 1%)} +@use "sass:color"; +a {b: color.scale(red, $green: 1%, $whiteness: 1%)} <===> green_and_whiteness/error Error: RGB parameters may not be passed along with HWB parameters. , -1 | a {b: scale-color(red, $green: 1%, $whiteness: 1%)} +2 | a {b: color.scale(red, $green: 1%, $whiteness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation_and_blackness/input.scss -a {b: scale-color(red, $saturation: 1%, $blackness: 1%)} +@use "sass:color"; +a {b: color.scale(red, $saturation: 1%, $blackness: 1%)} <===> saturation_and_blackness/error Error: HSL parameters may not be passed along with HWB parameters. , -1 | a {b: scale-color(red, $saturation: 1%, $blackness: 1%)} +2 | a {b: color.scale(red, $saturation: 1%, $blackness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness_and_whiteness/input.scss -a {b: scale-color(red, $lightness: 1%, $whiteness: 1%)} +@use "sass:color"; +a {b: color.scale(red, $lightness: 1%, $whiteness: 1%)} <===> lightness_and_whiteness/error Error: HSL parameters may not be passed along with HWB parameters. , -1 | a {b: scale-color(red, $lightness: 1%, $whiteness: 1%)} +2 | a {b: color.scale(red, $lightness: 1%, $whiteness: 1%)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet - + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/scale_color/error/type.hrx b/spec/core_functions/color/scale_color/error/type.hrx index aa01247e8..43da61715 100644 --- a/spec/core_functions/color/scale_color/error/type.hrx +++ b/spec/core_functions/color/scale_color/error/type.hrx @@ -1,115 +1,123 @@ <===> color/input.scss -a {b: scale-color(1)} +@use "sass:color"; +a {b: color.scale(1)} <===> color/error Error: $color: 1 is not a color. , -1 | a {b: scale-color(1)} +2 | a {b: color.scale(1)} | ^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> red/input.scss -a {b: scale-color(red, $red: c)} +@use "sass:color"; +a {b: color.scale(red, $red: c)} <===> red/error Error: $red: c is not a number. , -1 | a {b: scale-color(red, $red: c)} +2 | a {b: color.scale(red, $red: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> green/input.scss -a {b: scale-color(red, $green: c)} +@use "sass:color"; +a {b: color.scale(red, $green: c)} <===> green/error Error: $green: c is not a number. , -1 | a {b: scale-color(red, $green: c)} +2 | a {b: color.scale(red, $green: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blue/input.scss -a {b: scale-color(red, $blue: c)} +@use "sass:color"; +a {b: color.scale(red, $blue: c)} <===> blue/error Error: $blue: c is not a number. , -1 | a {b: scale-color(red, $blue: c)} +2 | a {b: color.scale(red, $blue: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> saturation/input.scss -a {b: scale-color(red, $saturation: c)} +@use "sass:color"; +a {b: color.scale(red, $saturation: c)} <===> saturation/error Error: $saturation: c is not a number. , -1 | a {b: scale-color(red, $saturation: c)} +2 | a {b: color.scale(red, $saturation: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> lightness/input.scss -a {b: scale-color(red, $lightness: c)} +@use "sass:color"; +a {b: color.scale(red, $lightness: c)} <===> lightness/error Error: $lightness: c is not a number. , -1 | a {b: scale-color(red, $lightness: c)} +2 | a {b: color.scale(red, $lightness: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> alpha/input.scss -a {b: scale-color(red, $alpha: c)} +@use "sass:color"; +a {b: color.scale(red, $alpha: c)} <===> alpha/error Error: $alpha: c is not a number. , -1 | a {b: scale-color(red, $alpha: c)} +2 | a {b: color.scale(red, $alpha: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> blackness/input.scss -a {b: scale-color(red, $blackness: c)} +@use "sass:color"; +a {b: color.scale(red, $blackness: c)} <===> blackness/error Error: $blackness: c is not a number. , -1 | a {b: scale-color(red, $blackness: c)} +2 | a {b: color.scale(red, $blackness: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> whiteness/input.scss -a {b: scale-color(red, $whiteness: c)} +@use "sass:color"; +a {b: color.scale(red, $whiteness: c)} <===> whiteness/error Error: $whiteness: c is not a number. , -1 | a {b: scale-color(red, $whiteness: c)} +2 | a {b: color.scale(red, $whiteness: c)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet - + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/scale_color/error/units.hrx b/spec/core_functions/color/scale_color/error/units.hrx index 395f26a30..35669fadb 100644 --- a/spec/core_functions/color/scale_color/error/units.hrx +++ b/spec/core_functions/color/scale_color/error/units.hrx @@ -1,206 +1,221 @@ <===> none/red/input.scss -a {b: scale-color(red, $red: 1px)} +@use "sass:color"; +a {b: color.scale(red, $red: 1px)} <===> none/red/error Error: $red: Expected 1px to have unit "%". , -1 | a {b: scale-color(red, $red: 1px)} +2 | a {b: color.scale(red, $red: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> none/green/input.scss -a {b: scale-color(green, $green: 1)} +@use "sass:color"; +a {b: color.scale(green, $green: 1)} <===> none/green/error Error: $green: Expected 1 to have unit "%". , -1 | a {b: scale-color(green, $green: 1)} +2 | a {b: color.scale(green, $green: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> none/blue/input.scss -a {b: scale-color(blue, $blue: 1)} +@use "sass:color"; +a {b: color.scale(blue, $blue: 1)} <===> none/blue/error Error: $blue: Expected 1 to have unit "%". , -1 | a {b: scale-color(blue, $blue: 1)} +2 | a {b: color.scale(blue, $blue: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> none/saturation/input.scss -a {b: scale-color(red, $saturation: 1)} +@use "sass:color"; +a {b: color.scale(red, $saturation: 1)} <===> none/saturation/error Error: $saturation: Expected 1 to have unit "%". , -1 | a {b: scale-color(red, $saturation: 1)} +2 | a {b: color.scale(red, $saturation: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> none/lightness/input.scss -a {b: scale-color(red, $lightness: 1)} +@use "sass:color"; +a {b: color.scale(red, $lightness: 1)} <===> none/lightness/error Error: $lightness: Expected 1 to have unit "%". , -1 | a {b: scale-color(red, $lightness: 1)} +2 | a {b: color.scale(red, $lightness: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> none/whiteness/input.scss -a {b: scale-color(white, $whiteness: 1)} +@use "sass:color"; +a {b: color.scale(white, $whiteness: 1)} <===> none/whiteness/error Error: $whiteness: Expected 1 to have unit "%". , -1 | a {b: scale-color(white, $whiteness: 1)} +2 | a {b: color.scale(white, $whiteness: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet - + input.scss 2:7 root stylesheet <===> ================================================================================ <===> none/blackness/input.scss -a {b: scale-color(black, $blackness: 1)} +@use "sass:color"; +a {b: color.scale(black, $blackness: 1)} <===> none/blackness/error Error: $blackness: Expected 1 to have unit "%". , -1 | a {b: scale-color(black, $blackness: 1)} +2 | a {b: color.scale(black, $blackness: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> none/alpha/input.scss -a {b: scale-color(red, $alpha: 1)} +@use "sass:color"; +a {b: color.scale(red, $alpha: 1)} <===> none/alpha/error Error: $alpha: Expected 1 to have unit "%". , -1 | a {b: scale-color(red, $alpha: 1)} +2 | a {b: color.scale(red, $alpha: 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/red/input.scss -a {b: scale-color(red, $red: 1px)} +@use "sass:color"; +a {b: color.scale(red, $red: 1px)} <===> wrong/red/error Error: $red: Expected 1px to have unit "%". , -1 | a {b: scale-color(red, $red: 1px)} +2 | a {b: color.scale(red, $red: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/green/input.scss -a {b: scale-color(green, $green: 1px)} +@use "sass:color"; +a {b: color.scale(green, $green: 1px)} <===> wrong/green/error Error: $green: Expected 1px to have unit "%". , -1 | a {b: scale-color(green, $green: 1px)} +2 | a {b: color.scale(green, $green: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/blue/input.scss -a {b: scale-color(blue, $blue: 1px)} +@use "sass:color"; +a {b: color.scale(blue, $blue: 1px)} <===> wrong/blue/error Error: $blue: Expected 1px to have unit "%". , -1 | a {b: scale-color(blue, $blue: 1px)} +2 | a {b: color.scale(blue, $blue: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/saturation/input.scss -a {b: scale-color(red, $saturation: 1px)} +@use "sass:color"; +a {b: color.scale(red, $saturation: 1px)} <===> wrong/saturation/error Error: $saturation: Expected 1px to have unit "%". , -1 | a {b: scale-color(red, $saturation: 1px)} +2 | a {b: color.scale(red, $saturation: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/lightness/input.scss -a {b: scale-color(red, $lightness: 1px)} +@use "sass:color"; +a {b: color.scale(red, $lightness: 1px)} <===> wrong/lightness/error Error: $lightness: Expected 1px to have unit "%". , -1 | a {b: scale-color(red, $lightness: 1px)} +2 | a {b: color.scale(red, $lightness: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/whiteness/input.scss -a {b: scale-color(white, $whiteness: 1px)} +@use "sass:color"; +a {b: color.scale(white, $whiteness: 1px)} <===> wrong/whiteness/error Error: $whiteness: Expected 1px to have unit "%". , -1 | a {b: scale-color(white, $whiteness: 1px)} +2 | a {b: color.scale(white, $whiteness: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/blackness/input.scss -a {b: scale-color(black, $blackness: 1px)} +@use "sass:color"; +a {b: color.scale(black, $blackness: 1px)} <===> wrong/blackness/error Error: $blackness: Expected 1px to have unit "%". , -1 | a {b: scale-color(black, $blackness: 1px)} +2 | a {b: color.scale(black, $blackness: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> wrong/alpha/input.scss -a {b: scale-color(red, $alpha: 1px)} +@use "sass:color"; +a {b: color.scale(red, $alpha: 1px)} <===> wrong/alpha/error Error: $alpha: Expected 1px to have unit "%". , -1 | a {b: scale-color(red, $alpha: 1px)} +2 | a {b: color.scale(red, $alpha: 1px)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/color/scale_color/hsl.hrx b/spec/core_functions/color/scale_color/hsl.hrx index 2ec6a5950..bebb7a570 100644 --- a/spec/core_functions/color/scale_color/hsl.hrx +++ b/spec/core_functions/color/scale_color/hsl.hrx @@ -1,5 +1,6 @@ <===> saturation/max/input.scss -a {b: scale-color(plum, $saturation: 100%)} +@use "sass:color"; +a {b: color.scale(plum, $saturation: 100%)} <===> saturation/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> saturation/zero/input.scss -a {b: scale-color(plum, $saturation: 0%)} +@use "sass:color"; +a {b: color.scale(plum, $saturation: 0%)} <===> saturation/zero/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> saturation/min/input.scss -a {b: scale-color(plum, $saturation: -100%)} +@use "sass:color"; +a {b: color.scale(plum, $saturation: -100%)} <===> saturation/min/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> saturation/high/input.scss -a {b: scale-color(plum, $saturation: 67%)} +@use "sass:color"; +a {b: color.scale(plum, $saturation: 67%)} <===> saturation/high/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> saturation/low/input.scss -a {b: scale-color(plum, $saturation: -43%)} +@use "sass:color"; +a {b: color.scale(plum, $saturation: -43%)} <===> saturation/low/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> lightness/max/input.scss -a {b: scale-color(red, $lightness: 100%)} +@use "sass:color"; +a {b: color.scale(red, $lightness: 100%)} <===> lightness/max/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> lightness/zero/input.scss -a {b: scale-color(red, $lightness: 0%)} +@use "sass:color"; +a {b: color.scale(red, $lightness: 0%)} <===> lightness/zero/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> lightness/min/input.scss -a {b: scale-color(red, $lightness: -100%)} +@use "sass:color"; +a {b: color.scale(red, $lightness: -100%)} <===> lightness/min/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> lightness/high/input.scss -a {b: scale-color(red, $lightness: 94%)} +@use "sass:color"; +a {b: color.scale(red, $lightness: 94%)} <===> lightness/high/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> lightness/low/input.scss -a {b: scale-color(red, $lightness: -14%)} +@use "sass:color"; +a {b: color.scale(red, $lightness: -14%)} <===> lightness/low/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> all/input.scss -a {b: scale-color(turquoise, $saturation: 24%, $lightness: -48%)} +@use "sass:color"; +a {b: color.scale(turquoise, $saturation: 24%, $lightness: -48%)} <===> all/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> alpha_input/input.scss -a {b: scale-color(rgba(turquoise, 0.7), $saturation: 24%, $lightness: -48%)} +@use "sass:color"; +a {b: color.scale(rgba(turquoise, 0.7), $saturation: 24%, $lightness: -48%)} <===> alpha_input/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> alpha_arg/input.scss -a {b: scale-color(turquoise, $saturation: 24%, $lightness: -48%, $alpha: -70%)} +@use "sass:color"; +a {b: color.scale(turquoise, $saturation: 24%, $lightness: -48%, $alpha: -70%)} <===> alpha_arg/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: scale-color($color: turquoise, $saturation: 24%, $lightness: -48%)} +@use "sass:color"; +a {b: color.scale($color: turquoise, $saturation: 24%, $lightness: -48%)} <===> named/output.css a { diff --git a/spec/core_functions/color/scale_color/hwb.hrx b/spec/core_functions/color/scale_color/hwb.hrx index 91d2edce6..042cee6be 100644 --- a/spec/core_functions/color/scale_color/hwb.hrx +++ b/spec/core_functions/color/scale_color/hwb.hrx @@ -1,5 +1,6 @@ <===> whiteness/max/input.scss -a {b: scale-color(#66cc99, $whiteness: 100%)} +@use "sass:color"; +a {b: color.scale(#66cc99, $whiteness: 100%)} <===> whiteness/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> whiteness/zero/input.scss -a {b: scale-color(#66cc99, $whiteness: 0%)} +@use "sass:color"; +a {b: color.scale(#66cc99, $whiteness: 0%)} <===> whiteness/zero/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> whiteness/min/input.scss -a {b: scale-color(#66cc99, $whiteness: -100%)} +@use "sass:color"; +a {b: color.scale(#66cc99, $whiteness: -100%)} <===> whiteness/min/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> whiteness/high/input.scss -a {b: scale-color(#33cc80, $whiteness: 50%)} +@use "sass:color"; +a {b: color.scale(#33cc80, $whiteness: 50%)} <===> whiteness/high/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> whiteness/low/input.scss -a {b: scale-color(#66cc99, $whiteness: -50%)} +@use "sass:color"; +a {b: color.scale(#66cc99, $whiteness: -50%)} <===> whiteness/low/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> blackness/max/input.scss -a {b: scale-color(#339966, $blackness: 100%)} +@use "sass:color"; +a {b: color.scale(#339966, $blackness: 100%)} <===> blackness/max/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> blackness/zero/input.scss -a {b: scale-color(#339966, $blackness: 0%)} +@use "sass:color"; +a {b: color.scale(#339966, $blackness: 0%)} <===> blackness/zero/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> blackness/min/input.scss -a {b: scale-color(#339966, $blackness: -100%)} +@use "sass:color"; +a {b: color.scale(#339966, $blackness: -100%)} <===> blackness/min/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> blackness/high/input.scss -a {b: scale-color(#33cc80, $blackness: 50%)} +@use "sass:color"; +a {b: color.scale(#33cc80, $blackness: 50%)} <===> blackness/high/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> blackness/low/input.scss -a {b: scale-color(#339966, $blackness: -50%)} +@use "sass:color"; +a {b: color.scale(#339966, $blackness: -50%)} <===> blackness/low/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> all/input.scss -a {b: scale-color(#66cc99, $whiteness: -50%, $blackness: 50%)} +@use "sass:color"; +a {b: color.scale(#66cc99, $whiteness: -50%, $blackness: 50%)} <===> all/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> alpha_input/input.scss -a {b: scale-color(rgba(#66cc99, 0.7), $whiteness: -50%, $blackness: 50%)} +@use "sass:color"; +a {b: color.scale(rgba(#66cc99, 0.7), $whiteness: -50%, $blackness: 50%)} <===> alpha_input/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> alpha_arg/input.scss -a {b: scale-color(#66cc99, $whiteness: -50%, $blackness: 50%, $alpha: -70%)} +@use "sass:color"; +a {b: color.scale(#66cc99, $whiteness: -50%, $blackness: 50%, $alpha: -70%)} <===> alpha_arg/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: scale-color($color: #66cc99, $whiteness: -50%, $blackness: 50%)} +@use "sass:color"; +a {b: color.scale($color: #66cc99, $whiteness: -50%, $blackness: 50%)} <===> named/output.css a { diff --git a/spec/core_functions/color/scale_color/no_rgb_hsl.hrx b/spec/core_functions/color/scale_color/no_rgb_hsl.hrx index 634574c8c..a07bee663 100644 --- a/spec/core_functions/color/scale_color/no_rgb_hsl.hrx +++ b/spec/core_functions/color/scale_color/no_rgb_hsl.hrx @@ -1,5 +1,6 @@ <===> positional/input.scss -a {b: scale-color(red)} +@use "sass:color"; +a {b: color.scale(red)} <===> positional/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: scale-color($color: red)} +@use "sass:color"; +a {b: color.scale($color: red)} <===> named/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> alpha/max/input.scss -a {b: scale-color(rgba(red, 0.5), $alpha: 100%)} +@use "sass:color"; +a {b: color.scale(rgba(red, 0.5), $alpha: 100%)} <===> alpha/max/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> alpha/zero/input.scss -a {b: scale-color(rgba(red, 0.5), $alpha: 0%)} +@use "sass:color"; +a {b: color.scale(rgba(red, 0.5), $alpha: 0%)} <===> alpha/zero/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> alpha/min/input.scss -a {b: scale-color(rgba(red, 0.5), $alpha: -100%)} +@use "sass:color"; +a {b: color.scale(rgba(red, 0.5), $alpha: -100%)} <===> alpha/min/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> alpha/high/input.scss -a {b: scale-color(rgba(red, 0.5), $alpha: 14%)} +@use "sass:color"; +a {b: color.scale(rgba(red, 0.5), $alpha: 14%)} <===> alpha/high/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> alpha/low/input.scss -a {b: scale-color(rgba(red, 0.3), $alpha: -36%)} +@use "sass:color"; +a {b: color.scale(rgba(red, 0.3), $alpha: -36%)} <===> alpha/low/output.css a { diff --git a/spec/core_functions/color/scale_color/rgb.hrx b/spec/core_functions/color/scale_color/rgb.hrx index 25b93dc92..33141a026 100644 --- a/spec/core_functions/color/scale_color/rgb.hrx +++ b/spec/core_functions/color/scale_color/rgb.hrx @@ -1,5 +1,6 @@ <===> red/max/input.scss -a {b: scale-color(black, $red: 100%)} +@use "sass:color"; +a {b: color.scale(black, $red: 100%)} <===> red/max/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> red/min/input.scss -a {b: scale-color(red, $red: -100%)} +@use "sass:color"; +a {b: color.scale(red, $red: -100%)} <===> red/min/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> red/zero/input.scss -a {b: scale-color(black, $red: 0%)} +@use "sass:color"; +a {b: color.scale(black, $red: 0%)} <===> red/zero/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> red/low/input.scss -a {b: scale-color(lightcoral, $red: -33%)} +@use "sass:color"; +a {b: color.scale(lightcoral, $red: -33%)} <===> red/low/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> red/high/input.scss -a {b: scale-color(turquoise, $red: 86%)} +@use "sass:color"; +a {b: color.scale(turquoise, $red: 86%)} <===> red/high/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> green/max/input.scss -a {b: scale-color(black, $green: 100%)} +@use "sass:color"; +a {b: color.scale(black, $green: 100%)} <===> green/max/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> green/min/input.scss -a {b: scale-color(lime, $green: -100%)} +@use "sass:color"; +a {b: color.scale(lime, $green: -100%)} <===> green/min/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> green/zero/input.scss -a {b: scale-color(black, $green: 0%)} +@use "sass:color"; +a {b: color.scale(black, $green: 0%)} <===> green/zero/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> green/low/input.scss -a {b: scale-color(seagreen, $green: -86%)} +@use "sass:color"; +a {b: color.scale(seagreen, $green: -86%)} <===> green/low/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> green/high/input.scss -a {b: scale-color(cadetblue, $green: 12%)} +@use "sass:color"; +a {b: color.scale(cadetblue, $green: 12%)} <===> green/high/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> blue/max/input.scss -a {b: scale-color(black, $blue: 100%)} +@use "sass:color"; +a {b: color.scale(black, $blue: 100%)} <===> blue/max/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> blue/min/input.scss -a {b: scale-color(blue, $blue: -100%)} +@use "sass:color"; +a {b: color.scale(blue, $blue: -100%)} <===> blue/min/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> blue/zero/input.scss -a {b: scale-color(black, $blue: 0%)} +@use "sass:color"; +a {b: color.scale(black, $blue: 0%)} <===> blue/zero/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> blue/low/input.scss -a {b: scale-color(slategray, $blue: -16%)} +@use "sass:color"; +a {b: color.scale(slategray, $blue: -16%)} <===> blue/low/output.css a { @@ -139,7 +153,8 @@ a { <===> ================================================================================ <===> blue/high/input.scss -a {b: scale-color(salmon, $blue: 42%)} +@use "sass:color"; +a {b: color.scale(salmon, $blue: 42%)} <===> blue/high/output.css a { @@ -149,7 +164,8 @@ a { <===> ================================================================================ <===> all/input.scss -a {b: scale-color(sienna, $red: 12%, $green: 24%, $blue: 48%)} +@use "sass:color"; +a {b: color.scale(sienna, $red: 12%, $green: 24%, $blue: 48%)} <===> all/output.css a { @@ -159,7 +175,8 @@ a { <===> ================================================================================ <===> alpha_input/input.scss -a {b: scale-color(rgba(sienna, 0.3), $red: 12%, $green: 24%, $blue: 48%)} +@use "sass:color"; +a {b: color.scale(rgba(sienna, 0.3), $red: 12%, $green: 24%, $blue: 48%)} <===> alpha_input/output.css a { @@ -169,7 +186,8 @@ a { <===> ================================================================================ <===> alpha_arg/input.scss -a {b: scale-color(sienna, $red: 12%, $green: 24%, $blue: 48%, $alpha: -70%)} +@use "sass:color"; +a {b: color.scale(sienna, $red: 12%, $green: 24%, $blue: 48%, $alpha: -70%)} <===> alpha_arg/output.css a { @@ -179,7 +197,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: scale-color($color: sienna, $red: 12%, $green: 24%, $blue: 48%)} +@use "sass:color"; +a {b: color.scale($color: sienna, $red: 12%, $green: 24%, $blue: 48%)} <===> named/output.css a { diff --git a/spec/core_functions/modules/general.hrx b/spec/core_functions/general.hrx similarity index 100% rename from spec/core_functions/modules/general.hrx rename to spec/core_functions/general.hrx diff --git a/spec/core_functions/global/README.md b/spec/core_functions/global/README.md new file mode 100644 index 000000000..0b26a775e --- /dev/null +++ b/spec/core_functions/global/README.md @@ -0,0 +1,12 @@ +This directory tests the global versions of the core functions that are +accessible from the `sass:` modules as defined in [the module system proposal]. + +It just tests that each individual function is accessible with the correct name, +as the actual implementations of these functions are already tested using the +`sass:` modules. + +Note: Only the function being tested uses the global name here. `sass:` modules +may still be loaded to access other functions used as part of the test (e.g. +`meta.inspect()`). + +[the module system proposal]: https://github.com/sass/sass/blob/master/accepted/module-system.md#built-in-modules-1 diff --git a/spec/core_functions/global/color.hrx b/spec/core_functions/global/color.hrx new file mode 100644 index 000000000..99424ea45 --- /dev/null +++ b/spec/core_functions/global/color.hrx @@ -0,0 +1,379 @@ +<===> red/input.scss +a {b: red(#abcdef)} + +<===> red/output.css +a { + b: 171; +} + +<===> +================================================================================ +<===> green/input.scss +a {b: green(#abcdef)} + +<===> green/output.css +a { + b: 205; +} + +<===> +================================================================================ +<===> blue/input.scss +a {b: blue(#abcdef)} + +<===> blue/output.css +a { + b: 239; +} + +<===> +================================================================================ +<===> hue/input.scss +a {b: hue(#abcdef)} + +<===> hue/output.css +a { + b: 210deg; +} + +<===> +================================================================================ +<===> saturation/input.scss +a {b: saturation(#abcdef)} + +<===> saturation/output.css +a { + b: 68%; +} + +<===> +================================================================================ +<===> lightness/input.scss +a {b: lightness(#abcdef)} + +<===> lightness/output.css +a { + b: 80.3921568627%; +} + +<===> +================================================================================ +<===> mix/input.scss +a {b: mix(#abcdef, #daddee)} + +<===> mix/output.css +a { + b: #c3d5ef; +} + +<===> +================================================================================ +<===> complement/input.scss +a {b: complement(#abcdef)} + +<===> complement/output.css +a { + b: #efcdab; +} + +<===> +================================================================================ +<===> darken/input.scss +a {b: darken(#abcdef, 10%)} + +<===> darken/output.css +a { + b: #80b4e7; +} + +<===> +================================================================================ +<===> desaturate/input.scss +a {b: desaturate(#abcdef, 10%)} + +<===> desaturate/output.css +a { + b: #b0cdea; +} + +<===> +================================================================================ +<===> fade-in/input.scss +a {b: fade-in(rgba(red, 0.5), 0.3)} + +<===> fade-in/output.css +a { + b: rgba(255, 0, 0, 0.8); +} + + +<===> +================================================================================ +<===> opacify/input.scss +a {b: opacify(rgba(red, 0.5), 0.3)} + +<===> opacify/output.css +a { + b: rgba(255, 0, 0, 0.8); +} + +<===> +================================================================================ +<===> fade-out/input.scss +a {b: fade-out(rgba(red, 0.5), 0.3)} + +<===> fade-out/output.css +a { + b: rgba(255, 0, 0, 0.2); +} + +<===> +================================================================================ +<===> transparentize/input.scss +a {b: transparentize(rgba(red, 0.5), 0.3)} + +<===> transparentize/output.css +a { + b: rgba(255, 0, 0, 0.2); +} + +<===> +================================================================================ +<===> lighten/input.scss +a {b: lighten(#abcdef, 10%)} + +<===> lighten/output.css +a { + b: #d6e7f7; +} + +<===> +================================================================================ +<===> saturate/input.scss +a {b: saturate(#abcdef, 10%)} + +<===> saturate/output.css +a { + b: #a6cdf4; +} + +<===> +================================================================================ +<===> alpha/input.scss +a {b: alpha(#abcdef)} + +<===> alpha/output.css +a { + b: 1; +} + +<===> +================================================================================ +<===> scale/input.scss +a {b: scale-color(#abcdef, $red: 10%)} + +<===> scale/output.css +a { + b: #b3cdef; +} + +<===> +================================================================================ +<===> change/input.scss +a {b: change-color(#abcdef, $red: 10)} + +<===> change/output.css +a { + b: #0acdef; +} + +<===> +================================================================================ +<===> ie_hex_str/input.scss +a {b: ie-hex-str(#abcdef)} + +<===> ie_hex_str/output.css +a { + b: #FFABCDEF; +} + +<===> +================================================================================ +<===> grayscale/with_color/input.scss +a {b: grayscale(red)} + +<===> grayscale/with_color/output.css +a { + b: gray; +} + +<===> +================================================================================ +<===> grayscale/with_number/input.scss +// A number should produce a plain function string, for CSS filter functions. +a {b: grayscale(15%)} + +<===> grayscale/with_number/output.css +a { + b: grayscale(15%); +} + +<===> +================================================================================ +<===> grayscale/with_css_var/input.scss +a {b: grayscale(var(--c))} + +<===> grayscale/with_css_var/output.css +a { + b: grayscale(var(--c)); +} + +<===> +================================================================================ +<===> grayscale/with_calc/input.scss +a {b: grayscale(calc(1 + 2))} + +<===> grayscale/with_calc/output.css +a { + b: grayscale(3); +} + +<===> +================================================================================ +<===> grayscale/with_unquoted_calc/input.scss +@use "sass:string"; +a {b: grayscale(string.unquote('calc(1)'))} + +<===> grayscale/with_unquoted_calc/output.css +a { + b: grayscale(calc(1)); +} + +<===> +================================================================================ +<===> invert/with_color/input.scss +a {b: invert(#abcdef)} + +<===> invert/with_color/output.css +a { + b: #543210; +} + +<===> +================================================================================ +<===> invert/with_number/input.scss +a {b: invert(10%)} + +<===> invert/with_number/output.css +a { + b: invert(10%); +} + +<===> +================================================================================ +<===> invert/with_css_var/input.scss +a {b: invert(var(--c))} + +<===> invert/with_css_var/output.css +a { + b: invert(var(--c)); +} + +<===> +================================================================================ +<===> invert/with_calc/input.scss +a {b: invert(calc(1 + 2))} + +<===> invert/with_calc/output.css +a { + b: invert(3); +} + +<===> +================================================================================ +<===> invert/with_unquoted_calc/input.scss +@use "sass:string"; +a {b: invert(string.unquote('calc(1)'))} + +<===> invert/with_unquoted_calc/output.css +a { + b: invert(calc(1)); +} + +<===> +================================================================================ +<===> error/too_low/lighten/input.scss +a {b: lighten(red, -0.001)} + +<===> error/too_low/lighten/error +Error: $amount: Expected -0.001 to be within 0 and 100. + , +1 | a {b: lighten(red, -0.001)} + | ^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 1:7 root stylesheet + +<===> +================================================================================ +<===> error/too_low/darken/input.scss +a {b: darken(red, -0.001)} + +<===> error/too_low/darken/error +Error: $amount: Expected -0.001 to be within 0 and 100. + , +1 | a {b: darken(red, -0.001)} + | ^^^^^^^^^^^^^^^^^^^ + ' + input.scss 1:7 root stylesheet + +<===> +================================================================================ +<===> error/too_low/saturate/input.scss +a {b: saturate(red, -0.001)} + +<===> error/too_low/saturate/error +Error: $amount: Expected -0.001 to be within 0 and 100. + , +1 | a {b: saturate(red, -0.001)} + | ^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 1:7 root stylesheet + +<===> +================================================================================ +<===> error/too_low/desaturate/input.scss +a {b: desaturate(red, -0.001)} + +<===> error/too_low/desaturate/error +Error: $amount: Expected -0.001 to be within 0 and 100. + , +1 | a {b: desaturate(red, -0.001)} + | ^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 1:7 root stylesheet + +<===> +================================================================================ +<===> error/too_low/fade_in/input.scss +a {b: fade-in(red, -0.001)} + +<===> error/too_low/fade_in/error +Error: $amount: Expected -0.001 to be within 0 and 1. + , +1 | a {b: fade-in(red, -0.001)} + | ^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 1:7 root stylesheet + +<===> +================================================================================ +<===> error/too_low/fade_out/input.scss +a {b: fade-out(red, -0.001)} + +<===> error/too_low/fade_out/error +Error: $amount: Expected -0.001 to be within 0 and 1. + , +1 | a {b: fade-out(red, -0.001)} + | ^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 1:7 root stylesheet diff --git a/spec/core_functions/global/list.hrx b/spec/core_functions/global/list.hrx new file mode 100644 index 000000000..74e6f365a --- /dev/null +++ b/spec/core_functions/global/list.hrx @@ -0,0 +1,78 @@ +<===> append/input.scss +a {b: append(c d, e)} + +<===> append/output.css +a { + b: c d e; +} + +<===> +================================================================================ +<===> index/input.scss +a {b: index(a b c, b)} + +<===> index/output.css +a { + b: 2; +} + +<===> +================================================================================ +<===> join/input.scss +a {b: join(c d, e f)} + +<===> join/output.css +a { + b: c d e f; +} + +<===> +================================================================================ +<===> length/input.scss +a {b: length(a b c)} + +<===> length/output.css +a { + b: 3; +} + +<===> +================================================================================ +<===> nth/input.scss +a {b: nth(a b c, 3)} + +<===> nth/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> list-separator/input.scss +a {b: list-separator(a b c)} + +<===> list-separator/output.css +a { + b: space; +} + +<===> +================================================================================ +<===> set-nth/input.scss +a {b: set-nth(c d e, 2, f)} + +<===> set-nth/output.css +a { + b: c f e; +} + + +<===> +================================================================================ +<===> zip/input.scss +a {b: zip(1 2 3, c d e)} + +<===> zip/output.css +a { + b: 1 c, 2 d, 3 e; +} diff --git a/spec/core_functions/global/map.hrx b/spec/core_functions/global/map.hrx new file mode 100644 index 000000000..6026106b9 --- /dev/null +++ b/spec/core_functions/global/map.hrx @@ -0,0 +1,59 @@ +<===> get/input.scss +a {b: map-get((c: d), c)} + +<===> get/output.css +a { + b: d; +} + +<===> +================================================================================ +<===> merge/input.scss +@use "sass:meta"; +a {b: meta.inspect(map-merge((c: d), (e: f)))} + +<===> merge/output.css +a { + b: (c: d, e: f); +} + +<===> +================================================================================ +<===> remove/input.scss +@use "sass:meta"; +a {b: meta.inspect(map-remove((c: d), c))} + +<===> remove/output.css +a { + b: (); +} + +<===> +================================================================================ +<===> keys/input.scss +a {b: map-keys((c: d))} + +<===> keys/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> values/input.scss +a {b: map-values((c: d))} + +<===> values/output.css +a { + b: d; +} + +<===> +================================================================================ +<===> has_key/input.scss +a {b: map-has-key((c: d), c)} + +<===> has_key/output.css +a { + b: true; +} diff --git a/spec/core_functions/modules/math.hrx b/spec/core_functions/global/math.hrx similarity index 54% rename from spec/core_functions/modules/math.hrx rename to spec/core_functions/global/math.hrx index 5b07e6d7a..65d00c4f9 100644 --- a/spec/core_functions/modules/math.hrx +++ b/spec/core_functions/global/math.hrx @@ -1,6 +1,5 @@ <===> percentage/input.scss -@use "sass:math"; -a {b: math.percentage(0.5)} +a {b: percentage(0.5)} <===> percentage/output.css a { @@ -11,8 +10,7 @@ a { <===> ================================================================================ <===> round/input.scss -@use "sass:math"; -a {b: math.round(0.5)} +a {b: round(0.5)} <===> round/output.css a { @@ -22,8 +20,7 @@ a { <===> ================================================================================ <===> ceil/input.scss -@use "sass:math"; -a {b: math.ceil(0.5)} +a {b: ceil(0.5)} <===> ceil/output.css a { @@ -33,8 +30,7 @@ a { <===> ================================================================================ <===> floor/input.scss -@use "sass:math"; -a {b: math.floor(0.5)} +a {b: floor(0.5)} <===> floor/output.css a { @@ -44,8 +40,7 @@ a { <===> ================================================================================ <===> abs/input.scss -@use "sass:math"; -a {b: math.abs(-1)} +a {b: abs(-1)} <===> abs/output.css a { @@ -55,8 +50,7 @@ a { <===> ================================================================================ <===> min/input.scss -@use "sass:math"; -a {b: math.min(1, 2, 3)} +a {b: min(1, 2, 3)} <===> min/output.css a { @@ -66,8 +60,7 @@ a { <===> ================================================================================ <===> max/input.scss -@use "sass:math"; -a {b: math.max(1, 2, 3)} +a {b: max(1, 2, 3)} <===> max/output.css a { @@ -77,8 +70,7 @@ a { <===> ================================================================================ <===> random/input.scss -@use "sass:math"; -a {b: math.random(5) <= 5} +a {b: random(5) <= 5} <===> random/output.css a { @@ -88,8 +80,7 @@ a { <===> ================================================================================ <===> unit/input.scss -@use "sass:math"; -a {b: math.unit(5px)} +a {b: unit(5px)} <===> unit/output.css a { @@ -98,50 +89,20 @@ a { <===> ================================================================================ -<===> is_unitless/input.scss -@use "sass:math"; -a {b: math.is-unitless(1)} +<===> unitless/input.scss +a {b: unitless(1)} -<===> is_unitless/output.css +<===> unitless/output.css a { b: true; } <===> ================================================================================ -<===> compatible/input.scss -@use "sass:math"; -a {b: math.compatible(1px, 1in)} +<===> comparable/input.scss +a {b: comparable(1px, 1in)} -<===> compatible/output.css +<===> comparable/output.css a { b: true; } - -<===> -================================================================================ -<===> error/unitless/input.scss -@use "sass:math"; -a {b: math.unitless(1)} - -<===> error/unitless/error -Error: Undefined function. - , -2 | a {b: math.unitless(1)} - | ^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/comparable/input.scss -@use "sass:math"; -a {b: math.comparable(1px, 1in)} - -<===> error/comparable/error -Error: Undefined function. - , -2 | a {b: math.comparable(1px, 1in)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet diff --git a/spec/core_functions/modules/meta.hrx b/spec/core_functions/global/meta.hrx similarity index 76% rename from spec/core_functions/modules/meta.hrx rename to spec/core_functions/global/meta.hrx index 5836feaf4..cda938d11 100644 --- a/spec/core_functions/modules/meta.hrx +++ b/spec/core_functions/global/meta.hrx @@ -1,6 +1,5 @@ <===> inspect/input.scss -@use "sass:meta"; -a {b: meta.inspect(())} +a {b: inspect(())} <===> inspect/output.css a { @@ -10,8 +9,7 @@ a { <===> ================================================================================ <===> feature_exists/input.scss -@use "sass:meta"; -a {b: meta.feature-exists(at-error)} +a {b: feature-exists(at-error)} <===> feature_exists/output.css a { @@ -21,8 +19,7 @@ a { <===> ================================================================================ <===> variable_exists/input.scss -@use "sass:meta"; -a {b: meta.variable-exists(c)} +a {b: variable-exists(c)} <===> variable_exists/output.css a { @@ -32,8 +29,7 @@ a { <===> ================================================================================ <===> global_variable_exists/input.scss -@use "sass:meta"; -a {b: meta.global-variable-exists(c)} +a {b: global-variable-exists(c)} <===> global_variable_exists/output.css a { @@ -43,8 +39,7 @@ a { <===> ================================================================================ <===> function_exists/input.scss -@use "sass:meta"; -a {b: meta.function-exists(c)} +a {b: function-exists(c)} <===> function_exists/output.css a { @@ -54,8 +49,7 @@ a { <===> ================================================================================ <===> mixin_exists/input.scss -@use "sass:meta"; -a {b: meta.mixin-exists(c)} +a {b: mixin-exists(c)} <===> mixin_exists/output.css a { @@ -66,7 +60,7 @@ a { ================================================================================ <===> get_function/input.scss @use "sass:meta"; -a {b: meta.inspect(meta.get-function(rgb))} +a {b: meta.inspect(get-function(rgb))} <===> get_function/output.css a { @@ -76,8 +70,7 @@ a { <===> ================================================================================ <===> type_of/input.scss -@use "sass:meta"; -a {b: meta.type-of(())} +a {b: type-of(())} <===> type_of/output.css a { @@ -88,7 +81,7 @@ a { ================================================================================ <===> call/input.scss @use "sass:meta"; -a {b: meta.call(meta.get-function("rgb"), 1, 2, 3)} +a {b: call(meta.get-function("rgb"), 1, 2, 3)} <===> call/output.css a { @@ -98,10 +91,8 @@ a { <===> ================================================================================ <===> content_exists/input.scss -@use "sass:meta"; - @mixin print-content-exists { - a {b: meta.content-exists()} + a {b: content-exists()} } @include print-content-exists; @@ -116,11 +107,11 @@ a { <===> keywords/input.scss @use "sass:meta"; -@function keywords($args...) { - @return meta.keywords($args); +@function helper($args...) { + @return keywords($args); } -a {b: meta.inspect(keywords($c: d))} +a {b: meta.inspect(helper($c: d))} <===> keywords/output.css a { diff --git a/spec/core_functions/global/selector.hrx b/spec/core_functions/global/selector.hrx new file mode 100644 index 000000000..e8a153cce --- /dev/null +++ b/spec/core_functions/global/selector.hrx @@ -0,0 +1,77 @@ +<===> nest/input.scss +a {b: selector-nest(c, d)} + +<===> nest/output.css +a { + b: c d; +} + +<===> +================================================================================ +<===> append/input.scss +a {b: selector-append(c, d)} + +<===> append/output.css +a { + b: cd; +} + +<===> +================================================================================ +<===> replace/input.scss +a {b: selector-replace(c, c, d)} + +<===> replace/output.css +a { + b: d; +} + +<===> +================================================================================ +<===> extend/input.scss +a {b: selector-extend(c, c, d)} + +<===> extend/output.css +a { + b: c, d; +} + +<===> +================================================================================ +<===> unify/input.scss +a {b: selector-unify(".c", ".d")} + +<===> unify/output.css +a { + b: .c.d; +} + +<===> +================================================================================ +<===> is_superselector/input.scss +a {b: is-superselector(c, d)} + +<===> is_superselector/output.css +a { + b: false; +} + +<===> +================================================================================ +<===> simple_selectors/input.scss +a {b: simple-selectors(".c.d")} + +<===> simple_selectors/output.css +a { + b: .c, .d; +} + +<===> +================================================================================ +<===> parse/input.scss +a {b: selector-parse(".c, .d")} + +<===> parse/output.css +a { + b: .c, .d; +} diff --git a/spec/core_functions/global/string.hrx b/spec/core_functions/global/string.hrx new file mode 100644 index 000000000..e9c90b9fb --- /dev/null +++ b/spec/core_functions/global/string.hrx @@ -0,0 +1,78 @@ +<===> unquote/input.scss +a {b: unquote("c")} + +<===> unquote/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> quote/input.scss +a {b: quote(c)} + +<===> quote/output.css +a { + b: "c"; +} + +<===> +================================================================================ +<===> length/input.scss +a {b: str-length("c")} + +<===> length/output.css +a { + b: 1; +} + +<===> +================================================================================ +<===> insert/input.scss +a {b: str-insert("c", "d", 1)} + +<===> insert/output.css +a { + b: "dc"; +} + +<===> +================================================================================ +<===> index/input.scss +a {b: str-index("c", "c")} + +<===> index/output.css +a { + b: 1; +} + +<===> +================================================================================ +<===> slice/input.scss +a {b: str-slice("c", 1, 1)} + +<===> slice/output.css +a { + b: "c"; +} + +<===> +================================================================================ +<===> to_upper_case/input.scss +a {b: to-upper-case("c")} + +<===> to_upper_case/output.css +a { + b: "C"; +} + +<===> +================================================================================ +<===> unique_id/input.scss +@use "sass:meta"; +a {b: meta.type-of(unique-id())} + +<===> unique_id/output.css +a { + b: string; +} diff --git a/spec/core_functions/list/_utils.scss b/spec/core_functions/list/_utils.scss index 6515accf7..0ac7ee2cc 100644 --- a/spec/core_functions/list/_utils.scss +++ b/spec/core_functions/list/_utils.scss @@ -11,25 +11,28 @@ // lists, but in order to thoroughly test their behavior we want to be able // to distinguish lists that are internally space-separated from those that // are internally undecided. +@use "sass:list"; +@use "sass:map"; /// Like `list-separator()` but returns `undecided` for lists with undecided /// separators. @function real-separator($list) { - @if list-separator(join($list, 1 2)) != list-separator(join($list, (1, 2))) { + @if list.separator(list.join($list, 1 2)) != + list.separator(list.join($list, (1, 2))) { @return undecided; } @else { - @return list-separator($list); + @return list.separator($list); } } /// Returns a copy of `$list` with the given `$separator`. @function with-separator($list, $separator) { - @return join($list, (), $separator); + @return list.join($list, (), $separator); } /// An empty map, created by removing a value from a map. This *should* be /// treated as identical to the literal `()`. -$empty-map: map-remove((a: b), a); +$empty-map: map.remove((a: b), a); /// The value `()` has an undefined separator, but we can construct an empty /// list with a defined space separator. diff --git a/spec/core_functions/list/append.hrx b/spec/core_functions/list/append.hrx index ab7f55522..f7ec74313 100644 --- a/spec/core_functions/list/append.hrx +++ b/spec/core_functions/list/append.hrx @@ -1,11 +1,13 @@ <===> empty/undecided/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: append((), 1); +$result: list.append((), 1); a { value: $result; - type: type-of($result); - separator: real-separator($result); + type: meta.type-of($result); + separator: utils.real-separator($result); } <===> empty/undecided/output.css @@ -18,13 +20,15 @@ a { <===> ================================================================================ <===> empty/space/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: append($empty-space-list, 1); +$result: list.append(utils.$empty-space-list, 1); a { value: $result; - type: type-of($result); - separator: real-separator($result); + type: meta.type-of($result); + separator: utils.real-separator($result); } <===> empty/space/output.css @@ -37,13 +41,15 @@ a { <===> ================================================================================ <===> empty/comma/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: append($empty-comma-list, 1); +$result: list.append(utils.$empty-comma-list, 1); a { value: $result; - type: type-of($result); - separator: real-separator($result); + type: meta.type-of($result); + separator: utils.real-separator($result); } <===> empty/comma/output.css @@ -56,7 +62,8 @@ a { <===> ================================================================================ <===> single/undecided/input.scss -a {b: append(1, 2)} +@use "sass:list"; +a {b: list.append(1, 2)} <===> single/undecided/output.css a { @@ -66,8 +73,9 @@ a { <===> ================================================================================ <===> single/space/input.scss -@import "core_functions/list/utils"; -a {b: append(with-separator(1, space), 2)} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.append(utils.with-separator(1, space), 2)} <===> single/space/output.css a { @@ -77,7 +85,8 @@ a { <===> ================================================================================ <===> single/comma/input.scss -a {b: append((1,), 2)} +@use "sass:list"; +a {b: list.append((1,), 2)} <===> single/comma/output.css a { @@ -87,7 +96,8 @@ a { <===> ================================================================================ <===> space/default/input.scss -a {b: append(1 2 3, 4)} +@use "sass:list"; +a {b: list.append(1 2 3, 4)} <===> space/default/output.css a { @@ -97,7 +107,8 @@ a { <===> ================================================================================ <===> space/overridden/input.scss -a {b: append((1, 2, 3), 4, $separator: space)} +@use "sass:list"; +a {b: list.append((1, 2, 3), 4, $separator: space)} <===> space/overridden/output.css a { @@ -107,7 +118,8 @@ a { <===> ================================================================================ <===> comma/default/input.scss -a {b: append((1, 2, 3), 4)} +@use "sass:list"; +a {b: list.append((1, 2, 3), 4)} <===> comma/default/output.css a { @@ -117,7 +129,8 @@ a { <===> ================================================================================ <===> comma/overridden/input.scss -a {b: append(1 2 3, 4, $separator: comma)} +@use "sass:list"; +a {b: list.append(1 2 3, 4, $separator: comma)} <===> comma/overridden/output.css a { @@ -128,7 +141,7 @@ a { ================================================================================ <===> slash/default/input.scss @use "sass:list"; -a {b: append(list.slash(c, d), e)} +a {b: list.append(list.slash(c, d), e)} <===> slash/default/output.css a { @@ -138,7 +151,8 @@ a { <===> ================================================================================ <===> slash/overridden/input.scss -a {b: append(c d, e, $separator: slash)} +@use "sass:list"; +a {b: list.append(c d, e, $separator: slash)} <===> slash/overridden/output.css a { @@ -148,7 +162,8 @@ a { <===> ================================================================================ <===> bracketed/input.scss -a {b: append([], 1)} +@use "sass:list"; +a {b: list.append([], 1)} <===> bracketed/output.css a { @@ -158,13 +173,15 @@ a { <===> ================================================================================ <===> map/empty/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: append($empty-map, 1); +$result: list.append(utils.$empty-map, 1); a { value: $result; - type: type-of($result); - separator: real-separator($result); + type: meta.type-of($result); + separator: utils.real-separator($result); } <===> map/empty/output.css @@ -177,7 +194,8 @@ a { <===> ================================================================================ <===> map/non_empty/input.scss -a {b: append((c: d, e: f), g)} +@use "sass:list"; +a {b: list.append((c: d, e: f), g)} <===> map/non_empty/output.css a { @@ -187,7 +205,8 @@ a { <===> ================================================================================ <===> non_list/input.scss -a {b: append(c, d)} +@use "sass:list"; +a {b: list.append(c, d)} <===> non_list/output.css a { @@ -197,7 +216,8 @@ a { <===> ================================================================================ <===> auto/input.scss -a {b: append(c d, e, $separator: auto)} +@use "sass:list"; +a {b: list.append(c d, e, $separator: auto)} <===> auto/output.css a { @@ -207,7 +227,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: append($list: c d, $val: e, $separator: comma)} +@use "sass:list"; +a {b: list.append($list: c d, $val: e, $separator: comma)} <===> named/output.css a { @@ -217,59 +238,63 @@ a { <===> ================================================================================ <===> error/type/separator/input.scss -a {b: append(c, d, $separator: 1)} +@use "sass:list"; +a {b: list.append(c, d, $separator: 1)} <===> error/type/separator/error Error: $separator: 1 is not a string. , -1 | a {b: append(c, d, $separator: 1)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: list.append(c, d, $separator: 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: append(c, d, comma, e)} +@use "sass:list"; +a {b: list.append(c, d, comma, e)} <===> error/too_many_args/error Error: Only 3 arguments allowed, but 4 were passed. ,--> input.scss -1 | a {b: append(c, d, comma, e)} - | ^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: list.append(c, d, comma, e)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function append($list, $val, $separator: auto) { | ===================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: append(c)} +@use "sass:list"; +a {b: list.append(c)} <===> error/too_few_args/error Error: Missing argument $val. ,--> input.scss -1 | a {b: append(c)} - | ^^^^^^^^^ invocation +2 | a {b: list.append(c)} + | ^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function append($list, $val, $separator: auto) { | ===================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/unknown_separator/input.scss -a {b: append(c, d, $separator: e)} +@use "sass:list"; +a {b: list.append(c, d, $separator: e)} <===> error/unknown_separator/error Error: $separator: Must be "space", "comma", "slash", or "auto". , -1 | a {b: append(c, d, $separator: e)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: list.append(c, d, $separator: e)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/list/index.hrx b/spec/core_functions/list/index.hrx index 030ac1409..5ce89c6ce 100644 --- a/spec/core_functions/list/index.hrx +++ b/spec/core_functions/list/index.hrx @@ -1,5 +1,6 @@ <===> found/single/input.scss -a {b: index([c], c)} +@use "sass:list"; +a {b: list.index([c], c)} <===> found/single/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> found/first/input.scss -a {b: index(a b c, a)} +@use "sass:list"; +a {b: list.index(a b c, a)} <===> found/first/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> found/last/input.scss -a {b: index(a b c, c)} +@use "sass:list"; +a {b: list.index(a b c, c)} <===> found/last/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> found/sass_equality/input.scss -a {b: index(1px 1in 1cm, 96px)} +@use "sass:list"; +a {b: list.index(1px 1in 1cm, 96px)} <===> found/sass_equality/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> found/multiple/input.scss -a {b: index(a b c a b c, b)} +@use "sass:list"; +a {b: list.index(a b c a b c, b)} <===> found/multiple/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> found/map/input.scss -a {b: index((c: d, e: f, g: h), e f)} +@use "sass:list"; +a {b: list.index((c: d, e: f, g: h), e f)} <===> found/map/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> found/non_list/input.scss -a {b: index(c, c)} +@use "sass:list"; +a {b: list.index(c, c)} <===> found/non_list/output.css a { @@ -69,7 +76,9 @@ a { <===> ================================================================================ <===> not_found/empty/input.scss -a {b: inspect(index((), c))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.index((), c))} <===> not_found/empty/output.css a { @@ -79,7 +88,9 @@ a { <===> ================================================================================ <===> not_found/non_empty/input.scss -a {b: inspect(index(c d e, f))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.index(c d e, f))} <===> not_found/non_empty/output.css a { @@ -89,8 +100,10 @@ a { <===> ================================================================================ <===> not_found/map/empty/input.scss -@import "core_functions/list/utils"; -a {b: inspect(index($empty-map, e))} +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; +a {b: meta.inspect(list.index(utils.$empty-map, e))} <===> not_found/map/empty/output.css a { @@ -100,7 +113,9 @@ a { <===> ================================================================================ <===> not_found/map/non_empty/input.scss -a {b: inspect(index((c: d, e: f, g: h), e))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.index((c: d, e: f, g: h), e))} <===> not_found/map/non_empty/output.css a { @@ -110,7 +125,9 @@ a { <===> ================================================================================ <===> not_found/non_list/input.scss -a {b: inspect(index(c, d))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.index(c, d))} <===> not_found/non_list/output.css a { @@ -120,7 +137,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: index($list: c d e, $value: d)} +@use "sass:list"; +a {b: list.index($list: c d e, $value: d)} <===> named/output.css a { @@ -130,33 +148,35 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: index(c d e)} +@use "sass:list"; +a {b: list.index(c d e)} <===> error/too_few_args/error Error: Missing argument $value. ,--> input.scss -1 | a {b: index(c d e)} - | ^^^^^^^^^^^^ invocation +2 | a {b: list.index(c d e)} + | ^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function index($list, $value) { | ==================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: index(c d e, d, e)} +@use "sass:list"; +a {b: list.index(c d e, d, e)} <===> error/too_many_args/error Error: Only 2 arguments allowed, but 3 were passed. ,--> input.scss -1 | a {b: index(c d e, d, e)} - | ^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: list.index(c d e, d, e)} + | ^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function index($list, $value) { | ==================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/list/join/empty.hrx b/spec/core_functions/list/join/empty.hrx index f13e243a9..b775ca937 100644 --- a/spec/core_functions/list/join/empty.hrx +++ b/spec/core_functions/list/join/empty.hrx @@ -1,13 +1,15 @@ <===> both/undecided/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: join((), ()); +$result: list.join((), ()); a { - value: inspect($result); + value: meta.inspect($result); // `join()` should always produce a real separator, even when the inputs have // undecided separators. It should default to `space`. - separator: real-separator($result); + separator: utils.real-separator($result); } <===> both/undecided/output.css @@ -19,12 +21,14 @@ a { <===> ================================================================================ <===> both/space/first/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: join($empty-space-list, ()); +$result: list.join(utils.$empty-space-list, ()); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> both/space/first/output.css @@ -36,12 +40,14 @@ a { <===> ================================================================================ <===> both/space/last/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: join((), $empty-space-list); +$result: list.join((), utils.$empty-space-list); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> both/space/last/output.css @@ -53,12 +59,14 @@ a { <===> ================================================================================ <===> both/comma/first/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: join($empty-comma-list, ()); +$result: list.join(utils.$empty-comma-list, ()); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> both/comma/first/output.css @@ -70,12 +78,14 @@ a { <===> ================================================================================ <===> both/comma/last/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: join((), $empty-comma-list); +$result: list.join((), utils.$empty-comma-list); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> both/comma/last/output.css @@ -87,13 +97,15 @@ a { <===> ================================================================================ <===> both/slash/first/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$empty-slash-list: join((), (), $separator: slash); -$result: join($empty-slash-list, ()); +$empty-slash-list: list.join((), (), $separator: slash); +$result: list.join($empty-slash-list, ()); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> both/slash/first/output.css @@ -105,13 +117,15 @@ a { <===> ================================================================================ <===> both/slash/last/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$empty-slash-list: join((), (), $separator: slash); -$result: join((), $empty-slash-list); +$empty-slash-list: list.join((), (), $separator: slash); +$result: list.join((), $empty-slash-list); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> both/slash/last/output.css @@ -123,7 +137,8 @@ a { <===> ================================================================================ <===> first/undecided/and_space/input.scss -a {b: join((), 1 2 3)} +@use "sass:list"; +a {b: list.join((), 1 2 3)} <===> first/undecided/and_space/output.css a { @@ -133,7 +148,8 @@ a { <===> ================================================================================ <===> first/undecided/and_comma/input.scss -a {b: join((), (1, 2, 3))} +@use "sass:list"; +a {b: list.join((), (1, 2, 3))} <===> first/undecided/and_comma/output.css a { @@ -144,7 +160,7 @@ a { ================================================================================ <===> first/undecided/and_slash/input.scss @use "sass:list"; -a {b: join((), list.slash(1, 2, 3))} +a {b: list.join((), list.slash(1, 2, 3))} <===> first/undecided/and_slash/output.css a { @@ -154,8 +170,9 @@ a { <===> ================================================================================ <===> first/space/input.scss -@import "core_functions/list/utils"; -a {b: join($empty-space-list, (1, 2, 3))} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join(utils.$empty-space-list, (1, 2, 3))} <===> first/space/output.css a { @@ -165,8 +182,9 @@ a { <===> ================================================================================ <===> first/comma/input.scss -@import "core_functions/list/utils"; -a {b: join($empty-comma-list, 1 2 3)} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join(utils.$empty-comma-list, 1 2 3)} <===> first/comma/output.css a { @@ -176,8 +194,9 @@ a { <===> ================================================================================ <===> first/slash/input.scss -$empty-slash-list: join((), (), $separator: slash); -a {b: join($empty-slash-list, 1 2 3)} +@use "sass:list"; +$empty-slash-list: list.join((), (), $separator: slash); +a {b: list.join($empty-slash-list, 1 2 3)} <===> first/slash/output.css a { @@ -187,7 +206,8 @@ a { <===> ================================================================================ <===> second/undecided/space/input.scss -a {b: join(1 2 3, ())} +@use "sass:list"; +a {b: list.join(1 2 3, ())} <===> second/undecided/space/output.css a { @@ -197,7 +217,8 @@ a { <===> ================================================================================ <===> second/undecided/comma/input.scss -a {b: join((1, 2, 3), ())} +@use "sass:list"; +a {b: list.join((1, 2, 3), ())} <===> second/undecided/comma/output.css a { @@ -208,7 +229,7 @@ a { ================================================================================ <===> second/undecided/slash/input.scss @use "sass:list"; -a {b: join(list.slash(1, 2, 3), ())} +a {b: list.join(list.slash(1, 2, 3), ())} <===> second/undecided/slash/output.css a { @@ -218,8 +239,9 @@ a { <===> ================================================================================ <===> second/space/input.scss -@import "core_functions/list/utils"; -a {b: join((1, 2, 3), $empty-space-list)} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join((1, 2, 3), utils.$empty-space-list)} <===> second/space/output.css a { @@ -229,8 +251,9 @@ a { <===> ================================================================================ <===> second/comma/input.scss -@import "core_functions/list/utils"; -a {b: join(1 2 3, $empty-comma-list)} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join(1 2 3, utils.$empty-comma-list)} <===> second/comma/output.css a { @@ -240,8 +263,9 @@ a { <===> ================================================================================ <===> second/slash/input.scss -$empty-slash-list: join((), (), $separator: slash); -a {b: join(1 2 3, $empty-slash-list)} +@use "sass:list"; +$empty-slash-list: list.join((), (), $separator: slash); +a {b: list.join(1 2 3, $empty-slash-list)} <===> second/slash/output.css a { @@ -251,12 +275,14 @@ a { <===> ================================================================================ <===> map/first/undecided/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: join($empty-map, ()); +$result: list.join(utils.$empty-map, ()); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> map/first/undecided/output.css @@ -268,8 +294,9 @@ a { <===> ================================================================================ <===> map/first/space/input.scss -@import "core_functions/list/utils"; -a {b: join($empty-map, 1 2 3)} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join(utils.$empty-map, 1 2 3)} <===> map/first/space/output.css a { @@ -279,8 +306,9 @@ a { <===> ================================================================================ <===> map/first/comma/input.scss -@import "core_functions/list/utils"; -a {b: join($empty-map, (1, 2, 3))} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join(utils.$empty-map, (1, 2, 3))} <===> map/first/comma/output.css a { @@ -291,8 +319,8 @@ a { ================================================================================ <===> map/first/slash/input.scss @use "sass:list"; -@import "core_functions/list/utils"; -a {b: join($empty-map, list.slash(1, 2, 3))} +@use "core_functions/list/utils"; +a {b: list.join(utils.$empty-map, list.slash(1, 2, 3))} <===> map/first/slash/output.css a { @@ -302,8 +330,9 @@ a { <===> ================================================================================ <===> map/second/space/input.scss -@import "core_functions/list/utils"; -a {b: join(1 2 3, $empty-map)} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join(1 2 3, utils.$empty-map)} <===> map/second/space/output.css a { @@ -313,8 +342,9 @@ a { <===> ================================================================================ <===> map/second/comma/input.scss -@import "core_functions/list/utils"; -a {b: join((1, 2, 3), $empty-map)} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join((1, 2, 3), utils.$empty-map)} <===> map/second/comma/output.css a { @@ -325,8 +355,8 @@ a { ================================================================================ <===> map/second/slash/input.scss @use "sass:list"; -@import "core_functions/list/utils"; -a {b: join(list.slash(1, 2, 3), $empty-map)} +@use "core_functions/list/utils"; +a {b: list.join(list.slash(1, 2, 3), utils.$empty-map)} <===> map/second/slash/output.css a { @@ -336,12 +366,14 @@ a { <===> ================================================================================ <===> map/second/undecided/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: join($empty-map, ()); +$result: list.join(utils.$empty-map, ()); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> map/second/undecided/output.css diff --git a/spec/core_functions/list/join/error.hrx b/spec/core_functions/list/join/error.hrx index 67539f79d..71f237cfd 100644 --- a/spec/core_functions/list/join/error.hrx +++ b/spec/core_functions/list/join/error.hrx @@ -7,93 +7,99 @@ invalid calls. <===> ================================================================================ <===> type/separator/input.scss -a {b: join(c, d, $separator: 1)} +@use "sass:list"; +a {b: list.join(c, d, $separator: 1)} <===> type/separator/error Error: $separator: 1 is not a string. , -1 | a {b: join(c, d, $separator: 1)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: list.join(c, d, $separator: 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_many_args/input.scss -a {b: join(c, d, comma, true, false)} +@use "sass:list"; +a {b: list.join(c, d, comma, true, false)} <===> too_many_args/error Error: Only 4 arguments allowed, but 5 were passed. ,--> input.scss -1 | a {b: join(c, d, comma, true, false)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: list.join(c, d, comma, true, false)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function join($list1, $list2, $separator: auto, $bracketed: auto) { | ======================================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_few_args/input.scss -a {b: join(c)} +@use "sass:list"; +a {b: list.join(c)} <===> too_few_args/error Error: Missing argument $list2. ,--> input.scss -1 | a {b: join(c)} - | ^^^^^^^ invocation +2 | a {b: list.join(c)} + | ^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function join($list1, $list2, $separator: auto, $bracketed: auto) { | ======================================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> named/input.scss -a {b: join(c, d, $invalid: true)} +@use "sass:list"; +a {b: list.join(c, d, $invalid: true)} <===> named/error Error: No argument named $invalid. ,--> input.scss -1 | a {b: join(c, d, $invalid: true)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: list.join(c, d, $invalid: true)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function join($list1, $list2, $separator: auto, $bracketed: auto) { | ======================================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> positional_and_named/input.scss -a {b: join(c, d, comma, true, false, $invalid: true)} +@use "sass:list"; +a {b: list.join(c, d, comma, true, false, $invalid: true)} <===> positional_and_named/error Error: Only 4 positional arguments allowed, but 5 were passed. ,--> input.scss -1 | a {b: join(c, d, comma, true, false, $invalid: true)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: list.join(c, d, comma, true, false, $invalid: true)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function join($list1, $list2, $separator: auto, $bracketed: auto) { | ======================================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> unknown_separator/input.scss -a {b: join(c, d, $separator: e)} +@use "sass:list"; +a {b: list.join(c, d, $separator: e)} <===> unknown_separator/error Error: $separator: Must be "space", "comma", "slash", or "auto". , -1 | a {b: join(c, d, $separator: e)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: list.join(c, d, $separator: e)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/list/join/multi.hrx b/spec/core_functions/list/join/multi.hrx index 5c954f50a..f4e4cac19 100644 --- a/spec/core_functions/list/join/multi.hrx +++ b/spec/core_functions/list/join/multi.hrx @@ -1,5 +1,6 @@ <===> auto/separator/input.scss -a {b: join((c, d), e f, $separator: auto)} +@use "sass:list"; +a {b: list.join((c, d), e f, $separator: auto)} <===> auto/separator/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> auto/bracketed/input.scss -a {b: join(c d, e f, $bracketed: auto)} +@use "sass:list"; +a {b: list.join(c d, e f, $bracketed: auto)} <===> auto/bracketed/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> comma/both/input.scss -a {b: join((c, d), (e, f))} +@use "sass:list"; +a {b: list.join((c, d), (e, f))} <===> comma/both/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> comma/first/input.scss -a {b: join((c, d), e f)} +@use "sass:list"; +a {b: list.join((c, d), e f)} <===> comma/first/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> comma/second/input.scss -a {b: join(c d, (e, f))} +@use "sass:list"; +a {b: list.join(c d, (e, f))} <===> comma/second/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> comma/separator/forces_comma/input.scss -a {b: join(c, d, $separator: comma)} +@use "sass:list"; +a {b: list.join(c, d, $separator: comma)} <===> comma/separator/forces_comma/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> comma/separator/forces_not_comma/input.scss -a {b: join((c, d), (e, f), $separator: space)} +@use "sass:list"; +a {b: list.join((c, d), (e, f), $separator: space)} <===> comma/separator/forces_not_comma/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> space/both/input.scss -a {b: join(c d, e f)} +@use "sass:list"; +a {b: list.join(c d, e f)} <===> space/both/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> space/separator/forces_space/input.scss -a {b: join(c, d, $separator: space)} +@use "sass:list"; +a {b: list.join(c, d, $separator: space)} <===> space/separator/forces_space/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> space/separator/forces_not_space/input.scss -a {b: join(c d, e f, $separator: comma)} +@use "sass:list"; +a {b: list.join(c d, e f, $separator: comma)} <===> space/separator/forces_not_space/output.css a { @@ -100,7 +110,7 @@ a { ================================================================================ <===> slash/both/input.scss @use "sass:list"; -a {b: join(list.slash(c, d), list.slash(e, f))} +a {b: list.join(list.slash(c, d), list.slash(e, f))} <===> slash/both/output.css a { @@ -111,7 +121,7 @@ a { ================================================================================ <===> slash/first/input.scss @use "sass:list"; -a {b: join(list.slash(c, d), e f)} +a {b: list.join(list.slash(c, d), e f)} <===> slash/first/output.css a { @@ -122,7 +132,7 @@ a { ================================================================================ <===> slash/second/input.scss @use "sass:list"; -a {b: join(c d, list.slash(e, f))} +a {b: list.join(c d, list.slash(e, f))} <===> slash/second/output.css a { @@ -132,7 +142,8 @@ a { <===> ================================================================================ <===> slash/separator/forces_slash/input.scss -a {b: join(c, d, $separator: slash)} +@use "sass:list"; +a {b: list.join(c, d, $separator: slash)} <===> slash/separator/forces_slash/output.css a { @@ -143,7 +154,7 @@ a { ================================================================================ <===> slash/separator/forces_not_slash/input.scss @use "sass:list"; -a {b: join(list.slash(c, d), list.slash(e, f), $separator: space)} +a {b: list.join(list.slash(c, d), list.slash(e, f), $separator: space)} <===> slash/separator/forces_not_slash/output.css a { @@ -153,7 +164,8 @@ a { <===> ================================================================================ <===> bracketed/both/input.scss -a {b: join([c d], [e f])} +@use "sass:list"; +a {b: list.join([c d], [e f])} <===> bracketed/both/output.css a { @@ -163,7 +175,8 @@ a { <===> ================================================================================ <===> bracketed/first/input.scss -a {b: join([c d], e f)} +@use "sass:list"; +a {b: list.join([c d], e f)} <===> bracketed/first/output.css a { @@ -173,7 +186,8 @@ a { <===> ================================================================================ <===> bracketed/second/input.scss -a {b: join(c d, [e f])} +@use "sass:list"; +a {b: list.join(c d, [e f])} <===> bracketed/second/output.css a { @@ -183,7 +197,8 @@ a { <===> ================================================================================ <===> bracketed/true/input.scss -a {b: join(c, d, $bracketed: true)} +@use "sass:list"; +a {b: list.join(c, d, $bracketed: true)} <===> bracketed/true/output.css a { @@ -193,7 +208,8 @@ a { <===> ================================================================================ <===> bracketed/false/input.scss -a {b: join([c], [d], $bracketed: false)} +@use "sass:list"; +a {b: list.join([c], [d], $bracketed: false)} <===> bracketed/false/output.css a { @@ -203,7 +219,8 @@ a { <===> ================================================================================ <===> bracketed/and_separator/input.scss -a {b: join(c, d, $bracketed: true, $separator: comma)} +@use "sass:list"; +a {b: list.join(c, d, $bracketed: true, $separator: comma)} <===> bracketed/and_separator/output.css a { @@ -213,7 +230,8 @@ a { <===> ================================================================================ <===> bracketed/positional/input.scss -a {b: join(c, d, comma, true)} +@use "sass:list"; +a {b: list.join(c, d, comma, true)} <===> bracketed/positional/output.css a { @@ -223,7 +241,8 @@ a { <===> ================================================================================ <===> bracketed/truthy/input.scss -a {b: join(c, d, $bracketed: e)} +@use "sass:list"; +a {b: list.join(c, d, $bracketed: e)} <===> bracketed/truthy/output.css a { @@ -233,7 +252,8 @@ a { <===> ================================================================================ <===> bracketed/falsey/input.scss -a {b: join([c], [d], $bracketed: null)} +@use "sass:list"; +a {b: list.join([c], [d], $bracketed: null)} <===> bracketed/falsey/output.css a { @@ -243,7 +263,8 @@ a { <===> ================================================================================ <===> map/both/input.scss -a {b: join((c: d, e: f), (g: h, i: j))} +@use "sass:list"; +a {b: list.join((c: d, e: f), (g: h, i: j))} <===> map/both/output.css a { @@ -253,7 +274,9 @@ a { <===> ================================================================================ <===> map/first/space/input.scss -a {b: inspect(join((c: d, e: f), g h))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.join((c: d, e: f), g h))} <===> map/first/space/output.css a { @@ -263,7 +286,8 @@ a { <===> ================================================================================ <===> map/first/comma/input.scss -a {b: join((c: d, e: f), (g, h))} +@use "sass:list"; +a {b: list.join((c: d, e: f), (g, h))} <===> map/first/comma/output.css a { @@ -274,7 +298,7 @@ a { ================================================================================ <===> map/first/slash/input.scss @use "sass:list"; -a {b: join((c: d, e: f), list.slash(g, h))} +a {b: list.join((c: d, e: f), list.slash(g, h))} <===> map/first/slash/output.css a { @@ -284,8 +308,10 @@ a { <===> ================================================================================ <===> map/second/space/input.scss +@use "sass:list"; +@use "sass:meta"; // Use inspect() to prove that the map is converted to a list of pairs. -a {b: inspect(join(c d, (e: f, g: h)))} +a {b: meta.inspect(list.join(c d, (e: f, g: h)))} <===> map/second/space/output.css a { @@ -295,7 +321,8 @@ a { <===> ================================================================================ <===> map/second/comma/input.scss -a {b: join((c, d), (e: f, g: h))} +@use "sass:list"; +a {b: list.join((c, d), (e: f, g: h))} <===> map/second/comma/output.css a { @@ -306,7 +333,7 @@ a { ================================================================================ <===> map/second/slash/input.scss @use "sass:list"; -a {b: join(list.slash(c, d), (e: f, g: h))} +a {b: list.join(list.slash(c, d), (e: f, g: h))} <===> map/second/slash/output.css a { @@ -316,7 +343,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: join($list1: a b, $list2: c d, $separator: comma, $bracketed: true)} +@use "sass:list"; +a {b: list.join($list1: a b, $list2: c d, $separator: comma, $bracketed: true)} <===> named/output.css a { diff --git a/spec/core_functions/list/join/single.hrx b/spec/core_functions/list/join/single.hrx index 50ff26096..939d37d85 100644 --- a/spec/core_functions/list/join/single.hrx +++ b/spec/core_functions/list/join/single.hrx @@ -1,5 +1,6 @@ <===> both/undecided/input.scss -a {b: join([1], [2])} +@use "sass:list"; +a {b: list.join([1], [2])} <===> both/undecided/output.css a { @@ -9,8 +10,9 @@ a { <===> ================================================================================ <===> both/space/first/input.scss -@import "core_functions/list/utils"; -a {b: join(with-separator(1, space), [2])} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join(utils.with-separator(1, space), [2])} <===> both/space/first/output.css a { @@ -20,8 +22,9 @@ a { <===> ================================================================================ <===> both/space/last/input.scss -@import "core_functions/list/utils"; -a {b: join([1], with-separator(2, space))} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join([1], utils.with-separator(2, space))} <===> both/space/last/output.css a { @@ -31,8 +34,9 @@ a { <===> ================================================================================ <===> both/comma/first/input.scss -@import "core_functions/list/utils"; -a {b: join((1,), [2])} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join((1,), [2])} <===> both/comma/first/output.css a { @@ -42,9 +46,10 @@ a { <===> ================================================================================ <===> both/comma/last/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "core_functions/list/utils"; -a {b: join([1], (2,))} +a {b: list.join([1], (2,))} <===> both/comma/last/output.css a { @@ -54,7 +59,8 @@ a { <===> ================================================================================ <===> both/slash/first/input.scss -a {b: join(join(1, (), $separator: slash), [2])} +@use "sass:list"; +a {b: list.join(list.join(1, (), $separator: slash), [2])} <===> both/slash/first/output.css a { @@ -64,7 +70,8 @@ a { <===> ================================================================================ <===> both/slash/last/input.scss -a {b: join([1], join(2, (), $separator: slash))} +@use "sass:list"; +a {b: list.join([1], list.join(2, (), $separator: slash))} <===> both/slash/last/output.css a { @@ -74,7 +81,8 @@ a { <===> ================================================================================ <===> first/undecided/and_space/input.scss -a {b: join([1], 2 3 4)} +@use "sass:list"; +a {b: list.join([1], 2 3 4)} <===> first/undecided/and_space/output.css a { @@ -84,7 +92,8 @@ a { <===> ================================================================================ <===> first/undecided/and_comma/input.scss -a {b: join([1], (2, 3, 4))} +@use "sass:list"; +a {b: list.join([1], (2, 3, 4))} <===> first/undecided/and_comma/output.css a { @@ -95,7 +104,7 @@ a { ================================================================================ <===> first/undecided/and_slash/input.scss @use "sass:list"; -a {b: join([1], list.slash(2, 3, 4))} +a {b: list.join([1], list.slash(2, 3, 4))} <===> first/undecided/and_slash/output.css a { @@ -105,8 +114,9 @@ a { <===> ================================================================================ <===> first/space/input.scss -@import "core_functions/list/utils"; -a {b: join(with-separator(1, space), (2, 3, 4))} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join(utils.with-separator(1, space), (2, 3, 4))} <===> first/space/output.css a { @@ -116,7 +126,8 @@ a { <===> ================================================================================ <===> first/comma/input.scss -a {b: join((1,), 2 3 4)} +@use "sass:list"; +a {b: list.join((1,), 2 3 4)} <===> first/comma/output.css a { @@ -126,7 +137,8 @@ a { <===> ================================================================================ <===> first/slash/input.scss -a {b: join(join(1, (), $separator: slash), 2 3 4)} +@use "sass:list"; +a {b: list.join(list.join(1, (), $separator: slash), 2 3 4)} <===> first/slash/output.css a { @@ -136,7 +148,8 @@ a { <===> ================================================================================ <===> second/undecided/space/input.scss -a {b: join(1 2 3, [4])} +@use "sass:list"; +a {b: list.join(1 2 3, [4])} <===> second/undecided/space/output.css a { @@ -146,7 +159,8 @@ a { <===> ================================================================================ <===> second/undecided/comma/input.scss -a {b: join((1, 2, 3), [4])} +@use "sass:list"; +a {b: list.join((1, 2, 3), [4])} <===> second/undecided/comma/output.css a { @@ -157,7 +171,7 @@ a { ================================================================================ <===> second/undecided/slash/input.scss @use "sass:list"; -a {b: join(list.slash(1, 2, 3), [4])} +a {b: list.join(list.slash(1, 2, 3), [4])} <===> second/undecided/slash/output.css a { @@ -167,8 +181,9 @@ a { <===> ================================================================================ <===> second/space/input.scss -@import "core_functions/list/utils"; -a {b: join((1, 2, 3), with-separator(4, space))} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.join((1, 2, 3), utils.with-separator(4, space))} <===> second/space/output.css a { @@ -178,7 +193,8 @@ a { <===> ================================================================================ <===> second/comma/input.scss -a {b: join(1 2 3, (4,))} +@use "sass:list"; +a {b: list.join(1 2 3, (4,))} <===> second/comma/output.css a { @@ -188,7 +204,8 @@ a { <===> ================================================================================ <===> second/slash/input.scss -a {b: join(1 2 3, join(4, (), $separator: slash))} +@use "sass:list"; +a {b: list.join(1 2 3, list.join(4, (), $separator: slash))} <===> second/slash/output.css a { @@ -198,7 +215,8 @@ a { <===> ================================================================================ <===> non_list/both/input.scss -a {b: join(c, d)} +@use "sass:list"; +a {b: list.join(c, d)} <===> non_list/both/output.css a { @@ -208,7 +226,9 @@ a { <===> ================================================================================ <===> non_list/first/space/input.scss -a {b: inspect(join(c, d e))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.join(c, d e))} <===> non_list/first/space/output.css a { @@ -218,7 +238,8 @@ a { <===> ================================================================================ <===> non_list/first/comma/input.scss -a {b: join(c, (d, e))} +@use "sass:list"; +a {b: list.join(c, (d, e))} <===> non_list/first/comma/output.css a { @@ -229,7 +250,7 @@ a { ================================================================================ <===> non_list/first/slash/input.scss @use "sass:list"; -a {b: join(c, list.slash(d, e))} +a {b: list.join(c, list.slash(d, e))} <===> non_list/first/slash/output.css a { @@ -239,16 +260,18 @@ a { <===> ================================================================================ <===> non_list/first/undecided/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: join(c, ()); +$result: list.join(c, ()); a { - value: inspect($result); - type: type-of($result); + value: meta.inspect($result); + type: meta.type-of($result); // Note: LibSass's output here is strange but not strictly-speaking wrong. // See sass/libsass#2926 for details. - separator: real-separator($result); + separator: utils.real-separator($result); } <===> non_list/first/undecided/output.css @@ -261,7 +284,9 @@ a { <===> ================================================================================ <===> non_list/second/space/input.scss -a {b: inspect(join(c d, e))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.join(c d, e))} <===> non_list/second/space/output.css a { @@ -271,7 +296,8 @@ a { <===> ================================================================================ <===> non_list/second/comma/input.scss -a {b: join((c, d), e)} +@use "sass:list"; +a {b: list.join((c, d), e)} <===> non_list/second/comma/output.css a { @@ -282,7 +308,7 @@ a { ================================================================================ <===> non_list/second/slash/input.scss @use "sass:list"; -a {b: join(list.slash(c, d), e)} +a {b: list.join(list.slash(c, d), e)} <===> non_list/second/slash/output.css a { @@ -292,16 +318,18 @@ a { <===> ================================================================================ <===> non_list/second/undecided/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: join((), c); +$result: list.join((), c); a { - value: inspect($result); - type: type-of($result); + value: meta.inspect($result); + type: meta.type-of($result); // Note: LibSass's output here is strange but not strictly-speaking wrong. // See sass/libsass#2926 for details. - separator: real-separator($result); + separator: utils.real-separator($result); } <===> non_list/second/undecided/output.css diff --git a/spec/core_functions/list/length.hrx b/spec/core_functions/list/length.hrx index e0a70ff07..79f2db68d 100644 --- a/spec/core_functions/list/length.hrx +++ b/spec/core_functions/list/length.hrx @@ -1,5 +1,6 @@ <===> 0/input.scss -a {b: length(())} +@use "sass:list"; +a {b: list.length(())} <===> 0/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> 1/input.scss -a {b: length(join((), 1))} +@use "sass:list"; +a {b: list.length(list.join((), 1))} <===> 1/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> 2/input.scss -a {b: length(c d)} +@use "sass:list"; +a {b: list.length(c d)} <===> 2/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> many/input.scss -a {b: length((1, 2, 3, 4, 5))} +@use "sass:list"; +a {b: list.length((1, 2, 3, 4, 5))} <===> many/output.css a { @@ -39,8 +43,9 @@ a { <===> ================================================================================ <===> map/empty/input.scss -@import "core_functions/list/utils"; -a {b: length($empty-map)} +@use "sass:list"; +@use "core_functions/list/utils"; +a {b: list.length(utils.$empty-map)} <===> map/empty/output.css a { @@ -50,7 +55,8 @@ a { <===> ================================================================================ <===> map/non_empty/input.scss -a {b: length((1: 2, 3: 4))} +@use "sass:list"; +a {b: list.length((1: 2, 3: 4))} <===> map/non_empty/output.css a { @@ -60,7 +66,8 @@ a { <===> ================================================================================ <===> non_list/input.scss -a {b: length(c)} +@use "sass:list"; +a {b: list.length(c)} <===> non_list/output.css a { @@ -70,8 +77,9 @@ a { <===> ================================================================================ <===> null_list_item/input.scss +@use "sass:list"; // regression test for scssphp/scssphp#403 -a {b: length((null))} +a {b: list.length((null))} <===> null_list_item/output.css a { @@ -81,7 +89,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: length($list: 1 2 3)} +@use "sass:list"; +a {b: list.length($list: 1 2 3)} <===> named/output.css a { @@ -91,33 +100,35 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: length()} +@use "sass:list"; +a {b: list.length()} <===> error/too_few_args/error Error: Missing argument $list. ,--> input.scss -1 | a {b: length()} - | ^^^^^^^^ invocation +2 | a {b: list.length()} + | ^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function length($list) { | ============= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: length(1, 2)} +@use "sass:list"; +a {b: list.length(1, 2)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: length(1, 2)} - | ^^^^^^^^^^^^ invocation +2 | a {b: list.length(1, 2)} + | ^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function length($list) { | ============= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/list/nth.hrx b/spec/core_functions/list/nth.hrx index bc282f1eb..1a1977b9c 100644 --- a/spec/core_functions/list/nth.hrx +++ b/spec/core_functions/list/nth.hrx @@ -1,5 +1,6 @@ <===> 1/of_1/input.scss -a {b: nth(join((), c), 1)} +@use "sass:list"; +a {b: list.nth(list.join((), c), 1)} <===> 1/of_1/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> 1/of_2/input.scss -a {b: nth(c d, 1)} +@use "sass:list"; +a {b: list.nth(c d, 1)} <===> 1/of_2/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> 2/of_2/input.scss -a {b: nth(c d, 2)} +@use "sass:list"; +a {b: list.nth(c d, 2)} <===> 2/of_2/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> 2/of_4/input.scss -a {b: nth(c d e f, 2)} +@use "sass:list"; +a {b: list.nth(c d e f, 2)} <===> 2/of_4/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> negative/1/of_1/input.scss -a {b: nth(join((), c), -1)} +@use "sass:list"; +a {b: list.nth(list.join((), c), -1)} <===> negative/1/of_1/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> negative/1/of_2/input.scss -a {b: nth(c d, -1)} +@use "sass:list"; +a {b: list.nth(c d, -1)} <===> negative/1/of_2/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> negative/2/of_2/input.scss -a {b: nth(c d, -2)} +@use "sass:list"; +a {b: list.nth(c d, -2)} <===> negative/2/of_2/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> negative/2/of_4/input.scss -a {b: nth(c d e f, -2)} +@use "sass:list"; +a {b: list.nth(c d e f, -2)} <===> negative/2/of_4/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> map/input.scss -a {b: nth((c: d, e: f, g: h), 2)} +@use "sass:list"; +a {b: list.nth((c: d, e: f, g: h), 2)} <===> map/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> non_list/input.scss -a {b: nth(c, 1)} +@use "sass:list"; +a {b: list.nth(c, 1)} <===> non_list/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: nth($list: c d, $n: 1)} +@use "sass:list"; +a {b: list.nth($list: c d, $n: 1)} <===> named/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> bracketed/input.scss -a {b: nth([c, d], 2)} +@use "sass:list"; +a {b: list.nth([c, d], 2)} <===> bracketed/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> units/input.scss -a {b: nth(c d, 1px)} +@use "sass:list"; +a {b: list.nth(c d, 1px)} <===> units/output.css a { @@ -134,93 +147,99 @@ To preserve current behavior: calc($n / 1px) More info: https://sass-lang.com/d/function-units , -1 | a {b: nth(c d, 1px)} - | ^^^^^^^^^^^^^ +2 | a {b: list.nth(c d, 1px)} + | ^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: nth(c d, e)} +@use "sass:list"; +a {b: list.nth(c d, e)} <===> error/type/error Error: $n: e is not a number. , -1 | a {b: nth(c d, e)} - | ^^^^^^^^^^^ +2 | a {b: list.nth(c d, e)} + | ^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/index/0/input.scss -a {b: nth(c d, 0)} +@use "sass:list"; +a {b: list.nth(c d, 0)} <===> error/index/0/error Error: $n: List index may not be 0. , -1 | a {b: nth(c d, 0)} - | ^^^^^^^^^^^ +2 | a {b: list.nth(c d, 0)} + | ^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/index/too_high/input.scss -a {b: nth(c d, 3)} +@use "sass:list"; +a {b: list.nth(c d, 3)} <===> error/index/too_high/error Error: $n: Invalid index 3 for a list with 2 elements. , -1 | a {b: nth(c d, 3)} - | ^^^^^^^^^^^ +2 | a {b: list.nth(c d, 3)} + | ^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/index/too_low/input.scss -a {b: nth(c d, -3)} +@use "sass:list"; +a {b: list.nth(c d, -3)} <===> error/index/too_low/error Error: $n: Invalid index -3 for a list with 2 elements. , -1 | a {b: nth(c d, -3)} - | ^^^^^^^^^^^^ +2 | a {b: list.nth(c d, -3)} + | ^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: nth(c d)} +@use "sass:list"; +a {b: list.nth(c d)} <===> error/too_few_args/error Error: Missing argument $n. ,--> input.scss -1 | a {b: nth(c d)} - | ^^^^^^^^ invocation +2 | a {b: list.nth(c d)} + | ^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function nth($list, $n) { | ============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: nth(c d, 1, 2)} +@use "sass:list"; +a {b: list.nth(c d, 1, 2)} <===> error/too_many_args/error Error: Only 2 arguments allowed, but 3 were passed. ,--> input.scss -1 | a {b: nth(c d, 1, 2)} - | ^^^^^^^^^^^^^^ invocation +2 | a {b: list.nth(c d, 1, 2)} + | ^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function nth($list, $n) { | ============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/list/separator.hrx b/spec/core_functions/list/separator.hrx index 274ae1c27..82215dcdf 100644 --- a/spec/core_functions/list/separator.hrx +++ b/spec/core_functions/list/separator.hrx @@ -1,5 +1,6 @@ <===> empty/space/input.scss -a {b: list-separator(())} +@use "sass:list"; +a {b: list.separator(())} <===> empty/space/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> empty/comma/input.scss -a {b: list-separator(join((), (), comma))} +@use "sass:list"; +a {b: list.separator(list.join((), (), comma))} <===> empty/comma/output.css a { @@ -19,9 +21,10 @@ a { <===> ================================================================================ <===> empty/map/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "core_functions/list/utils"; -a {b: list-separator($empty-map)} +a {b: list.separator(utils.$empty-map)} <===> empty/map/output.css a { @@ -31,7 +34,8 @@ a { <===> ================================================================================ <===> single/space/input.scss -a {b: list-separator([1])} +@use "sass:list"; +a {b: list.separator([1])} <===> single/space/output.css a { @@ -41,7 +45,8 @@ a { <===> ================================================================================ <===> single/comma/input.scss -a {b: list-separator((1,))} +@use "sass:list"; +a {b: list.separator((1,))} <===> single/comma/output.css a { @@ -51,7 +56,8 @@ a { <===> ================================================================================ <===> single/slash/input.scss -a {b: list-separator(join(1, (), $separator: slash))} +@use "sass:list"; +a {b: list.separator(list.join(1, (), $separator: slash))} <===> single/slash/output.css a { @@ -61,7 +67,8 @@ a { <===> ================================================================================ <===> single/non_list/input.scss -a {b: list-separator(1)} +@use "sass:list"; +a {b: list.separator(1)} <===> single/non_list/output.css a { @@ -71,7 +78,8 @@ a { <===> ================================================================================ <===> multi/space/input.scss -a {b: list-separator(1 2 3)} +@use "sass:list"; +a {b: list.separator(1 2 3)} <===> multi/space/output.css a { @@ -81,7 +89,8 @@ a { <===> ================================================================================ <===> multi/comma/input.scss -a {b: list-separator((1, 2, 3))} +@use "sass:list"; +a {b: list.separator((1, 2, 3))} <===> multi/comma/output.css a { @@ -92,7 +101,7 @@ a { ================================================================================ <===> multi/slash/input.scss @use 'sass:list'; -a {b: list-separator(list.slash(1, 2, 3))} +a {b: list.separator(list.slash(1, 2, 3))} <===> multi/slash/output.css a { @@ -102,7 +111,8 @@ a { <===> ================================================================================ <===> multi/map/input.scss -a {b: list-separator((c: d, e: f, g: h))} +@use "sass:list"; +a {b: list.separator((c: d, e: f, g: h))} <===> multi/map/output.css a { @@ -112,7 +122,8 @@ a { <===> ================================================================================ <===> bracketed/input.scss -a {b: list-separator([c, d])} +@use "sass:list"; +a {b: list.separator([c, d])} <===> bracketed/output.css a { @@ -122,33 +133,35 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: list-separator()} +@use "sass:list"; +a {b: list.separator()} <===> error/too_few_args/error Error: Missing argument $list. ,--> input.scss -1 | a {b: list-separator()} +2 | a {b: list.separator()} | ^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function separator($list) { | ================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: list-separator(c, d)} +@use "sass:list"; +a {b: list.separator(c, d)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: list-separator(c, d)} +2 | a {b: list.separator(c, d)} | ^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function separator($list) { | ================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/list/set_nth.hrx b/spec/core_functions/list/set_nth.hrx index fc8c018d9..acf23ea78 100644 --- a/spec/core_functions/list/set_nth.hrx +++ b/spec/core_functions/list/set_nth.hrx @@ -1,8 +1,10 @@ <===> 1/of_1/input.scss -$result: set-nth(join((), b), 1, c); +@use "sass:list"; +@use "sass:meta"; +$result: list.set-nth(list.join((), b), 1, c); a { result: $result; - type: type-of($result); + type: meta.type-of($result); } <===> 1/of_1/output.css @@ -14,7 +16,8 @@ a { <===> ================================================================================ <===> 1/of_2/input.scss -a {b: set-nth(c d, 1, e)} +@use "sass:list"; +a {b: list.set-nth(c d, 1, e)} <===> 1/of_2/output.css a { @@ -24,7 +27,8 @@ a { <===> ================================================================================ <===> 2/of_2/input.scss -a {b: set-nth(c d, 2, e)} +@use "sass:list"; +a {b: list.set-nth(c d, 2, e)} <===> 2/of_2/output.css a { @@ -34,7 +38,8 @@ a { <===> ================================================================================ <===> 2/of_4/input.scss -a {b: set-nth(c d e f, 2, g)} +@use "sass:list"; +a {b: list.set-nth(c d e f, 2, g)} <===> 2/of_4/output.css a { @@ -44,10 +49,12 @@ a { <===> ================================================================================ <===> negative/1/of_1/input.scss -$result: set-nth(join((), b), -1, c); +@use "sass:list"; +@use "sass:meta"; +$result: list.set-nth(list.join((), b), -1, c); a { result: $result; - type: type-of($result); + type: meta.type-of($result); } <===> negative/1/of_1/output.css @@ -59,7 +66,8 @@ a { <===> ================================================================================ <===> negative/1/of_2/input.scss -a {b: set-nth(c d, -1, e)} +@use "sass:list"; +a {b: list.set-nth(c d, -1, e)} <===> negative/1/of_2/output.css a { @@ -69,7 +77,8 @@ a { <===> ================================================================================ <===> negative/2/of_2/input.scss -a {b: set-nth(c d, -2, e)} +@use "sass:list"; +a {b: list.set-nth(c d, -2, e)} <===> negative/2/of_2/output.css a { @@ -79,7 +88,8 @@ a { <===> ================================================================================ <===> negative/2/of_4/input.scss -a {b: set-nth(c d e f, -2, g)} +@use "sass:list"; +a {b: list.set-nth(c d e f, -2, g)} <===> negative/2/of_4/output.css a { @@ -89,7 +99,8 @@ a { <===> ================================================================================ <===> map/input.scss -a {b: set-nth((c: d, e: f, g: h), 2, i)} +@use "sass:list"; +a {b: list.set-nth((c: d, e: f, g: h), 2, i)} <===> map/output.css a { @@ -99,10 +110,12 @@ a { <===> ================================================================================ <===> non_list/input.scss -$result: set-nth(b, 1, c); +@use "sass:list"; +@use "sass:meta"; +$result: list.set-nth(b, 1, c); a { result: $result; - type: type-of($result); + type: meta.type-of($result); } <===> non_list/output.css @@ -114,7 +127,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: set-nth($list: c d, $n: 1, $value: e)} +@use "sass:list"; +a {b: list.set-nth($list: c d, $n: 1, $value: e)} <===> named/output.css a { @@ -124,7 +138,8 @@ a { <===> ================================================================================ <===> bracketed/input.scss -a {b: set-nth([c, d], 2, e)} +@use "sass:list"; +a {b: list.set-nth([c, d], 2, e)} <===> bracketed/output.css a { @@ -134,7 +149,8 @@ a { <===> ================================================================================ <===> units/input.scss -a {b: set-nth(c d, 1px, e)} +@use "sass:list"; +a {b: list.set-nth(c d, 1px, e)} <===> units/output.css a { @@ -149,93 +165,99 @@ To preserve current behavior: calc($n / 1px) More info: https://sass-lang.com/d/function-units , -1 | a {b: set-nth(c d, 1px, e)} - | ^^^^^^^^^^^^^^^^^^^^ +2 | a {b: list.set-nth(c d, 1px, e)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: set-nth(c d, e, f)} +@use "sass:list"; +a {b: list.set-nth(c d, e, f)} <===> error/type/error Error: $n: e is not a number. , -1 | a {b: set-nth(c d, e, f)} - | ^^^^^^^^^^^^^^^^^^ +2 | a {b: list.set-nth(c d, e, f)} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/index/0/input.scss -a {b: set-nth(c d, 0, e)} +@use "sass:list"; +a {b: list.set-nth(c d, 0, e)} <===> error/index/0/error Error: $n: List index may not be 0. , -1 | a {b: set-nth(c d, 0, e)} - | ^^^^^^^^^^^^^^^^^^ +2 | a {b: list.set-nth(c d, 0, e)} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/index/too_high/input.scss -a {b: set-nth(c d, 3, e)} +@use "sass:list"; +a {b: list.set-nth(c d, 3, e)} <===> error/index/too_high/error Error: $n: Invalid index 3 for a list with 2 elements. , -1 | a {b: set-nth(c d, 3, e)} - | ^^^^^^^^^^^^^^^^^^ +2 | a {b: list.set-nth(c d, 3, e)} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/index/too_low/input.scss -a {b: set-nth(c d, -3, e)} +@use "sass:list"; +a {b: list.set-nth(c d, -3, e)} <===> error/index/too_low/error Error: $n: Invalid index -3 for a list with 2 elements. , -1 | a {b: set-nth(c d, -3, e)} - | ^^^^^^^^^^^^^^^^^^^ +2 | a {b: list.set-nth(c d, -3, e)} + | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/index/too_few_args/input.scss -a {b: set-nth(c d, 1)} +@use "sass:list"; +a {b: list.set-nth(c d, 1)} <===> error/index/too_few_args/error Error: Missing argument $value. ,--> input.scss -1 | a {b: set-nth(c d, 1)} - | ^^^^^^^^^^^^^^^ invocation +2 | a {b: list.set-nth(c d, 1)} + | ^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function set-nth($list, $n, $value) { | ========================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/index/too_many_args/input.scss -a {b: set-nth(c d, 1, 2, 3)} +@use "sass:list"; +a {b: list.set-nth(c d, 1, 2, 3)} <===> error/index/too_many_args/error Error: Only 3 arguments allowed, but 4 were passed. ,--> input.scss -1 | a {b: set-nth(c d, 1, 2, 3)} - | ^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: list.set-nth(c d, 1, 2, 3)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function set-nth($list, $n, $value) { | ========================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/list/utils.hrx b/spec/core_functions/list/utils.hrx index 3de41a7d6..bf4339943 100644 --- a/spec/core_functions/list/utils.hrx +++ b/spec/core_functions/list/utils.hrx @@ -4,8 +4,8 @@ These tests verify that `_utils.scss` works as intended. <===> ================================================================================ <===> real_separator/empty/undecided/input.scss -@import "core_functions/list/utils"; -a {b: real-separator(())} +@use "core_functions/list/utils"; +a {b: utils.real-separator(())} <===> real_separator/empty/undecided/output.css a { @@ -15,8 +15,8 @@ a { <===> ================================================================================ <===> real_separator/empty/space/input.scss -@import "core_functions/list/utils"; -a {b: real-separator($empty-space-list)} +@use "core_functions/list/utils"; +a {b: utils.real-separator(utils.$empty-space-list)} <===> real_separator/empty/space/output.css a { @@ -26,8 +26,8 @@ a { <===> ================================================================================ <===> real_separator/empty/comma/input.scss -@import "core_functions/list/utils"; -a {b: real-separator($empty-comma-list)} +@use "core_functions/list/utils"; +a {b: utils.real-separator(utils.$empty-comma-list)} <===> real_separator/empty/comma/output.css a { @@ -37,8 +37,8 @@ a { <===> ================================================================================ <===> real_separator/single/undecided/input.scss -@import "core_functions/list/utils"; -a {b: real-separator([1])} +@use "core_functions/list/utils"; +a {b: utils.real-separator([1])} <===> real_separator/single/undecided/output.css a { @@ -48,8 +48,8 @@ a { <===> ================================================================================ <===> real_separator/single/comma/input.scss -@import "core_functions/list/utils"; -a {b: real-separator((1,))} +@use "core_functions/list/utils"; +a {b: utils.real-separator((1,))} <===> real_separator/single/comma/output.css a { @@ -59,8 +59,8 @@ a { <===> ================================================================================ <===> real_separator/multi/space/input.scss -@import "core_functions/list/utils"; -a {b: real-separator(1 2)} +@use "core_functions/list/utils"; +a {b: utils.real-separator(1 2)} <===> real_separator/multi/space/output.css a { @@ -70,8 +70,8 @@ a { <===> ================================================================================ <===> real_separator/multi/comma/input.scss -@import "core_functions/list/utils"; -a {b: real-separator((1, 2))} +@use "core_functions/list/utils"; +a {b: utils.real-separator((1, 2))} <===> real_separator/multi/comma/output.css a { @@ -81,8 +81,8 @@ a { <===> ================================================================================ <===> with_separator/single/space/input.scss -@import "core_functions/list/utils"; -a {b: real-separator(with-separator((1,), space))} +@use "core_functions/list/utils"; +a {b: utils.real-separator(utils.with-separator((1,), space))} <===> with_separator/single/space/output.css a { @@ -92,8 +92,8 @@ a { <===> ================================================================================ <===> with_separator/single/comma/input.scss -@import "core_functions/list/utils"; -a {b: real-separator(with-separator([1], comma))} +@use "core_functions/list/utils"; +a {b: utils.real-separator(utils.with-separator([1], comma))} <===> with_separator/single/comma/output.css a { @@ -103,8 +103,8 @@ a { <===> ================================================================================ <===> with_separator/multi/space/input.scss -@import "core_functions/list/utils"; -a {b: with-separator((1, 2), space)} +@use "core_functions/list/utils"; +a {b: utils.with-separator((1, 2), space)} <===> with_separator/multi/space/output.css a { @@ -114,8 +114,8 @@ a { <===> ================================================================================ <===> with_separator/multi/comma/input.scss -@import "core_functions/list/utils"; -a {b: with-separator(1 2, comma)} +@use "core_functions/list/utils"; +a {b: utils.with-separator(1 2, comma)} <===> with_separator/multi/comma/output.css a { @@ -125,8 +125,8 @@ a { <===> ================================================================================ <===> empty_map/same_as_empty_list/input.scss -@import "core_functions/list/utils"; -a {b: $empty-map == ()} +@use "core_functions/list/utils"; +a {b: utils.$empty-map == ()} <===> empty_map/same_as_empty_list/output.css a { diff --git a/spec/core_functions/list/zip.hrx b/spec/core_functions/list/zip.hrx index a05a2401e..7a4565c00 100644 --- a/spec/core_functions/list/zip.hrx +++ b/spec/core_functions/list/zip.hrx @@ -7,12 +7,14 @@ passing invalid named parameters, it has no error tests. <===> ================================================================================ <===> no_lists/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: zip(); +$result: list.zip(); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> no_lists/output.css @@ -24,12 +26,14 @@ a { <===> ================================================================================ <===> one_list/empty/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: zip(()); +$result: list.zip(()); a { - value: inspect($result); - separator: real-separator($result); + value: meta.inspect($result); + separator: utils.real-separator($result); } <===> one_list/empty/output.css @@ -41,16 +45,18 @@ a { <===> ================================================================================ <===> one_list/space/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: zip(1 2 3); -$element: nth($result, 2); +$result: list.zip(1 2 3); +$element: list.nth($result, 2); a { value: $result; element: $element { - type: type-of($element); - separator: real-separator($element); + type: meta.type-of($element); + separator: utils.real-separator($element); } } @@ -65,16 +71,18 @@ a { <===> ================================================================================ <===> one_list/comma/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: zip((1, 2, 3)); -$element: nth($result, 2); +$result: list.zip((1, 2, 3)); +$element: list.nth($result, 2); a { value: $result; element: $element { - type: type-of($element); - separator: real-separator($element); + type: meta.type-of($element); + separator: utils.real-separator($element); } } @@ -89,16 +97,18 @@ a { <===> ================================================================================ <===> one_list/bracketed/input.scss -@import "core_functions/list/utils"; +@use "sass:list"; +@use "sass:meta"; +@use "core_functions/list/utils"; -$result: zip([1 2 3]); -$element: nth($result, 2); +$result: list.zip([1 2 3]); +$element: list.nth($result, 2); a { value: $result; element: $element { - type: type-of($element); - separator: real-separator($element); + type: meta.type-of($element); + separator: utils.real-separator($element); } } @@ -113,7 +123,9 @@ a { <===> ================================================================================ <===> two_lists/first_empty/input.scss -a {b: inspect(zip((), 1 2 3))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.zip((), 1 2 3))} <===> two_lists/first_empty/output.css a { @@ -123,7 +135,9 @@ a { <===> ================================================================================ <===> two_lists/second_empty/input.scss -a {b: inspect(zip(1 2 3, ()))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.zip(1 2 3, ()))} <===> two_lists/second_empty/output.css a { @@ -133,7 +147,8 @@ a { <===> ================================================================================ <===> two_lists/first_longer/input.scss -a {b: zip(1 2 3 4, c d)} +@use "sass:list"; +a {b: list.zip(1 2 3 4, c d)} <===> two_lists/first_longer/output.css a { @@ -143,7 +158,8 @@ a { <===> ================================================================================ <===> two_lists/second_longer/input.scss -a {b: zip(1 2, c d e f)} +@use "sass:list"; +a {b: list.zip(1 2, c d e f)} <===> two_lists/second_longer/output.css a { @@ -153,7 +169,8 @@ a { <===> ================================================================================ <===> two_lists/same_length/input.scss -a {b: zip(1 2 3, c d e)} +@use "sass:list"; +a {b: list.zip(1 2 3, c d e)} <===> two_lists/same_length/output.css a { @@ -163,7 +180,8 @@ a { <===> ================================================================================ <===> three_lists/input.scss -a {b: zip(1 2 3, c d e, red green blue)} +@use "sass:list"; +a {b: list.zip(1 2 3, c d e, red green blue)} <===> three_lists/output.css a { @@ -173,7 +191,10 @@ a { <===> ================================================================================ <===> map/empty/input.scss -a {b: inspect(zip(map-remove((c: d), c)))} +@use "sass:list"; +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(list.zip(map.remove((c: d), c)))} <===> map/empty/output.css a { @@ -183,7 +204,9 @@ a { <===> ================================================================================ <===> map/non_empty/input.scss -a {b: inspect(zip((c: d, e: f, g: h), 1 2 3))} +@use "sass:list"; +@use "sass:meta"; +a {b: meta.inspect(list.zip((c: d, e: f, g: h), 1 2 3))} <===> map/non_empty/output.css a { @@ -193,7 +216,8 @@ a { <===> ================================================================================ <===> non_list/input.scss -a {b: zip(c, d, e)} +@use "sass:list"; +a {b: list.zip(c, d, e)} <===> non_list/output.css a { diff --git a/spec/core_functions/map/deep_merge.hrx b/spec/core_functions/map/deep_merge.hrx index aff4cba08..2cb849a0c 100644 --- a/spec/core_functions/map/deep_merge.hrx +++ b/spec/core_functions/map/deep_merge.hrx @@ -1,6 +1,7 @@ <===> shallow/empty/both/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((), ()))} +a {b: meta.inspect(map.deep-merge((), ()))} <===> shallow/empty/both/output.css a { @@ -10,8 +11,9 @@ a { <===> ================================================================================ <===> shallow/empty/first/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((), (c: d, e: f)))} +a {b: meta.inspect(map.deep-merge((), (c: d, e: f)))} <===> shallow/empty/first/output.css a { @@ -21,8 +23,9 @@ a { <===> ================================================================================ <===> shallow/empty/second/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: d, e: f), ()))} +a {b: meta.inspect(map.deep-merge((c: d, e: f), ()))} <===> shallow/empty/second/output.css a { @@ -32,8 +35,9 @@ a { <===> ================================================================================ <===> shallow/different_keys/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: d, e: f), (1: 2, 3: 4)))} +a {b: meta.inspect(map.deep-merge((c: d, e: f), (1: 2, 3: 4)))} <===> shallow/different_keys/output.css a { @@ -43,8 +47,9 @@ a { <===> ================================================================================ <===> shallow/same_keys/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: d, e: f), (c: 1, e: 2)))} +a {b: meta.inspect(map.deep-merge((c: d, e: f), (c: 1, e: 2)))} <===> shallow/same_keys/output.css a { @@ -54,8 +59,9 @@ a { <===> ================================================================================ <===> shallow/overlapping_keys/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: d, e: f, g: h), (i: 1, e: 2, j: 3)))} +a {b: meta.inspect(map.deep-merge((c: d, e: f, g: h), (i: 1, e: 2, j: 3)))} <===> shallow/overlapping_keys/output.css a { @@ -65,8 +71,9 @@ a { <===> ================================================================================ <===> deep/empty/first/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: ()), (c: (d: e))))} +a {b: meta.inspect(map.deep-merge((c: ()), (c: (d: e))))} <===> deep/empty/first/output.css a { @@ -76,8 +83,9 @@ a { <===> ================================================================================ <===> deep/empty/second/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: (d: e)), (c: ())))} +a {b: meta.inspect(map.deep-merge((c: (d: e)), (c: ())))} <===> deep/empty/second/output.css a { @@ -87,8 +95,9 @@ a { <===> ================================================================================ <===> deep/different_keys/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: (d: e, f: g)), (c: (1: 2, 3: 4))))} +a {b: meta.inspect(map.deep-merge((c: (d: e, f: g)), (c: (1: 2, 3: 4))))} <===> deep/different_keys/output.css a { @@ -98,8 +107,9 @@ a { <===> ================================================================================ <===> deep/same_keys/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: (d: e, f: g)), (c: (d: 1, f: 2))))} +a {b: meta.inspect(map.deep-merge((c: (d: e, f: g)), (c: (d: 1, f: 2))))} <===> deep/same_keys/output.css a { @@ -109,8 +119,9 @@ a { <===> ================================================================================ <===> deep/overlapping_keys/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: (d: e, f: g, h: i)), (c: (j: 1, f: 2, k: 3))))} +a {b: meta.inspect(map.deep-merge((c: (d: e, f: g, h: i)), (c: (j: 1, f: 2, k: 3))))} <===> deep/overlapping_keys/output.css a { @@ -120,8 +131,9 @@ a { <===> ================================================================================ <===> deep/multiple_layers/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge((c: (d: (e: (f: g)))), (c: (d: (e: (1: 2))))))} +a {b: meta.inspect(map.deep-merge((c: (d: (e: (f: g)))), (c: (d: (e: (1: 2))))))} <===> deep/multiple_layers/output.css a { @@ -131,8 +143,9 @@ a { <===> ================================================================================ <===> named/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-merge($map1: (c: d), $map2: (1: 2)))} +a {b: meta.inspect(map.deep-merge($map1: (c: d), $map2: (1: 2)))} <===> named/output.css a { diff --git a/spec/core_functions/map/deep_remove.hrx b/spec/core_functions/map/deep_remove.hrx index 58278d0d7..29fa7e650 100644 --- a/spec/core_functions/map/deep_remove.hrx +++ b/spec/core_functions/map/deep_remove.hrx @@ -1,6 +1,7 @@ <===> not_found/empty/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((), 1))} +a {b: meta.inspect(map.deep-remove((), 1))} <===> not_found/empty/output.css a { @@ -10,8 +11,9 @@ a { <===> ================================================================================ <===> not_found/top_level/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((c: d), d))} +a {b: meta.inspect(map.deep-remove((c: d), d))} <===> not_found/top_level/output.css a { @@ -21,8 +23,9 @@ a { <===> ================================================================================ <===> not_found/nested/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((c: (d: e)), c, e))} +a {b: meta.inspect(map.deep-remove((c: (d: e)), c, e))} <===> not_found/nested/output.css a { @@ -32,8 +35,9 @@ a { <===> ================================================================================ <===> not_found/not_a_map/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((c: (d: e)), c, d, e))} +a {b: meta.inspect(map.deep-remove((c: (d: e)), c, d, e))} <===> not_found/not_a_map/output.css a { @@ -43,8 +47,9 @@ a { <===> ================================================================================ <===> not_found/extra_keys/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((c: (d: e)), c, d, e, f, g))} +a {b: meta.inspect(map.deep-remove((c: (d: e)), c, d, e, f, g))} <===> not_found/extra_keys/output.css a { @@ -54,8 +59,9 @@ a { <===> ================================================================================ <===> found/top_level/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((c: d), c))} +a {b: meta.inspect(map.deep-remove((c: d), c))} <===> found/top_level/output.css a { @@ -65,8 +71,9 @@ a { <===> ================================================================================ <===> found/nested/single/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((c: (d: e)), c, d))} +a {b: meta.inspect(map.deep-remove((c: (d: e)), c, d))} <===> found/nested/single/output.css a { @@ -76,8 +83,9 @@ a { <===> ================================================================================ <===> found/nested/first/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((c: (d: e, f: g, h: i)), c, d))} +a {b: meta.inspect(map.deep-remove((c: (d: e, f: g, h: i)), c, d))} <===> found/nested/first/output.css a { @@ -87,8 +95,9 @@ a { <===> ================================================================================ <===> found/nested/middle/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((c: (d: e, f: g, h: i)), c, f))} +a {b: meta.inspect(map.deep-remove((c: (d: e, f: g, h: i)), c, f))} <===> found/nested/middle/output.css a { @@ -98,8 +107,9 @@ a { <===> ================================================================================ <===> found/nested/last/input.scss +@use "sass:meta"; @use 'sass:map'; -a {b: inspect(map.deep-remove((c: (d: e, f: g, h: i)), c, h))} +a {b: meta.inspect(map.deep-remove((c: (d: e, f: g, h: i)), c, h))} <===> found/nested/last/output.css a { diff --git a/spec/core_functions/map/get.hrx b/spec/core_functions/map/get.hrx index 7cbd60637..28de8026f 100644 --- a/spec/core_functions/map/get.hrx +++ b/spec/core_functions/map/get.hrx @@ -1,5 +1,7 @@ <===> not_found/empty/input.scss -a {b: inspect(map-get((), 1))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.get((), 1))} <===> not_found/empty/output.css a { @@ -9,7 +11,9 @@ a { <===> ================================================================================ <===> not_found/non_empty/input.scss -a {b: inspect(map-get((c: d), d))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.get((c: d), d))} <===> not_found/non_empty/output.css a { @@ -19,7 +23,9 @@ a { <===> ================================================================================ <===> not_found/dash_sensitive/input.scss -a {b: inspect(map-get((c-d: e), c_d))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.get((c-d: e), c_d))} <===> not_found/dash_sensitive/output.css a { @@ -29,7 +35,8 @@ a { <===> ================================================================================ <===> found/single/input.scss -a {b: map-get((c: d), c)} +@use "sass:map"; +a {b: map.get((c: d), c)} <===> found/single/output.css a { @@ -39,7 +46,8 @@ a { <===> ================================================================================ <===> found/first/input.scss -a {b: map-get((1: 2, 3: 4, 5: 6), 1)} +@use "sass:map"; +a {b: map.get((1: 2, 3: 4, 5: 6), 1)} <===> found/first/output.css a { @@ -49,7 +57,8 @@ a { <===> ================================================================================ <===> found/middle/input.scss -a {b: map-get((1: 2, 3: 4, 5: 6), 3)} +@use "sass:map"; +a {b: map.get((1: 2, 3: 4, 5: 6), 3)} <===> found/middle/output.css a { @@ -59,7 +68,8 @@ a { <===> ================================================================================ <===> found/last/input.scss -a {b: map-get((1: 2, 3: 4, 5: 6), 5)} +@use "sass:map"; +a {b: map.get((1: 2, 3: 4, 5: 6), 5)} <===> found/last/output.css a { @@ -69,7 +79,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: map-get($map: (c: d), $key: c)} +@use "sass:map"; +a {b: map.get($map: (c: d), $key: c)} <===> named/output.css a { @@ -79,7 +90,9 @@ a { <===> ================================================================================ <===> nested/found/partial_path/input.scss -a {b: inspect(map-get((c: (d: (e: f))), c, d))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.get((c: (d: (e: f))), c, d))} <===> nested/found/partial_path/output.css a { @@ -89,7 +102,8 @@ a { <===> ================================================================================ <===> nested/found/full_path/input.scss -a {b: map-get((c: (d: (e: f))), c, d, e)} +@use "sass:map"; +a {b: map.get((c: (d: (e: f))), c, d, e)} <===> nested/found/full_path/output.css a { @@ -99,7 +113,9 @@ a { <===> ================================================================================ <===> nested/not_found/top_level/input.scss -a {b: inspect(map-get((c: (d: (e: f))), d))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.get((c: (d: (e: f))), d))} <===> nested/not_found/top_level/output.css a { @@ -109,7 +125,9 @@ a { <===> ================================================================================ <===> nested/not_found/deep/input.scss -a {b: inspect(map-get((c: (d: (e: f))), c, d, g))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.get((c: (d: (e: f))), c, d, g))} <===> nested/not_found/deep/output.css a { @@ -119,39 +137,57 @@ a { <===> ================================================================================ <===> nested/not_found/too_many_keys/input.scss -a {b: inspect(map-get((c: (d: (e: f))), c, d, e, f))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.get((c: (d: (e: f))), c, d, e, f))} <===> nested/not_found/too_many_keys/output.css a { b: null; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:map"; +a {b: map.map-get((c: d), c)} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: map.map-get((c: d), c)} + | ^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/type/map/input.scss -a {b: map-get(1, 2)} +@use "sass:map"; +a {b: map.get(1, 2)} <===> error/type/map/error Error: $map: 1 is not a map. , -1 | a {b: map-get(1, 2)} +2 | a {b: map.get(1, 2)} | ^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: map-get(1)} +@use "sass:map"; +a {b: map.get(1)} <===> error/too_few_args/error Error: Missing argument $key. ,--> input.scss -1 | a {b: map-get(1)} +2 | a {b: map.get(1)} | ^^^^^^^^^^ invocation ' ,--> sass:map 1 | @function get($map, $key, $keys...) { | ========================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/map/has_key.hrx b/spec/core_functions/map/has_key.hrx index 7cc7df910..6340b36cb 100644 --- a/spec/core_functions/map/has_key.hrx +++ b/spec/core_functions/map/has_key.hrx @@ -1,5 +1,6 @@ <===> not_found/empty/input.scss -a {b: map-has-key((), 1)} +@use "sass:map"; +a {b: map.has-key((), 1)} <===> not_found/empty/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> not_found/non_empty/input.scss -a {b: map-has-key((c: d), d)} +@use "sass:map"; +a {b: map.has-key((c: d), d)} <===> not_found/non_empty/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> found/single/input.scss -a {b: map-has-key((c: d), c)} +@use "sass:map"; +a {b: map.has-key((c: d), c)} <===> found/single/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> found/first/input.scss -a {b: map-has-key((1: 2, 3: 4, 5: 6), 1)} +@use "sass:map"; +a {b: map.has-key((1: 2, 3: 4, 5: 6), 1)} <===> found/first/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> found/middle/input.scss -a {b: map-has-key((1: 2, 3: 4, 5: 6), 3)} +@use "sass:map"; +a {b: map.has-key((1: 2, 3: 4, 5: 6), 3)} <===> found/middle/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> found/last/input.scss -a {b: map-has-key((1: 2, 3: 4, 5: 6), 5)} +@use "sass:map"; +a {b: map.has-key((1: 2, 3: 4, 5: 6), 5)} <===> found/last/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: map-has-key($map: (c: d), $key: c)} +@use "sass:map"; +a {b: map.has-key($map: (c: d), $key: c)} <===> named/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> nested/found/partial_path/input.scss -a {b: map-has-key((c: (d: (e: f))), c, d)} +@use "sass:map"; +a {b: map.has-key((c: (d: (e: f))), c, d)} <===> nested/found/partial_path/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> nested/found/full_path/input.scss -a {b: map-has-key((c: (d: (e: f))), c, d, e)} +@use "sass:map"; +a {b: map.has-key((c: (d: (e: f))), c, d, e)} <===> nested/found/full_path/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> nested/not_found/top_level/input.scss -a {b: map-has-key((c: (d: (e: f))), d)} +@use "sass:map"; +a {b: map.has-key((c: (d: (e: f))), d)} <===> nested/not_found/top_level/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> nested/not_found/deep/input.scss -a {b: map-has-key((c: (d: (e: f))), c, d, g)} +@use "sass:map"; +a {b: map.has-key((c: (d: (e: f))), c, d, g)} <===> nested/not_found/deep/output.css a { @@ -109,39 +120,56 @@ a { <===> ================================================================================ <===> nested/not_found/too_many_keys/input.scss -a {b: map-has-key((c: (d: (e: f))), c, d, e, f)} +@use "sass:map"; +a {b: map.has-key((c: (d: (e: f))), c, d, e, f)} <===> nested/not_found/too_many_keys/output.css a { b: false; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:map"; +a {b: map.map-has-key((c: d), c)} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: map.map-has-key((c: d), c)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/type/map/input.scss -a {b: map-has-key(1, 2)} +@use "sass:map"; +a {b: map.has-key(1, 2)} <===> error/type/map/error Error: $map: 1 is not a map. , -1 | a {b: map-has-key(1, 2)} +2 | a {b: map.has-key(1, 2)} | ^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: map-has-key(1)} +@use "sass:map"; +a {b: map.has-key(1)} <===> error/too_few_args/error Error: Missing argument $key. ,--> input.scss -1 | a {b: map-has-key(1)} +2 | a {b: map.has-key(1)} | ^^^^^^^^^^^^^^ invocation ' ,--> sass:map 1 | @function has-key($map, $key, $keys...) { | ============================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/map/keys.hrx b/spec/core_functions/map/keys.hrx index 0a0ae11b1..2ddd21698 100644 --- a/spec/core_functions/map/keys.hrx +++ b/spec/core_functions/map/keys.hrx @@ -1,8 +1,11 @@ <===> empty/input.scss -$result: map-keys(()); +@use "sass:list"; +@use "sass:map"; +@use "sass:meta"; +$result: map.keys(()); a { - value: inspect($result); - separator: list-separator($result); + value: meta.inspect($result); + separator: list.separator($result); } <===> empty/output.css @@ -14,11 +17,14 @@ a { <===> ================================================================================ <===> single/input.scss -$result: map-keys((1: 2)); +@use "sass:list"; +@use "sass:map"; +@use "sass:meta"; +$result: map.keys((1: 2)); a { value: $result; - type: type-of($result); - separator: list-separator($result); + type: meta.type-of($result); + separator: list.separator($result); } <===> single/output.css @@ -31,7 +37,8 @@ a { <===> ================================================================================ <===> multiple/input.scss -a {b: map-keys((c: d, e: f, g: h))} +@use "sass:map"; +a {b: map.keys((c: d, e: f, g: h))} <===> multiple/output.css a { @@ -41,7 +48,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: map-keys($map: (1: 2, 3: 4))} +@use "sass:map"; +a {b: map.keys($map: (1: 2, 3: 4))} <===> named/output.css a { @@ -51,47 +59,64 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: map-keys(1)} +@use "sass:map"; +a {b: map.keys(1)} <===> error/type/error Error: $map: 1 is not a map. , -1 | a {b: map-keys(1)} +2 | a {b: map.keys(1)} | ^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:map"; +a {b: map.map-keys((c: d))} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: map.map-keys((c: d))} + | ^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: map-keys()} +@use "sass:map"; +a {b: map.keys()} <===> error/too_few_args/error Error: Missing argument $map. ,--> input.scss -1 | a {b: map-keys()} +2 | a {b: map.keys()} | ^^^^^^^^^^ invocation ' ,--> sass:map 1 | @function keys($map) { | ========== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: map-keys((c: d), (e: f))} +@use "sass:map"; +a {b: map.keys((c: d), (e: f))} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: map-keys((c: d), (e: f))} +2 | a {b: map.keys((c: d), (e: f))} | ^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:map 1 | @function keys($map) { | ========== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/map/merge.hrx b/spec/core_functions/map/merge.hrx index 96d449dc4..4a011d162 100644 --- a/spec/core_functions/map/merge.hrx +++ b/spec/core_functions/map/merge.hrx @@ -1,5 +1,7 @@ <===> empty/both/input.scss -a {b: inspect(map-merge((), ()))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((), ()))} <===> empty/both/output.css a { @@ -9,7 +11,9 @@ a { <===> ================================================================================ <===> empty/first/input.scss -a {b: inspect(map-merge((), (c: d, e: f)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((), (c: d, e: f)))} <===> empty/first/output.css a { @@ -19,7 +23,9 @@ a { <===> ================================================================================ <===> empty/second/input.scss -a {b: inspect(map-merge((c: d, e: f), ()))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: d, e: f), ()))} <===> empty/second/output.css a { @@ -29,7 +35,9 @@ a { <===> ================================================================================ <===> different_keys/input.scss -a {b: inspect(map-merge((c: d, e: f), (1: 2, 3: 4)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: d, e: f), (1: 2, 3: 4)))} <===> different_keys/output.css a { @@ -39,7 +47,9 @@ a { <===> ================================================================================ <===> same_keys/input.scss -a {b: inspect(map-merge((c: d, e: f), (c: 1, e: 2)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: d, e: f), (c: 1, e: 2)))} <===> same_keys/output.css a { @@ -49,7 +59,9 @@ a { <===> ================================================================================ <===> overlapping_keys/input.scss -a {b: inspect(map-merge((c: d, e: f, g: h), (i: 1, e: 2, j: 3)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: d, e: f, g: h), (i: 1, e: 2, j: 3)))} <===> overlapping_keys/output.css a { @@ -59,7 +71,9 @@ a { <===> ================================================================================ <===> nested/empty/both/input.scss -a {b: inspect(map-merge((c: ()), c, ()))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: ()), c, ()))} <===> nested/empty/both/output.css a { @@ -69,7 +83,9 @@ a { <===> ================================================================================ <===> nested/empty/first/input.scss -a {b: inspect(map-merge((c: ()), c, (d: e, f: g)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: ()), c, (d: e, f: g)))} <===> nested/empty/first/output.css a { @@ -79,7 +95,9 @@ a { <===> ================================================================================ <===> nested/empty/second/input.scss -a {b: inspect(map-merge((c: (d: e, f: g)), c, ()))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: (d: e, f: g)), c, ()))} <===> nested/empty/second/output.css a { @@ -89,7 +107,9 @@ a { <===> ================================================================================ <===> nested/different_keys/input.scss -a {b: inspect(map-merge((c: (d: e, f: g)), c, (1: 2, 3: 4)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: (d: e, f: g)), c, (1: 2, 3: 4)))} <===> nested/different_keys/output.css a { @@ -99,7 +119,9 @@ a { <===> ================================================================================ <===> nested/same_keys/input.scss -a {b: inspect(map-merge((c: (d: e, f: g)), c, (d: 1, f: 2)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: (d: e, f: g)), c, (d: 1, f: 2)))} <===> nested/same_keys/output.css a { @@ -109,7 +131,9 @@ a { <===> ================================================================================ <===> nested/overlapping_keys/input.scss -a {b: inspect(map-merge((c: (d: e, f: g, h: i)), c, (j: 1, f: 2, k: 3)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: (d: e, f: g, h: i)), c, (j: 1, f: 2, k: 3)))} <===> nested/overlapping_keys/output.css a { @@ -119,7 +143,9 @@ a { <===> ================================================================================ <===> nested/intermediate_value_is_not_a_map/input.scss -a {b: inspect(map-merge((c: 1), c, d, (e: f)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: 1), c, d, (e: f)))} <===> nested/intermediate_value_is_not_a_map/output.css a { @@ -129,7 +155,9 @@ a { <===> ================================================================================ <===> nested/leaf_value_is_not_a_map/input.scss -a {b: inspect(map-merge((c: 1), c, (d: e)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: 1), c, (d: e)))} <===> nested/leaf_value_is_not_a_map/output.css a { @@ -139,7 +167,9 @@ a { <===> ================================================================================ <===> nested/multiple_keys/input.scss -a {b: inspect(map-merge((c: (d: (e: (f: (g: h))))), c, d, e, f, (g: 1)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge((c: (d: (e: (f: (g: h))))), c, d, e, f, (g: 1)))} <===> nested/multiple_keys/output.css a { @@ -149,91 +179,113 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: inspect(map-merge($map1: (c: d), $map2: (1: 2)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.merge($map1: (c: d), $map2: (1: 2)))} <===> named/output.css a { b: (c: d, 1: 2); } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:map"; +a {b: map.map-merge((c: d), (1: 2))} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: map.map-merge((c: d), (1: 2))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/type/map1/input.scss -a {b: map-merge(1, (c: d))} +@use "sass:map"; +a {b: map.merge(1, (c: d))} <===> error/type/map1/error Error: $map1: 1 is not a map. , -1 | a {b: map-merge(1, (c: d))} +2 | a {b: map.merge(1, (c: d))} | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/map2/input.scss -a {b: map-merge((c: d), 1)} +@use "sass:map"; +a {b: map.merge((c: d), 1)} <===> error/type/map2/error Error: $map2: 1 is not a map. , -1 | a {b: map-merge((c: d), 1)} +2 | a {b: map.merge((c: d), 1)} | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/nested/map1/input.scss -a {b: map-merge(1, c, (d: e))} +@use "sass:map"; +a {b: map.merge(1, c, (d: e))} <===> error/type/nested/map1/error Error: $map1: 1 is not a map. , -1 | a {b: map-merge(1, c, (d: e))} +2 | a {b: map.merge(1, c, (d: e))} | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/nested/map2/input.scss -a {b: map-merge((c: d), e, 1)} +@use "sass:map"; +a {b: map.merge((c: d), e, 1)} <===> error/type/nested/map2/error Error: $map2: 1 is not a map. , -1 | a {b: map-merge((c: d), e, 1)} +2 | a {b: map.merge((c: d), e, 1)} | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/zero_args/input.scss -a {b: map-merge()} +@use "sass:map"; +a {b: map.merge()} <===> error/zero_args/error Error: Missing argument $map1. ,--> input.scss -1 | a {b: map-merge()} +2 | a {b: map.merge()} | ^^^^^^^^^^^ invocation ' , 1 | @function merge($map1, $args...) { | ====================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/one_arg/input.scss -a {b: map-merge((c: d))} +@use "sass:map"; +a {b: map.merge((c: d))} <===> error/one_arg/error Error: Expected $args to contain a key. , -1 | a {b: map-merge((c: d))} +2 | a {b: map.merge((c: d))} | ^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/map/remove.hrx b/spec/core_functions/map/remove.hrx index 2478bec04..9fa32d9a9 100644 --- a/spec/core_functions/map/remove.hrx +++ b/spec/core_functions/map/remove.hrx @@ -1,5 +1,7 @@ <===> not_found/empty/input.scss -a {b: inspect(map-remove((), 1))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((), 1))} <===> not_found/empty/output.css a { @@ -9,7 +11,9 @@ a { <===> ================================================================================ <===> not_found/non_empty/input.scss -a {b: inspect(map-remove((c: d), d))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((c: d), d))} <===> not_found/non_empty/output.css a { @@ -19,7 +23,9 @@ a { <===> ================================================================================ <===> not_found/no_keys/input.scss -a {b: inspect(map-remove((c: d)))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((c: d)))} <===> not_found/no_keys/output.css a { @@ -29,7 +35,9 @@ a { <===> ================================================================================ <===> not_found/multiple/input.scss -a {b: inspect(map-remove((c: d), e, f, g))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((c: d), e, f, g))} <===> not_found/multiple/output.css a { @@ -39,7 +47,9 @@ a { <===> ================================================================================ <===> found/single/input.scss -a {b: inspect(map-remove((c: d), c))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((c: d), c))} <===> found/single/output.css a { @@ -49,7 +59,9 @@ a { <===> ================================================================================ <===> found/first/input.scss -a {b: inspect(map-remove((1: 2, 3: 4, 5: 6), 1))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((1: 2, 3: 4, 5: 6), 1))} <===> found/first/output.css a { @@ -59,7 +71,9 @@ a { <===> ================================================================================ <===> found/middle/input.scss -a {b: inspect(map-remove((1: 2, 3: 4, 5: 6), 3))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((1: 2, 3: 4, 5: 6), 3))} <===> found/middle/output.css a { @@ -69,7 +83,9 @@ a { <===> ================================================================================ <===> found/last/input.scss -a {b: inspect(map-remove((1: 2, 3: 4, 5: 6), 5))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((1: 2, 3: 4, 5: 6), 5))} <===> found/last/output.css a { @@ -79,7 +95,9 @@ a { <===> ================================================================================ <===> found/multiple/all/input.scss -a {b: inspect(map-remove((1: 2, 3: 4, 5: 6, 7: 8, 9: 10), 1, 5, 9))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((1: 2, 3: 4, 5: 6, 7: 8, 9: 10), 1, 5, 9))} <===> found/multiple/all/output.css a { @@ -89,7 +107,9 @@ a { <===> ================================================================================ <===> found/multiple/some/input.scss -a {b: inspect(map-remove((1: 2, 3: 4, 5: 6, 7: 8), 1, 5, 9))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove((1: 2, 3: 4, 5: 6, 7: 8), 1, 5, 9))} <===> found/multiple/some/output.css a { @@ -99,52 +119,71 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: inspect(map-remove($map: (c: d), $key: c))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.inspect(map.remove($map: (c: d), $key: c))} <===> named/output.css a { b: (); } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:map"; +a {b: map.map-remove((c: d), c)} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: map.map-remove((c: d), c)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/type/map/input.scss -a {b: map-remove(1)} +@use "sass:map"; +a {b: map.remove(1)} <===> error/type/map/error Error: $map: 1 is not a map. , -1 | a {b: map-remove(1)} +2 | a {b: map.remove(1)} | ^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: map-remove()} +@use "sass:map"; +a {b: map.remove()} <===> error/too_few_args/error Error: Missing argument $map. ,--> input.scss -1 | a {b: map-remove()} +2 | a {b: map.remove()} | ^^^^^^^^^^^^ invocation ' , 1 | @function remove($map) { | ============ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/positional_and_named/input.scss -a {b: map-remove((c: d, e: f), c, $key: e)} +@use "sass:map"; +a {b: map.remove((c: d, e: f), c, $key: e)} <===> error/positional_and_named/error Error: Argument $key was passed both by position and by name. , -1 | a {b: map-remove((c: d, e: f), c, $key: e)} +2 | a {b: map.remove((c: d, e: f), c, $key: e)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/map/set.hrx b/spec/core_functions/map/set.hrx index 3d153ac48..92717585d 100644 --- a/spec/core_functions/map/set.hrx +++ b/spec/core_functions/map/set.hrx @@ -1,6 +1,7 @@ <===> empty/input.scss +@use "sass:meta"; @use "sass:map"; -a {b: inspect(map.set((), c, d))} +a {b: meta.inspect(map.set((), c, d))} <===> empty/output.css a { @@ -10,8 +11,9 @@ a { <===> ================================================================================ <===> update_existing_key/input.scss +@use "sass:meta"; @use "sass:map"; -a {b: inspect(map.set((c: d), c, e))} +a {b: meta.inspect(map.set((c: d), c, e))} <===> update_existing_key/output.css a { @@ -21,8 +23,9 @@ a { <===> ================================================================================ <===> new_key/input.scss +@use "sass:meta"; @use "sass:map"; -a {b: inspect(map.set((c: d), e, f))} +a {b: meta.inspect(map.set((c: d), e, f))} <===> new_key/output.css a { @@ -32,8 +35,9 @@ a { <===> ================================================================================ <===> nested/empty/input.scss +@use "sass:meta"; @use "sass:map"; -a {b: inspect(map.set((c: ()), c, d, e, f))} +a {b: meta.inspect(map.set((c: ()), c, d, e, f))} <===> nested/empty/output.css a { @@ -43,8 +47,9 @@ a { <===> ================================================================================ <===> nested/update_existing_key/input.scss +@use "sass:meta"; @use "sass:map"; -a {b: inspect(map.set((c: (d: e)), c, d, f))} +a {b: meta.inspect(map.set((c: (d: e)), c, d, f))} <===> nested/update_existing_key/output.css a { @@ -54,8 +59,9 @@ a { <===> ================================================================================ <===> nested/new_key/input.scss +@use "sass:meta"; @use "sass:map"; -a {b: inspect(map.set((c: (d: e)), c, f, g))} +a {b: meta.inspect(map.set((c: (d: e)), c, f, g))} <===> nested/new_key/output.css a { @@ -65,8 +71,9 @@ a { <===> ================================================================================ <===> nested/value_is_not_a_map/input.scss +@use "sass:meta"; @use "sass:map"; -a {b: inspect(map.set((c: 1), c, d, f))} +a {b: meta.inspect(map.set((c: 1), c, d, f))} <===> nested/value_is_not_a_map/output.css a { @@ -76,8 +83,9 @@ a { <===> ================================================================================ <===> nested/long/input.scss +@use "sass:meta"; @use "sass:map"; -a {b: inspect(map.set((c: (d: (e: (f: (g: h))))), c, d, e, f, g, i))} +a {b: meta.inspect(map.set((c: (d: (e: (f: (g: h))))), c, d, e, f, g, i))} <===> nested/long/output.css a { @@ -87,8 +95,9 @@ a { <===> ================================================================================ <===> named/input.scss +@use "sass:meta"; @use "sass:map"; -a {b: inspect(map.set($map: (c: d), $key: c, $value: e))} +a {b: meta.inspect(map.set($map: (c: d), $key: c, $value: e))} <===> named/output.css a { diff --git a/spec/core_functions/map/values.hrx b/spec/core_functions/map/values.hrx index 0c0da1432..ad27f638b 100644 --- a/spec/core_functions/map/values.hrx +++ b/spec/core_functions/map/values.hrx @@ -1,8 +1,11 @@ <===> empty/input.scss -$result: map-values(()); +@use "sass:list"; +@use "sass:map"; +@use "sass:meta"; +$result: map.values(()); a { - value: inspect($result); - separator: list-separator($result); + value: meta.inspect($result); + separator: list.separator($result); } <===> empty/output.css @@ -14,11 +17,14 @@ a { <===> ================================================================================ <===> single/input.scss -$result: map-values((1: 2)); +@use "sass:list"; +@use "sass:map"; +@use "sass:meta"; +$result: map.values((1: 2)); a { value: $result; - type: type-of($result); - separator: list-separator($result); + type: meta.type-of($result); + separator: list.separator($result); } <===> single/output.css @@ -31,7 +37,8 @@ a { <===> ================================================================================ <===> multiple/input.scss -a {b: map-values((c: d, e: f, g: h))} +@use "sass:map"; +a {b: map.values((c: d, e: f, g: h))} <===> multiple/output.css a { @@ -41,57 +48,75 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: map-values($map: (1: 2, 3: 4))} +@use "sass:map"; +a {b: map.values($map: (1: 2, 3: 4))} <===> named/output.css a { b: 2, 4; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:map"; +a {b: map.map-values((c: d))} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: map.map-values((c: d))} + | ^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/type/input.scss -a {b: map-values(1)} +@use "sass:map"; +a {b: map.values(1)} <===> error/type/error Error: $map: 1 is not a map. , -1 | a {b: map-values(1)} +2 | a {b: map.values(1)} | ^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: map-values()} +@use "sass:map"; +a {b: map.values()} <===> error/too_few_args/error Error: Missing argument $map. ,--> input.scss -1 | a {b: map-values()} +2 | a {b: map.values()} | ^^^^^^^^^^^^ invocation ' ,--> sass:map 1 | @function values($map) { | ============ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: map-values((c: d), (e: f))} +@use "sass:map"; +a {b: map.values((c: d), (e: f))} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: map-values((c: d), (e: f))} +2 | a {b: map.values((c: d), (e: f))} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:map 1 | @function values($map) { | ============ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/math/ceil.hrx b/spec/core_functions/math/ceil.hrx index 62291120f..ce673e665 100644 --- a/spec/core_functions/math/ceil.hrx +++ b/spec/core_functions/math/ceil.hrx @@ -1,5 +1,6 @@ <===> integer/input.scss -a {b: ceil(1)} +@use "sass:math"; +a {b: math.ceil(1)} <===> integer/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> high/input.scss -a {b: ceil(2.9)} +@use "sass:math"; +a {b: math.ceil(2.9)} <===> high/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> low/input.scss -a {b: ceil(6.000000000000001)} +@use "sass:math"; +a {b: math.ceil(6.000000000000001)} <===> low/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> negative/input.scss -a {b: ceil(-7.6)} +@use "sass:math"; +a {b: math.ceil(-7.6)} <===> negative/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> preserves_units/input.scss -a {b: ceil(7px / 4em) * 1em} +@use "sass:math"; +a {b: math.ceil(7px / 4em) * 1em} <===> preserves_units/output.css a { @@ -54,15 +59,16 @@ Recommendation: math.div(7px, 4em) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: ceil(7px / 4em) * 1em} - | ^^^^^^^^^ +2 | a {b: math.ceil(7px / 4em) * 1em} + | ^^^^^^^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet <===> ================================================================================ <===> named/input.scss -a {b: ceil($number: 1.6)} +@use "sass:math"; +a {b: math.ceil($number: 1.6)} <===> named/output.css a { @@ -72,47 +78,50 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: ceil(c)} +@use "sass:math"; +a {b: math.ceil(c)} <===> error/type/error Error: $number: c is not a number. , -1 | a {b: ceil(c)} - | ^^^^^^^ +2 | a {b: math.ceil(c)} + | ^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: ceil()} +@use "sass:math"; +a {b: math.ceil()} <===> error/too_few_args/error Error: Missing argument $number. ,--> input.scss -1 | a {b: ceil()} - | ^^^^^^ invocation +2 | a {b: math.ceil()} + | ^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function ceil($number) { | ============= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: ceil(1, 2)} +@use "sass:math"; +a {b: math.ceil(1, 2)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: ceil(1, 2)} - | ^^^^^^^^^^ invocation +2 | a {b: math.ceil(1, 2)} + | ^^^^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function ceil($number) { | ============= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/math/comparable.hrx b/spec/core_functions/math/comparable.hrx index f8e1b3dbd..f293f5daa 100644 --- a/spec/core_functions/math/comparable.hrx +++ b/spec/core_functions/math/comparable.hrx @@ -1,5 +1,6 @@ <===> unitless/to_unitless/input.scss -a {b: comparable(1, 2)} +@use "sass:math"; +a {b: math.compatible(1, 2)} <===> unitless/to_unitless/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unitless/to_unit/input.scss -a {b: comparable(1, 2px)} +@use "sass:math"; +a {b: math.compatible(1, 2px)} <===> unitless/to_unit/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> unit/to_same/input.scss -a {b: comparable(1px, 2px)} +@use "sass:math"; +a {b: math.compatible(1px, 2px)} <===> unit/to_same/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> unit/to_compatible/input.scss -a {b: comparable(1px, 2in)} +@use "sass:math"; +a {b: math.compatible(1px, 2in)} <===> unit/to_compatible/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> unit/to_different/input.scss -a {b: comparable(1px, 2em)} +@use "sass:math"; +a {b: math.compatible(1px, 2em)} <===> unit/to_different/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> unit/to_inverse/input.scss -a {b: comparable(1px, 1/1px)} +@use "sass:math"; +a {b: math.compatible(1px, 1/1px)} <===> unit/to_inverse/output.css a { @@ -64,77 +70,96 @@ Recommendation: math.div(1, 1px) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: comparable(1px, 1/1px)} - | ^^^^^ +2 | a {b: math.compatible(1px, 1/1px)} + | ^^^^^ ' - input.scss 1:23 root stylesheet + input.scss 2:28 root stylesheet <===> ================================================================================ <===> named/input.scss -a {b: comparable($number1: 1, $number2: 2)} +@use "sass:math"; +a {b: math.compatible($number1: 1, $number2: 2)} <===> named/output.css a { b: true; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:math"; +a {b: math.comparable(1px, 1in)} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: math.comparable(1px, 1in)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/type/arg_1/input.scss -a {b: comparable(c, 1)} +@use "sass:math"; +a {b: math.compatible(c, 1)} <===> error/type/arg_1/error Error: $number1: c is not a number. , -1 | a {b: comparable(c, 1)} - | ^^^^^^^^^^^^^^^^ +2 | a {b: math.compatible(c, 1)} + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/arg_2/input.scss -a {b: comparable(1, c)} +@use "sass:math"; +a {b: math.compatible(1, c)} <===> error/type/arg_2/error Error: $number2: c is not a number. , -1 | a {b: comparable(1, c)} - | ^^^^^^^^^^^^^^^^ +2 | a {b: math.compatible(1, c)} + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: comparable(1)} +@use "sass:math"; +a {b: math.compatible(1)} <===> error/too_few_args/error Error: Missing argument $number2. ,--> input.scss -1 | a {b: comparable(1)} - | ^^^^^^^^^^^^^ invocation +2 | a {b: math.compatible(1)} + | ^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function compatible($number1, $number2) { | ============================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: comparable(1, 2, 3)} +@use "sass:math"; +a {b: math.compatible(1, 2, 3)} <===> error/too_many_args/error Error: Only 2 arguments allowed, but 3 were passed. ,--> input.scss -1 | a {b: comparable(1, 2, 3)} - | ^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: math.compatible(1, 2, 3)} + | ^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function compatible($number1, $number2) { | ============================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/math/div.hrx b/spec/core_functions/math/div.hrx index 347b22db9..f0751fecb 100644 --- a/spec/core_functions/math/div.hrx +++ b/spec/core_functions/math/div.hrx @@ -105,11 +105,12 @@ a { <===> ================================================================================ <===> non_numeric/numerator/input.scss +@use "sass:meta"; @use "sass:math"; a { $result: math.div(b, 3); value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> non_numeric/numerator/output.css @@ -123,19 +124,20 @@ WARNING: math.div() will only support number arguments in a future release. Use list.slash() instead for a slash separator. , -3 | $result: math.div(b, 3); +4 | $result: math.div(b, 3); | ^^^^^^^^^^^^^^ ' - input.scss 3:12 root stylesheet + input.scss 4:12 root stylesheet <===> ================================================================================ <===> non_numeric/denominator/input.scss +@use "sass:meta"; @use "sass:math"; a { $result: math.div(6, b); value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> non_numeric/denominator/output.css @@ -149,10 +151,10 @@ WARNING: math.div() will only support number arguments in a future release. Use list.slash() instead for a slash separator. , -3 | $result: math.div(6, b); +4 | $result: math.div(6, b); | ^^^^^^^^^^^^^^ ' - input.scss 3:12 root stylesheet + input.scss 4:12 root stylesheet <===> ================================================================================ diff --git a/spec/core_functions/math/floor.hrx b/spec/core_functions/math/floor.hrx index d0daa1c36..53765789a 100644 --- a/spec/core_functions/math/floor.hrx +++ b/spec/core_functions/math/floor.hrx @@ -1,5 +1,6 @@ <===> integer/input.scss -a {b: floor(1)} +@use "sass:math"; +a {b: math.floor(1)} <===> integer/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> high/input.scss -a {b: floor(2.999999999999999)} +@use "sass:math"; +a {b: math.floor(2.999999999999999)} <===> high/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> low/input.scss -a {b: floor(6.1)} +@use "sass:math"; +a {b: math.floor(6.1)} <===> low/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> negative/input.scss -a {b: floor(-7.2)} +@use "sass:math"; +a {b: math.floor(-7.2)} <===> negative/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> preserves_units/input.scss -a {b: floor(7px / 4em) * 1em} +@use "sass:math"; +a {b: math.floor(7px / 4em) * 1em} <===> preserves_units/output.css a { @@ -54,15 +59,16 @@ Recommendation: math.div(7px, 4em) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: floor(7px / 4em) * 1em} - | ^^^^^^^^^ +2 | a {b: math.floor(7px / 4em) * 1em} + | ^^^^^^^^^ ' - input.scss 1:13 root stylesheet + input.scss 2:18 root stylesheet <===> ================================================================================ <===> named/input.scss -a {b: floor($number: 1.6)} +@use "sass:math"; +a {b: math.floor($number: 1.6)} <===> named/output.css a { @@ -72,47 +78,50 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: floor(c)} +@use "sass:math"; +a {b: math.floor(c)} <===> error/type/error Error: $number: c is not a number. , -1 | a {b: floor(c)} - | ^^^^^^^^ +2 | a {b: math.floor(c)} + | ^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: floor()} +@use "sass:math"; +a {b: math.floor()} <===> error/too_few_args/error Error: Missing argument $number. ,--> input.scss -1 | a {b: floor()} - | ^^^^^^^ invocation +2 | a {b: math.floor()} + | ^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function floor($number) { | ============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: floor(1, 2)} +@use "sass:math"; +a {b: math.floor(1, 2)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: floor(1, 2)} - | ^^^^^^^^^^^ invocation +2 | a {b: math.floor(1, 2)} + | ^^^^^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function floor($number) { | ============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/math/percentage.hrx b/spec/core_functions/math/percentage.hrx index 4e0dea43f..84ccace77 100644 --- a/spec/core_functions/math/percentage.hrx +++ b/spec/core_functions/math/percentage.hrx @@ -1,5 +1,6 @@ <===> zero/input.scss -a {b: percentage(0)} +@use "sass:math"; +a {b: math.percentage(0)} <===> zero/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> small/input.scss -a {b: percentage(0.246)} +@use "sass:math"; +a {b: math.percentage(0.246)} <===> small/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> large/input.scss -a {b: percentage(123.456)} +@use "sass:math"; +a {b: math.percentage(123.456)} <===> large/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> integer/input.scss -a {b: percentage(42)} +@use "sass:math"; +a {b: math.percentage(42)} <===> integer/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> negative/input.scss -a {b: percentage(-0.4)} +@use "sass:math"; +a {b: math.percentage(-0.4)} <===> negative/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: percentage($number: 1)} +@use "sass:math"; +a {b: math.percentage($number: 1)} <===> named/output.css a { @@ -59,59 +65,63 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: percentage(c)} +@use "sass:math"; +a {b: math.percentage(c)} <===> error/type/error Error: $number: c is not a number. , -1 | a {b: percentage(c)} - | ^^^^^^^^^^^^^ +2 | a {b: math.percentage(c)} + | ^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/unit/input.scss -a {b: percentage(1%)} +@use "sass:math"; +a {b: math.percentage(1%)} <===> error/unit/error Error: $number: Expected 1% to have no units. , -1 | a {b: percentage(1%)} - | ^^^^^^^^^^^^^^ +2 | a {b: math.percentage(1%)} + | ^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: percentage()} +@use "sass:math"; +a {b: math.percentage()} <===> error/too_few_args/error Error: Missing argument $number. ,--> input.scss -1 | a {b: percentage()} - | ^^^^^^^^^^^^ invocation +2 | a {b: math.percentage()} + | ^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function percentage($number) { | =================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: percentage(1, 2)} +@use "sass:math"; +a {b: math.percentage(1, 2)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: percentage(1, 2)} - | ^^^^^^^^^^^^^^^^ invocation +2 | a {b: math.percentage(1, 2)} + | ^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function percentage($number) { | =================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/math/random.hrx b/spec/core_functions/math/random.hrx index cd75e3202..a805ba252 100644 --- a/spec/core_functions/math/random.hrx +++ b/spec/core_functions/math/random.hrx @@ -13,26 +13,29 @@ <===> ================================================================================ <===> null/input.scss -@import "../util"; +@use "sass:meta"; +@use "../util"; @function check($value) {@return $value >= 0 and $value < 1} -@include check-values(null, get-function(check)); +@include util.check-values(null, meta.get-function(check)); <===> null/output.css <===> ================================================================================ <===> one/input.scss -@import "../util"; +@use "sass:meta"; +@use "../util"; @function check($value) {@return $value == 1} -@include check-values(1, get-function(check)); +@include util.check-values(1, meta.get-function(check)); <===> one/output.css <===> ================================================================================ <===> within_precision/input.scss +@use "sass:math"; // This is within the precision limit to be considered identical to 1. -a {b: random(1.0000000000001)} +a {b: math.random(1.0000000000001)} <===> within_precision/output.css a { @@ -42,25 +45,29 @@ a { <===> ================================================================================ <===> two/input.scss -@import "../util"; +@use "sass:meta"; +@use "../util"; @function check($value) {@return $value == 1 or $value == 2} -@include check-values(2, get-function(check)); +@include util.check-values(2, meta.get-function(check)); <===> two/output.css <===> ================================================================================ <===> one_hundred/input.scss -@import "../util"; -@function check($value) {@return $value == round($value) and $value > 0 and $value <= 100} -@include check-values(100, get-function(check)); +@use "sass:math"; +@use "sass:meta"; +@use "../util"; +@function check($value) {@return $value == math.round($value) and $value > 0 and $value <= 100} +@include util.check-values(100, meta.get-function(check)); <===> one_hundred/output.css <===> ================================================================================ <===> no_arg/input.scss -$value: random(); +@use "sass:math"; +$value: math.random(); a {b: $value >= 0 and $value < 1} <===> no_arg/output.css @@ -71,7 +78,8 @@ a { <===> ================================================================================ <===> ignores_units/input.scss -a {b: random(1px)} +@use "sass:math"; +a {b: math.random(1px)} <===> ignores_units/output.css a { @@ -88,15 +96,16 @@ To preserve current behavior: math.random(math.div($limit, 1px)) More info: https://sass-lang.com/d/function-units , -1 | a {b: random(1px)} - | ^^^^^^^^^^^ +2 | a {b: math.random(1px)} + | ^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> named/input.scss -$value: random($limit: 10); +@use "sass:math"; +$value: math.random($limit: 10); a {b: $value > 0 and $value <= 10} <===> named/output.css @@ -107,51 +116,55 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: random(c)} +@use "sass:math"; +a {b: math.random(c)} <===> error/type/error Error: $limit: c is not a number. , -1 | a {b: random(c)} - | ^^^^^^^^^ +2 | a {b: math.random(c)} + | ^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/decimal/input.scss -a {b: random(1.5)} +@use "sass:math"; +a {b: math.random(1.5)} <===> error/decimal/error Error: $limit: 1.5 is not an int. , -1 | a {b: random(1.5)} - | ^^^^^^^^^^^ +2 | a {b: math.random(1.5)} + | ^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/zero/input.scss -a {b: random(0)} +@use "sass:math"; +a {b: math.random(0)} <===> error/zero/error Error: $limit: Must be greater than 0, was 0. , -1 | a {b: random(0)} - | ^^^^^^^^^ +2 | a {b: math.random(0)} + | ^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/negative/input.scss -a {b: random(-1)} +@use "sass:math"; +a {b: math.random(-1)} <===> error/negative/error Error: $limit: Must be greater than 0, was -1. , -1 | a {b: random(-1)} - | ^^^^^^^^^^ +2 | a {b: math.random(-1)} + | ^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/math/unit.hrx b/spec/core_functions/math/unit.hrx index c607752f3..9264adf96 100644 --- a/spec/core_functions/math/unit.hrx +++ b/spec/core_functions/math/unit.hrx @@ -5,7 +5,8 @@ totally consistent output across different implementations. <===> ================================================================================ <===> none/input.scss -a {b: unit(1)} +@use "sass:math"; +a {b: math.unit(1)} <===> none/output.css a { @@ -15,7 +16,8 @@ a { <===> ================================================================================ <===> one_numerator/input.scss -a {b: unit(1px)} +@use "sass:math"; +a {b: math.unit(1px)} <===> one_numerator/output.css a { @@ -25,7 +27,8 @@ a { <===> ================================================================================ <===> multiple_numerators/input.scss -a {b: unit(1px * 1em * 1rad)} +@use "sass:math"; +a {b: math.unit(1px * 1em * 1rad)} <===> multiple_numerators/output.css a { @@ -35,7 +38,8 @@ a { <===> ================================================================================ <===> one_denominator/input.scss -a {b: unit(1/1px)} +@use "sass:math"; +a {b: math.unit(1/1px)} <===> one_denominator/output.css a { @@ -50,15 +54,16 @@ Recommendation: math.div(1, 1px) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: unit(1/1px)} - | ^^^^^ +2 | a {b: math.unit(1/1px)} + | ^^^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet <===> ================================================================================ <===> multiple_denominators/input.scss -a {b: unit(1 / 1px / 3em / 4rad)} +@use "sass:math"; +a {b: math.unit(1 / 1px / 3em / 4rad)} <===> multiple_denominators/output.css a { @@ -73,15 +78,16 @@ Recommendation: math.div(math.div(math.div(1, 1px), 3em), 4rad) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: unit(1 / 1px / 3em / 4rad)} - | ^^^^^^^^^^^^^^^^^^^^ +2 | a {b: math.unit(1 / 1px / 3em / 4rad)} + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet <===> ================================================================================ <===> numerator_and_denominator/single/input.scss -a {b: unit(1px / 1em)} +@use "sass:math"; +a {b: math.unit(1px / 1em)} <===> numerator_and_denominator/single/output.css a { @@ -96,15 +102,16 @@ Recommendation: math.div(1px, 1em) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: unit(1px / 1em)} - | ^^^^^^^^^ +2 | a {b: math.unit(1px / 1em)} + | ^^^^^^^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet <===> ================================================================================ <===> numerator_and_denominator/multiple/input.scss -a {b: unit(1px * 1em / 1rad / 1s)} +@use "sass:math"; +a {b: math.unit(1px * 1em / 1rad / 1s)} <===> numerator_and_denominator/multiple/output.css a { @@ -119,10 +126,10 @@ Recommendation: math.div(1px * 1em, 1rad) or calc(1px * 1em / 1rad) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: unit(1px * 1em / 1rad / 1s)} - | ^^^^^^^^^^^^^^^^ +2 | a {b: math.unit(1px * 1em / 1rad / 1s)} + | ^^^^^^^^^^^^^^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -131,15 +138,16 @@ Recommendation: math.div(math.div(1px * 1em, 1rad), 1s) or calc(1px * 1em / 1rad More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: unit(1px * 1em / 1rad / 1s)} - | ^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: math.unit(1px * 1em / 1rad / 1s)} + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet <===> ================================================================================ <===> named/input.scss -a {b: unit($number: 1)} +@use "sass:math"; +a {b: math.unit($number: 1)} <===> named/output.css a { @@ -149,46 +157,49 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: unit(c)} +@use "sass:math"; +a {b: math.unit(c)} <===> error/type/error Error: $number: c is not a number. , -1 | a {b: unit(c)} - | ^^^^^^^ +2 | a {b: math.unit(c)} + | ^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: unit()} +@use "sass:math"; +a {b: math.unit()} <===> error/too_few_args/error Error: Missing argument $number. ,--> input.scss -1 | a {b: unit()} - | ^^^^^^ invocation +2 | a {b: math.unit()} + | ^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function unit($number) { | ============= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: unit(1, 2)} +@use "sass:math"; +a {b: math.unit(1, 2)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: unit(1, 2)} - | ^^^^^^^^^^ invocation +2 | a {b: math.unit(1, 2)} + | ^^^^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function unit($number) { | ============= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/math/unitless.hrx b/spec/core_functions/math/unitless.hrx index f41e83b8f..083a5b29d 100644 --- a/spec/core_functions/math/unitless.hrx +++ b/spec/core_functions/math/unitless.hrx @@ -1,5 +1,6 @@ <===> unitless/input.scss -a {b: unitless(1)} +@use "sass:math"; +a {b: math.is-unitless(1)} <===> unitless/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> numerator/input.scss -a {b: unitless(1px)} +@use "sass:math"; +a {b: math.is-unitless(1px)} <===> numerator/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> denominator/input.scss -a {b: unitless(1/1px)} +@use "sass:math"; +a {b: math.is-unitless(1/1px)} <===> denominator/output.css a { @@ -34,15 +37,16 @@ Recommendation: math.div(1, 1px) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: unitless(1/1px)} - | ^^^^^ +2 | a {b: math.is-unitless(1/1px)} + | ^^^^^ ' - input.scss 1:16 root stylesheet + input.scss 2:24 root stylesheet <===> ================================================================================ <===> numerator_and_denominator/input.scss -a {b: unitless(1px/1em)} +@use "sass:math"; +a {b: math.is-unitless(1px/1em)} <===> numerator_and_denominator/output.css a { @@ -57,64 +61,82 @@ Recommendation: math.div(1px, 1em) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: unitless(1px/1em)} - | ^^^^^^^ +2 | a {b: math.is-unitless(1px/1em)} + | ^^^^^^^ ' - input.scss 1:16 root stylesheet + input.scss 2:24 root stylesheet <===> ================================================================================ <===> named/input.scss -a {b: unitless($number: 100)} +@use "sass:math"; +a {b: math.is-unitless($number: 100)} <===> named/output.css a { b: true; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:math"; +a {b: math.unitless(1)} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: math.unitless(1)} + | ^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/type/input.scss -a {b: unitless(c)} +@use "sass:math"; +a {b: math.is-unitless(c)} <===> error/type/error Error: $number: c is not a number. , -1 | a {b: unitless(c)} - | ^^^^^^^^^^^ +2 | a {b: math.is-unitless(c)} + | ^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: unitless()} +@use "sass:math"; +a {b: math.is-unitless()} <===> error/too_few_args/error Error: Missing argument $number. ,--> input.scss -1 | a {b: unitless()} - | ^^^^^^^^^^ invocation +2 | a {b: math.is-unitless()} + | ^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function is-unitless($number) { | ==================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: unitless(1, 2)} +@use "sass:math"; +a {b: math.is-unitless(1, 2)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: unitless(1, 2)} - | ^^^^^^^^^^^^^^ invocation +2 | a {b: math.is-unitless(1, 2)} + | ^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:math 1 | @function is-unitless($number) { | ==================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/meta/call.hrx b/spec/core_functions/meta/call.hrx index 4809f3e52..68619631b 100644 --- a/spec/core_functions/meta/call.hrx +++ b/spec/core_functions/meta/call.hrx @@ -1,6 +1,7 @@ <===> args/none/input.scss +@use "sass:meta"; @function a() {@return b} -c {d: call(get-function("a"))} +c {d: meta.call(meta.get-function("a"))} <===> args/none/output.css c { @@ -10,7 +11,8 @@ c { <===> ================================================================================ <===> args/positional/input.scss -a {b: call(get-function("rgb"), 1, 2, 3)} +@use "sass:meta"; +a {b: meta.call(meta.get-function("rgb"), 1, 2, 3)} <===> args/positional/output.css a { @@ -20,7 +22,8 @@ a { <===> ================================================================================ <===> args/named/input.scss -a {b: call(get-function("rgb"), $blue: 1, $green: 2, $red: 3)} +@use "sass:meta"; +a {b: meta.call(meta.get-function("rgb"), $blue: 1, $green: 2, $red: 3)} <===> args/named/output.css a { @@ -30,8 +33,9 @@ a { <===> ================================================================================ <===> args/splat/positional/input.scss +@use "sass:meta"; $args: 1, 2, 3; -a {b: call(get-function("rgb"), $args...)} +a {b: meta.call(meta.get-function("rgb"), $args...)} <===> args/splat/positional/output.css a { @@ -41,8 +45,9 @@ a { <===> ================================================================================ <===> args/splat/named/input.scss +@use "sass:meta"; $args: ("green": 1, "blue": 2, "red": 3); -a {b: call(get-function("rgb"), $args...)} +a {b: meta.call(meta.get-function("rgb"), $args...)} <===> args/splat/named/output.css a { @@ -52,9 +57,10 @@ a { <===> ================================================================================ <===> args/splat/combined/input.scss +@use "sass:meta"; $positional: 1 2; $named: ("blue": 3); -a {b: call(get-function("rgb"), $positional..., $named...)} +a {b: meta.call(meta.get-function("rgb"), $positional..., $named...)} <===> args/splat/combined/output.css a { @@ -64,8 +70,9 @@ a { <===> ================================================================================ <===> string/local/input.scss +@use "sass:meta"; @function a($arg) {@return $arg + 1} -a {b: call("a", 1)} +a {b: meta.call("a", 1)} <===> string/local/output.css a { @@ -78,15 +85,16 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function("a")) , -2 | a {b: call("a", 1)} - | ^^^^^^^^^^^^ +3 | a {b: meta.call("a", 1)} + | ^^^^^^^^^^^^^^^^^ ' - input.scss 2:7 root stylesheet + input.scss 3:7 root stylesheet <===> ================================================================================ <===> string/built_in/input.scss -a {b: call("rgb", 1, 2, 3)} +@use "sass:meta"; +a {b: meta.call("rgb", 1, 2, 3)} <===> string/built_in/output.css a { @@ -99,15 +107,16 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function("rgb")) , -1 | a {b: call("rgb", 1, 2, 3)} - | ^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.call("rgb", 1, 2, 3)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> named/input.scss -a {b: call($function: get-function("rgb"), $red: 1, $green: 2, $blue: 3)} +@use "sass:meta"; +a {b: meta.call($function: meta.get-function("rgb"), $red: 1, $green: 2, $blue: 3)} <===> named/output.css a { @@ -117,58 +126,62 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: call(1)} +@use "sass:meta"; +a {b: meta.call(1)} <===> error/type/error Error: $function: 1 is not a function reference. , -1 | a {b: call(1)} - | ^^^^^^^ +2 | a {b: meta.call(1)} + | ^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: call()} +@use "sass:meta"; +a {b: meta.call()} <===> error/too_few_args/error Error: Missing argument $function. ,--> input.scss -1 | a {b: call()} - | ^^^^^^ invocation +2 | a {b: meta.call()} + | ^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function call($function, $args...) { | ========================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/invalid_args/input.scss -a {b: call(get-function("rgb"), 1)} +@use "sass:meta"; +a {b: meta.call(meta.get-function("rgb"), 1)} <===> error/invalid_args/error Error: Missing element $green. , -1 | a {b: call(get-function("rgb"), 1)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.call(meta.get-function("rgb"), 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/if_args/input.scss +@use "sass:meta"; // The if() function has a special behavior to avoid evaluating the // non-returned argument but that behavior does not propagate to call() // itself when using call() to call if(). -a {b: call(get-function("if"), true, "", $undefined)} +a {b: meta.call(meta.get-function("if"), true, "", $undefined)} <===> error/if_args/error Error: Undefined variable. , -4 | a {b: call(get-function("if"), true, "", $undefined)} - | ^^^^^^^^^^ +5 | a {b: meta.call(meta.get-function("if"), true, "", $undefined)} + | ^^^^^^^^^^ ' - input.scss 4:42 root stylesheet + input.scss 5:52 root stylesheet diff --git a/spec/core_functions/meta/content_exists.hrx b/spec/core_functions/meta/content_exists.hrx index 8bec7536d..dfaaeeb9f 100644 --- a/spec/core_functions/meta/content_exists.hrx +++ b/spec/core_functions/meta/content_exists.hrx @@ -3,8 +3,9 @@ - libsass <===> false/top_level/input.scss +@use "sass:meta"; @mixin a { - b {c: content-exists()} + b {c: meta.content-exists()} } @include a; @@ -16,12 +17,13 @@ b { <===> ================================================================================ <===> false/through_content/input.scss +@use "sass:meta"; @mixin call-content { @content; } @mixin print-content-exists { - a {b: content-exists()} + a {b: meta.content-exists()} } @include call-content { @@ -36,8 +38,9 @@ a { <===> ================================================================================ <===> true/empty/input.scss +@use "sass:meta"; @mixin a { - b {c: content-exists()} + b {c: meta.content-exists()} @content; } @include a {} @@ -54,8 +57,9 @@ b { - libsass <===> true/non_empty/input.scss +@use "sass:meta"; @mixin a { - b {c: content-exists()} + b {c: meta.content-exists()} @content; } @include a { @@ -80,9 +84,10 @@ d { <===> ================================================================================ <===> controls/true/input.scss +@use "sass:meta"; // Regression test for sass/libsass#2842 @mixin test-content-exists() { - @if content-exists() { + @if meta.content-exists() { @content; } @else { @@ -104,9 +109,10 @@ a { <===> ================================================================================ <===> controls/false/input.scss +@use "sass:meta"; // Regression test for sass/libsass#2842 @mixin test-content-exists() { - @if content-exists() { + @if meta.content-exists() { @content; } @else { @@ -126,63 +132,67 @@ a { <===> ================================================================================ <===> error/too_many_args/input.scss +@use "sass:meta"; @mixin a { - b {c: content-exists(1)} + b {c: meta.content-exists(1)} } @include a; <===> error/too_many_args/error Error: Only 0 arguments allowed, but 1 was passed. ,--> input.scss -2 | b {c: content-exists(1)} - | ^^^^^^^^^^^^^^^^^ invocation +3 | b {c: meta.content-exists(1)} + | ^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function content-exists() { | ================ declaration ' - input.scss 2:9 a() - input.scss 4:1 root stylesheet + input.scss 3:9 a() + input.scss 5:1 root stylesheet <===> ================================================================================ <===> error/outside_mixin/input.scss -a {b: content-exists()} +@use "sass:meta"; +a {b: meta.content-exists()} <===> error/outside_mixin/error Error: content-exists() may only be called within a mixin. , -1 | a {b: content-exists()} - | ^^^^^^^^^^^^^^^^ +2 | a {b: meta.content-exists()} + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/in_content/input.scss +@use "sass:meta"; @mixin call-content { @content; } @include call-content { - a {b: content-exists()} + a {b: meta.content-exists()} } <===> error/in_content/error Error: content-exists() may only be called within a mixin. , -6 | a {b: content-exists()} - | ^^^^^^^^^^^^^^^^ +7 | a {b: meta.content-exists()} + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 6:9 @content - input.scss 2:3 call-content() - input.scss 5:1 root stylesheet + input.scss 7:9 @content + input.scss 3:3 call-content() + input.scss 6:1 root stylesheet <===> ================================================================================ <===> error/in_function_called_by_mixin/input.scss +@use "sass:meta"; @function call-content-exists() { - @return content-exists(); + @return meta.content-exists(); } @mixin call-function { @@ -194,9 +204,9 @@ Error: content-exists() may only be called within a mixin. <===> error/in_function_called_by_mixin/error Error: content-exists() may only be called within a mixin. , -2 | @return content-exists(); - | ^^^^^^^^^^^^^^^^ +3 | @return meta.content-exists(); + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:11 call-content-exists() - input.scss 6:9 call-function() - input.scss 9:1 root stylesheet + input.scss 3:11 call-content-exists() + input.scss 7:9 call-function() + input.scss 10:1 root stylesheet diff --git a/spec/core_functions/meta/feature_exists.hrx b/spec/core_functions/meta/feature_exists.hrx index 92eaadab6..58a9748a6 100644 --- a/spec/core_functions/meta/feature_exists.hrx +++ b/spec/core_functions/meta/feature_exists.hrx @@ -5,7 +5,8 @@ actually fully supports that feature. <===> ================================================================================ <===> global_variable_shadowing/input.scss -a {b: feature-exists(global-variable-shadowing)} +@use "sass:meta"; +a {b: meta.feature-exists(global-variable-shadowing)} <===> global_variable_shadowing/output.css a { @@ -15,7 +16,8 @@ a { <===> ================================================================================ <===> extend_selector_pseudoclass/input.scss -a {b: feature-exists(extend-selector-pseudoclass)} +@use "sass:meta"; +a {b: meta.feature-exists(extend-selector-pseudoclass)} <===> extend_selector_pseudoclass/output.css a { @@ -25,7 +27,8 @@ a { <===> ================================================================================ <===> units_level_3/input.scss -a {b: feature-exists(units-level-3)} +@use "sass:meta"; +a {b: meta.feature-exists(units-level-3)} <===> units_level_3/output.css a { @@ -35,7 +38,8 @@ a { <===> ================================================================================ <===> at_error/input.scss -a {b: feature-exists(at-error)} +@use "sass:meta"; +a {b: meta.feature-exists(at-error)} <===> at_error/output.css a { @@ -45,7 +49,8 @@ a { <===> ================================================================================ <===> custom_property/input.scss -a {b: feature-exists(custom-property)} +@use "sass:meta"; +a {b: meta.feature-exists(custom-property)} <===> custom_property/output.css a { @@ -55,7 +60,8 @@ a { <===> ================================================================================ <===> unknown/input.scss -a {b: feature-exists(unknown)} +@use "sass:meta"; +a {b: meta.feature-exists(unknown)} <===> unknown/output.css a { @@ -65,7 +71,8 @@ a { <===> ================================================================================ <===> dash_sensitive/input.scss -a {b: feature-exists(at_error)} +@use "sass:meta"; +a {b: meta.feature-exists(at_error)} <===> dash_sensitive/output.css a { @@ -75,7 +82,8 @@ a { <===> ================================================================================ <===> quote_insensitive/input.scss -a {b: feature-exists("at-error")} +@use "sass:meta"; +a {b: meta.feature-exists("at-error")} <===> quote_insensitive/output.css a { @@ -85,7 +93,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: feature-exists($feature: at-error)} +@use "sass:meta"; +a {b: meta.feature-exists($feature: at-error)} <===> named/output.css a { @@ -95,46 +104,49 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: feature-exists(1)} +@use "sass:meta"; +a {b: meta.feature-exists(1)} <===> error/type/error Error: $feature: 1 is not a string. , -1 | a {b: feature-exists(1)} - | ^^^^^^^^^^^^^^^^^ +2 | a {b: meta.feature-exists(1)} + | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: feature-exists()} +@use "sass:meta"; +a {b: meta.feature-exists()} <===> error/too_few_args/error Error: Missing argument $feature. ,--> input.scss -1 | a {b: feature-exists()} - | ^^^^^^^^^^^^^^^^ invocation +2 | a {b: meta.feature-exists()} + | ^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function feature-exists($feature) { | ======================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: feature-exists(at-error, custom-property)} +@use "sass:meta"; +a {b: meta.feature-exists(at-error, custom-property)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: feature-exists(at-error, custom-property)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: meta.feature-exists(at-error, custom-property)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function feature-exists($feature) { | ======================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/meta/function_exists.hrx b/spec/core_functions/meta/function_exists.hrx index d2ead1c71..d589849fa 100644 --- a/spec/core_functions/meta/function_exists.hrx +++ b/spec/core_functions/meta/function_exists.hrx @@ -1,7 +1,8 @@ <===> same_module/global/input.scss +@use "sass:meta"; @function global-function() {@return null} -a {b: function-exists(global-function)} +a {b: meta.function-exists(global-function)} <===> same_module/global/output.css a { @@ -11,9 +12,10 @@ a { <===> ================================================================================ <===> same_module/local/input.scss +@use "sass:meta"; a { @function local-function() {@return null} - b: function-exists(local-function); + b: meta.function-exists(local-function); } <===> same_module/local/output.css @@ -24,8 +26,9 @@ a { <===> ================================================================================ <===> same_module/through_import/input.scss +@use "sass:meta"; @import "other"; -a {b: function-exists(global-function)} +a {b: meta.function-exists(global-function)} <===> same_module/through_import/other.scss @function global-function() {@return null} @@ -38,9 +41,10 @@ a { <===> ================================================================================ <===> same_module/dash_insensitive/dash_to_underscore/input.scss +@use "sass:meta"; @function a_b() {@return null} -c {d: function-exists(a-b)} +c {d: meta.function-exists(a-b)} <===> same_module/dash_insensitive/dash_to_underscore/output.css c { @@ -50,9 +54,10 @@ c { <===> ================================================================================ <===> same_module/dash_insensitive/underscore_to_dash/input.scss +@use "sass:meta"; @function a-b() {@return null} -c {d: function-exists(a_b)} +c {d: meta.function-exists(a_b)} <===> same_module/dash_insensitive/underscore_to_dash/output.css c { @@ -62,8 +67,9 @@ c { <===> ================================================================================ <===> same_module/non_existent/input.scss +@use "sass:meta"; a { - b: function-exists(non-existent); + b: meta.function-exists(non-existent); } <===> same_module/non_existent/output.css @@ -74,8 +80,9 @@ a { <===> ================================================================================ <===> different_module/undefined/input.scss +@use "sass:meta"; @use "sass:color"; -a {b: function-exists("c", "color")} +a {b: meta.function-exists("c", "color")} <===> different_module/undefined/output.css a { @@ -85,8 +92,9 @@ a { <===> ================================================================================ <===> different_module/defined/input.scss +@use "sass:meta"; @use "sass:color"; -a {b: function-exists("red", "color")} +a {b: meta.function-exists("red", "color")} <===> different_module/defined/output.css a { @@ -96,8 +104,9 @@ a { <===> ================================================================================ <===> different_module/chosen_prefix/input.scss +@use "sass:meta"; @use "sass:color" as a; -b {c: function-exists("red", "a")} +b {c: meta.function-exists("red", "a")} <===> different_module/chosen_prefix/output.css b { @@ -107,8 +116,9 @@ b { <===> ================================================================================ <===> different_module/through_use/input.scss +@use "sass:meta"; @use "other" as *; -a {b: function-exists(global-function)} +a {b: meta.function-exists(global-function)} <===> different_module/through_use/other.scss @function global-function() {@return null} @@ -121,8 +131,9 @@ a { <===> ================================================================================ <===> different_module/through_forward/bare/input.scss +@use "sass:meta"; @use "midstream" as *; -a {b: function-exists(c)} +a {b: meta.function-exists(c)} <===> different_module/through_forward/bare/_midstream.scss @forward "upstream"; @@ -138,10 +149,11 @@ a { <===> ================================================================================ <===> different_module/through_forward/as/input.scss +@use "sass:meta"; @use "midstream" as *; a { - with-prefix: function-exists(b-c); - without-prefix: function-exists(c); + with-prefix: meta.function-exists(b-c); + without-prefix: meta.function-exists(c); } <===> different_module/through_forward/as/_midstream.scss @@ -159,10 +171,11 @@ a { <===> ================================================================================ <===> different_module/through_forward/show/input.scss +@use "sass:meta"; @use "midstream" as *; a { - shown: function-exists(b); - not-shown: function-exists(c); + shown: meta.function-exists(b); + not-shown: meta.function-exists(c); } <===> different_module/through_forward/show/_midstream.scss @@ -181,10 +194,11 @@ a { <===> ================================================================================ <===> different_module/through_forward/hide/input.scss +@use "sass:meta"; @use "midstream" as *; a { - hidden: function-exists(b); - not-hidden: function-exists(c); + hidden: meta.function-exists(b); + not-hidden: meta.function-exists(c); } <===> different_module/through_forward/hide/_midstream.scss @@ -203,9 +217,10 @@ a { <===> ================================================================================ <===> named/input.scss +@use "sass:meta"; @use "sass:color"; -a {b: function-exists($name: "red", $module: "color")} +a {b: meta.function-exists($name: "red", $module: "color")} <===> named/output.css a { @@ -215,70 +230,75 @@ a { <===> ================================================================================ <===> error/argument/type/name/input.scss -a {b: function-exists(12px)} +@use "sass:meta"; +a {b: meta.function-exists(12px)} <===> error/argument/type/name/error Error: $name: 12px is not a string. , -1 | a {b: function-exists(12px)} - | ^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.function-exists(12px)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/type/module/input.scss -a {b: function-exists("red", 1)} +@use "sass:meta"; +a {b: meta.function-exists("red", 1)} <===> error/argument/type/module/error Error: $module: 1 is not a string. , -1 | a {b: function-exists("red", 1)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.function-exists("red", 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/too_few/input.scss -a {b: function-exists()} +@use "sass:meta"; +a {b: meta.function-exists()} <===> error/argument/too_few/error Error: Missing argument $name. ,--> input.scss -1 | a {b: function-exists()} - | ^^^^^^^^^^^^^^^^^ invocation +2 | a {b: meta.function-exists()} + | ^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function function-exists($name, $module: null) { | ===================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/too_many/input.scss -a {b: function-exists(c, d, e)} +@use "sass:meta"; +a {b: meta.function-exists(c, d, e)} <===> error/argument/too_many/error Error: Only 2 arguments allowed, but 3 were passed. ,--> input.scss -1 | a {b: function-exists(c, d, e)} - | ^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: meta.function-exists(c, d, e)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function function-exists($name, $module: null) { | ===================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/conflict/input.scss +@use "sass:meta"; @use "other1" as *; @use "other2" as *; -a {b: function-exists(member)} +a {b: meta.function-exists(member)} <===> error/conflict/other1.scss @function member() {@return from other1} @@ -289,52 +309,55 @@ a {b: function-exists(member)} <===> error/conflict/error Error: This function is available from multiple global modules. , -1 | @use "other1" as *; +2 | @use "other1" as *; | ================== includes function -2 | @use "other2" as *; +3 | @use "other2" as *; | ================== includes function ... | -4 | a {b: function-exists(member)} - | ^^^^^^^^^^^^^^^^^^^^^^^ function use +5 | a {b: meta.function-exists(member)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ function use ' - input.scss 4:7 root stylesheet + input.scss 5:7 root stylesheet <===> ================================================================================ <===> error/module/non_existent/input.scss -a {b: function-exists("c", "d")} +@use "sass:meta"; +a {b: meta.function-exists("c", "d")} <===> error/module/non_existent/error Error: There is no module with the namespace "d". , -1 | a {b: function-exists("c", "d")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.function-exists("c", "d")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/module/built_in_but_not_loaded/input.scss -a {b: function-exists("red", "color")} +@use "sass:meta"; +a {b: meta.function-exists("red", "color")} <===> error/module/built_in_but_not_loaded/error Error: There is no module with the namespace "color". , -1 | a {b: function-exists("red", "color")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.function-exists("red", "color")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/module/dash_sensitive/input.scss +@use "sass:meta"; @use "sass:color" as a-b; -c {d: function-exists("c", $module: "a_b")} +c {d: meta.function-exists("c", $module: "a_b")} <===> error/module/dash_sensitive/error Error: There is no module with the namespace "a_b". , -2 | c {d: function-exists("c", $module: "a_b")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | c {d: meta.function-exists("c", $module: "a_b")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:7 root stylesheet + input.scss 3:7 root stylesheet diff --git a/spec/core_functions/meta/get_function/different_module.hrx b/spec/core_functions/meta/get_function/different_module.hrx index 20858857b..ff31f2ac2 100644 --- a/spec/core_functions/meta/get_function/different_module.hrx +++ b/spec/core_functions/meta/get_function/different_module.hrx @@ -1,6 +1,7 @@ <===> defined/input.scss +@use "sass:meta"; @use "sass:color"; -a {b: call(get-function("red", $module: "color"), #abcdef)} +a {b: meta.call(meta.get-function("red", $module: "color"), #abcdef)} <===> defined/output.css a { @@ -10,8 +11,9 @@ a { <===> ================================================================================ <===> chosen_prefix/input.scss +@use "sass:meta"; @use "sass:color" as a; -b {c: call(get-function("red", $module: "a"), #abcdef)} +b {c: meta.call(meta.get-function("red", $module: "a"), #abcdef)} <===> chosen_prefix/output.css b { @@ -21,8 +23,9 @@ b { <===> ================================================================================ <===> through_use/input.scss +@use "sass:meta"; @use "other" as *; -a {b: call(get-function(add-two), 10)} +a {b: meta.call(meta.get-function(add-two), 10)} <===> through_use/other.scss @function add-two($v) {@return $v + 2} @@ -35,8 +38,9 @@ a { <===> ================================================================================ <===> through_forward/bare/input.scss +@use "sass:meta"; @use "midstream" as *; -a {b: call(get-function(c))} +a {b: meta.call(meta.get-function(c))} <===> through_forward/bare/_midstream.scss @forward "upstream"; @@ -52,9 +56,10 @@ a { <===> ================================================================================ <===> through_forward/as/input.scss +@use "sass:meta"; @use "midstream" as *; a { - b: call(get-function(c-d)); + b: meta.call(meta.get-function(c-d)); } <===> through_forward/as/_midstream.scss @@ -71,9 +76,10 @@ a { <===> ================================================================================ <===> through_forward/show/input.scss +@use "sass:meta"; @use "midstream" as *; a { - b: call(get-function(c)); + b: meta.call(meta.get-function(c)); } <===> through_forward/show/_midstream.scss @@ -90,9 +96,10 @@ a { <===> ================================================================================ <===> through_forward/hide/input.scss +@use "sass:meta"; @use "midstream" as *; a { - b: call(get-function(d)); + b: meta.call(meta.get-function(d)); } <===> through_forward/hide/_midstream.scss @@ -113,8 +120,9 @@ a { - libsass <===> named/input.scss +@use "sass:meta"; @use "sass:color"; -a {b: call(get-function($name: "red", $module: "color"), #abcdef)} +a {b: meta.call(meta.get-function($name: "red", $module: "color"), #abcdef)} <===> named/output.css a { diff --git a/spec/core_functions/meta/get_function/equality.hrx b/spec/core_functions/meta/get_function/equality.hrx index fd442488d..55bc48918 100644 --- a/spec/core_functions/meta/get_function/equality.hrx +++ b/spec/core_functions/meta/get_function/equality.hrx @@ -1,5 +1,6 @@ <===> same_value/input.scss -$lighten-fn: get-function(lighten); +@use "sass:meta"; +$lighten-fn: meta.get-function(lighten); a {b: $lighten-fn == $lighten-fn} <===> same_value/output.css @@ -10,7 +11,8 @@ a { <===> ================================================================================ <===> built_in/same/input.scss -a {b: get-function(lighten) == get-function(lighten)} +@use "sass:meta"; +a {b: meta.get-function(lighten) == meta.get-function(lighten)} <===> built_in/same/output.css a { @@ -20,7 +22,8 @@ a { <===> ================================================================================ <===> built_in/different/input.scss -a {b: get-function(lighten) == get-function(darken)} +@use "sass:meta"; +a {b: meta.get-function(lighten) == meta.get-function(darken)} <===> built_in/different/output.css a { @@ -30,8 +33,9 @@ a { <===> ================================================================================ <===> user_defined/same/input.scss +@use "sass:meta"; @function user-defined() {@return null} -a {b: get-function(user-defined) == get-function(user-defined)} +a {b: meta.get-function(user-defined) == meta.get-function(user-defined)} <===> user_defined/same/output.css a { @@ -41,9 +45,10 @@ a { <===> ================================================================================ <===> user_defined/different/input.scss +@use "sass:meta"; @function user-defined-1() {@return null} @function user-defined-2() {@return null} -a {b: get-function(user-defined-1) == get-function(user-defined-2)} +a {b: meta.get-function(user-defined-1) == meta.get-function(user-defined-2)} <===> user_defined/different/output.css a { @@ -53,11 +58,12 @@ a { <===> ================================================================================ <===> user_defined/redefined/input.scss +@use "sass:meta"; @function user-defined() {@return null} -$first-reference: get-function(user-defined); +$first-reference: meta.get-function(user-defined); @function user-defined() {@return null} -$second-reference: get-function(user-defined); +$second-reference: meta.get-function(user-defined); a {b: $first-reference == $second-reference} <===> user_defined/redefined/output.css diff --git a/spec/core_functions/meta/get_function/error.hrx b/spec/core_functions/meta/get_function/error.hrx index fc1d3bedc..8080e65de 100644 --- a/spec/core_functions/meta/get_function/error.hrx +++ b/spec/core_functions/meta/get_function/error.hrx @@ -1,44 +1,47 @@ <===> argument/type/name/input.scss -a {b: get-function(2px)} +@use "sass:meta"; +a {b: meta.get-function(2px)} <===> argument/type/name/error Error: $name: 2px is not a string. , -1 | a {b: get-function(2px)} - | ^^^^^^^^^^^^^^^^^ +2 | a {b: meta.get-function(2px)} + | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> argument/type/module/input.scss -a {b: get-function(c, $module: 1)} +@use "sass:meta"; +a {b: meta.get-function(c, $module: 1)} <===> argument/type/module/error Error: $module: 1 is not a string. , -1 | a {b: get-function(c, $module: 1)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.get-function(c, $module: 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> argument/function_ref/input.scss +@use "sass:meta"; @function foo() { @return null; } -$foo-ref: get-function(foo); -a {b: get-function($foo-ref)} +$foo-ref: meta.get-function(foo); +a {b: meta.get-function($foo-ref)} <===> argument/function_ref/error Error: $name: get-function("foo") is not a string. , -6 | a {b: get-function($foo-ref)} - | ^^^^^^^^^^^^^^^^^^^^^^ +7 | a {b: meta.get-function($foo-ref)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 6:7 root stylesheet + input.scss 7:7 root stylesheet <===> ================================================================================ diff --git a/spec/core_functions/meta/get_mixin/different_module.hrx b/spec/core_functions/meta/get_mixin/different_module.hrx index a96387912..fab7cf8de 100644 --- a/spec/core_functions/meta/get_mixin/different_module.hrx +++ b/spec/core_functions/meta/get_mixin/different_module.hrx @@ -4,7 +4,8 @@ a {@include meta.apply(meta.get-mixin("a", $module: "other"), #abcdef)} <===> defined/_other.scss -@mixin a($color) {b: red($color)} +@use "sass:color"; +@mixin a($color) {b: color.red($color)} <===> defined/output.css a { @@ -19,7 +20,8 @@ a { b {@include meta.apply(meta.get-mixin("a", $module: "a"), #abcdef)} <===> chosen_prefix/_other.scss -@mixin a($color) {c: red($color)} +@use "sass:color"; +@mixin a($color) {c: color.red($color)} <===> chosen_prefix/output.css b { @@ -121,7 +123,8 @@ a { a {@include meta.apply(meta.get-mixin($name: "a", $module: "other"), #abcdef)} <===> named/_other.scss -@mixin a($color) {b: red($color)} +@use "sass:color"; +@mixin a($color) {b: color.red($color)} <===> named/output.css a { diff --git a/spec/core_functions/meta/global_variable_exists.hrx b/spec/core_functions/meta/global_variable_exists.hrx index 96fa79baf..151d06821 100644 --- a/spec/core_functions/meta/global_variable_exists.hrx +++ b/spec/core_functions/meta/global_variable_exists.hrx @@ -1,7 +1,8 @@ <===> same_module/global/input.scss +@use "sass:meta"; $global-variable: null; -a {b: global-variable-exists(global-variable)} +a {b: meta.global-variable-exists(global-variable)} <===> same_module/global/output.css a { @@ -11,9 +12,10 @@ a { <===> ================================================================================ <===> same_module/local/input.scss +@use "sass:meta"; a { $local-variable: null; - b: global-variable-exists(local-variable); + b: meta.global-variable-exists(local-variable); } <===> same_module/local/output.css @@ -24,8 +26,9 @@ a { <===> ================================================================================ <===> same_module/through_import/input.scss +@use "sass:meta"; @import "other"; -a {b: global-variable-exists(global-variable)} +a {b: meta.global-variable-exists(global-variable)} <===> same_module/through_import/other.scss $global-variable: null; @@ -38,8 +41,9 @@ a { <===> ================================================================================ <===> same_module/non_existent/input.scss +@use "sass:meta"; a { - b: global-variable-exists(non-existent); + b: meta.global-variable-exists(non-existent); } <===> same_module/non_existent/output.css @@ -50,9 +54,10 @@ a { <===> ================================================================================ <===> dash_insensitive/dash_to_underscore/input.scss +@use "sass:meta"; $a_b: null; -c {d: global-variable-exists(a-b)} +c {d: meta.global-variable-exists(a-b)} <===> dash_insensitive/dash_to_underscore/output.css c { @@ -62,9 +67,10 @@ c { <===> ================================================================================ <===> dash_insensitive/underscore_to_dash/input.scss +@use "sass:meta"; $a-b: null; -c {d: global-variable-exists(a_b)} +c {d: meta.global-variable-exists(a_b)} <===> dash_insensitive/underscore_to_dash/output.css c { @@ -74,8 +80,9 @@ c { <===> ================================================================================ <===> different_module/undefined/input.scss +@use "sass:meta"; @use "sass:color"; -a {b: global-variable-exists("c", "color")} +a {b: meta.global-variable-exists("c", "color")} <===> different_module/undefined/output.css a { @@ -85,8 +92,9 @@ a { <===> ================================================================================ <===> different_module/defined/input.scss +@use "sass:meta"; @use "other"; -a {b: global-variable-exists("c", "other")} +a {b: meta.global-variable-exists("c", "other")} <===> different_module/defined/_other.scss $c: null; @@ -99,8 +107,9 @@ a { <===> ================================================================================ <===> different_module/chosen_prefix/input.scss +@use "sass:meta"; @use "other" as a; -b {c: global-variable-exists("d", "a")} +b {c: meta.global-variable-exists("d", "a")} <===> different_module/chosen_prefix/_other.scss $d: null; @@ -113,8 +122,9 @@ b { <===> ================================================================================ <===> different_module/through_use/input.scss +@use "sass:meta"; @use "other" as *; -a {b: global-variable-exists(global-variable)} +a {b: meta.global-variable-exists(global-variable)} <===> different_module/through_use/other.scss $global-variable: null; @@ -127,8 +137,9 @@ a { <===> ================================================================================ <===> different_module/through_forward/bare/input.scss +@use "sass:meta"; @use "midstream" as *; -a {b: variable-exists(c)} +a {b: meta.variable-exists(c)} <===> different_module/through_forward/bare/_midstream.scss @forward "upstream"; @@ -144,10 +155,11 @@ a { <===> ================================================================================ <===> different_module/through_forward/as/input.scss +@use "sass:meta"; @use "midstream" as *; a { - with-prefix: global-variable-exists(b-c); - without-prefix: global-variable-exists(c); + with-prefix: meta.global-variable-exists(b-c); + without-prefix: meta.global-variable-exists(c); } <===> different_module/through_forward/as/_midstream.scss @@ -165,10 +177,11 @@ a { <===> ================================================================================ <===> different_module/through_forward/show/input.scss +@use "sass:meta"; @use "midstream" as *; a { - shown: global-variable-exists(b); - not-shown: global-variable-exists(c); + shown: meta.global-variable-exists(b); + not-shown: meta.global-variable-exists(c); } <===> different_module/through_forward/show/_midstream.scss @@ -187,10 +200,11 @@ a { <===> ================================================================================ <===> different_module/through_forward/hide/input.scss +@use "sass:meta"; @use "midstream" as *; a { - hidden: global-variable-exists(b); - not-hidden: global-variable-exists(c); + hidden: meta.global-variable-exists(b); + not-hidden: meta.global-variable-exists(c); } <===> different_module/through_forward/hide/_midstream.scss @@ -209,8 +223,9 @@ a { <===> ================================================================================ <===> named/input.scss +@use "sass:meta"; @use "other"; -a {b: global-variable-exists($name: "c", $module: "other")} +a {b: meta.global-variable-exists($name: "c", $module: "other")} <===> named/_other.scss $c: null; @@ -223,70 +238,75 @@ a { <===> ================================================================================ <===> error/argument/type/name/input.scss -a {b: global-variable-exists(12px)} +@use "sass:meta"; +a {b: meta.global-variable-exists(12px)} <===> error/argument/type/name/error Error: $name: 12px is not a string. , -1 | a {b: global-variable-exists(12px)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.global-variable-exists(12px)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/type/module/input.scss -a {b: global-variable-exists("c", 1)} +@use "sass:meta"; +a {b: meta.global-variable-exists("c", 1)} <===> error/argument/type/module/error Error: $module: 1 is not a string. , -1 | a {b: global-variable-exists("c", 1)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.global-variable-exists("c", 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/too_few/input.scss -a {b: global-variable-exists()} +@use "sass:meta"; +a {b: meta.global-variable-exists()} <===> error/argument/too_few/error Error: Missing argument $name. ,--> input.scss -1 | a {b: global-variable-exists()} - | ^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: meta.global-variable-exists()} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function global-variable-exists($name, $module: null) { | ============================================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/too_many/input.scss -a {b: global-variable-exists(c, d, e)} +@use "sass:meta"; +a {b: meta.global-variable-exists(c, d, e)} <===> error/argument/too_many/error Error: Only 2 arguments allowed, but 3 were passed. ,--> input.scss -1 | a {b: global-variable-exists(c, d, e)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: meta.global-variable-exists(c, d, e)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function global-variable-exists($name, $module: null) { | ============================================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/conflict/input.scss +@use "sass:meta"; @use "other1" as *; @use "other2" as *; -a {b: global-variable-exists(member)} +a {b: meta.global-variable-exists(member)} <===> error/conflict/other1.scss $member: from other1; @@ -297,52 +317,55 @@ $member: from other2; <===> error/conflict/error Error: This variable is available from multiple global modules. , -1 | @use "other1" as *; +2 | @use "other1" as *; | ================== includes variable -2 | @use "other2" as *; +3 | @use "other2" as *; | ================== includes variable ... | -4 | a {b: global-variable-exists(member)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ variable use +5 | a {b: meta.global-variable-exists(member)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ variable use ' - input.scss 4:7 root stylesheet + input.scss 5:7 root stylesheet <===> ================================================================================ <===> error/module/non_existent/input.scss -a {b: global-variable-exists("c", "d")} +@use "sass:meta"; +a {b: meta.global-variable-exists("c", "d")} <===> error/module/non_existent/error Error: There is no module with the namespace "d". , -1 | a {b: global-variable-exists("c", "d")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.global-variable-exists("c", "d")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/module/built_in_but_not_loaded/input.scss -a {b: global-variable-exists("c", "color")} +@use "sass:meta"; +a {b: meta.global-variable-exists("c", "color")} <===> error/module/built_in_but_not_loaded/error Error: There is no module with the namespace "color". , -1 | a {b: global-variable-exists("c", "color")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.global-variable-exists("c", "color")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/module/dash_sensitive/input.scss +@use "sass:meta"; @use "sass:color" as a-b; -c {d: global-variable-exists("c", $module: "a_b")} +c {d: meta.global-variable-exists("c", $module: "a_b")} <===> error/module/dash_sensitive/error Error: There is no module with the namespace "a_b". , -2 | c {d: global-variable-exists("c", $module: "a_b")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | c {d: meta.global-variable-exists("c", $module: "a_b")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:7 root stylesheet + input.scss 3:7 root stylesheet diff --git a/spec/core_functions/meta/inspect/boolean.hrx b/spec/core_functions/meta/inspect/boolean.hrx index 3e13934f6..5df5e7187 100644 --- a/spec/core_functions/meta/inspect/boolean.hrx +++ b/spec/core_functions/meta/inspect/boolean.hrx @@ -1,8 +1,9 @@ <===> true/input.scss -$result: inspect(true); +@use "sass:meta"; +$result: meta.inspect(true); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> true/output.css @@ -14,10 +15,11 @@ a { <===> ================================================================================ <===> false/input.scss -$result: inspect(false); +@use "sass:meta"; +$result: meta.inspect(false); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> false/output.css diff --git a/spec/core_functions/meta/inspect/color.hrx b/spec/core_functions/meta/inspect/color.hrx index 6d75330a4..99b98f0f1 100644 --- a/spec/core_functions/meta/inspect/color.hrx +++ b/spec/core_functions/meta/inspect/color.hrx @@ -5,10 +5,11 @@ function, inspect() should return them in the same format the user wrote them. <===> ================================================================================ <===> literal/short_hex/input.scss -$result: inspect(#00f); +@use "sass:meta"; +$result: meta.inspect(#00f); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> literal/short_hex/output.css @@ -20,10 +21,11 @@ a { <===> ================================================================================ <===> literal/long_hex/input.scss -$result: inspect(#0000ff); +@use "sass:meta"; +$result: meta.inspect(#0000ff); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> literal/long_hex/output.css @@ -35,10 +37,11 @@ a { <===> ================================================================================ <===> literal/named/input.scss -$result: inspect(blue); +@use "sass:meta"; +$result: meta.inspect(blue); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> literal/named/output.css @@ -50,10 +53,11 @@ a { <===> ================================================================================ <===> literal/transparent/input.scss -$result: inspect(transparent); +@use "sass:meta"; +$result: meta.inspect(transparent); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> literal/transparent/output.css @@ -81,10 +85,11 @@ the hex code. <===> ================================================================================ <===> generated/alpha/input.scss -$result: inspect(rgba(1, 2, 3, 0.4)); +@use "sass:meta"; +$result: meta.inspect(rgba(1, 2, 3, 0.4)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> generated/alpha/output.css @@ -96,11 +101,12 @@ a { <===> ================================================================================ <===> generated/transparent/input.scss -@import "../utils"; -$result: inspect(generated-color(transparent)); +@use "sass:meta"; +@use "../utils"; +$result: meta.inspect(utils.generated-color(transparent)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> generated/transparent/output.css @@ -112,11 +118,12 @@ a { <===> ================================================================================ <===> generated/named/input.scss -@import "../utils"; -$result: inspect(generated-color(#00f)); +@use "sass:meta"; +@use "../utils"; +$result: meta.inspect(utils.generated-color(#00f)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> generated/named/output.css @@ -128,11 +135,12 @@ a { <===> ================================================================================ <===> generated/short_hex/input.scss -@import "../utils"; -$result: inspect(generated-color(#abc)); +@use "sass:meta"; +@use "../utils"; +$result: meta.inspect(utils.generated-color(#abc)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> generated/short_hex/output.css @@ -144,11 +152,12 @@ a { <===> ================================================================================ <===> generated/long_hex/input.scss -@import "../utils"; -$result: inspect(generated-color(#abcdef)); +@use "sass:meta"; +@use "../utils"; +$result: meta.inspect(utils.generated-color(#abcdef)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> generated/long_hex/output.css diff --git a/spec/core_functions/meta/inspect/error.hrx b/spec/core_functions/meta/inspect/error.hrx index 322e3006a..8182c5014 100644 --- a/spec/core_functions/meta/inspect/error.hrx +++ b/spec/core_functions/meta/inspect/error.hrx @@ -1,31 +1,33 @@ <===> too_few_args/input.scss -a {a: inspect()} +@use "sass:meta"; +a {a: meta.inspect()} <===> too_few_args/error Error: Missing argument $value. ,--> input.scss -1 | a {a: inspect()} - | ^^^^^^^^^ invocation +2 | a {a: meta.inspect()} + | ^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function inspect($value) { | =============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_many_args/input.scss -a {a: inspect(1, 2)} +@use "sass:meta"; +a {a: meta.inspect(1, 2)} <===> too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {a: inspect(1, 2)} - | ^^^^^^^^^^^^^ invocation +2 | a {a: meta.inspect(1, 2)} + | ^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function inspect($value) { | =============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/meta/inspect/function.hrx b/spec/core_functions/meta/inspect/function.hrx index e1cd70635..e7d576cd4 100644 --- a/spec/core_functions/meta/inspect/function.hrx +++ b/spec/core_functions/meta/inspect/function.hrx @@ -1,8 +1,9 @@ <===> input.scss -$result: inspect(get-function("get-function")); +@use "sass:meta"; +$result: meta.inspect(meta.get-function("get-function", $module: "meta")); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> output.css diff --git a/spec/core_functions/meta/inspect/inspect.hrx b/spec/core_functions/meta/inspect/inspect.hrx index d9a444f98..3ac81fcef 100644 --- a/spec/core_functions/meta/inspect/inspect.hrx +++ b/spec/core_functions/meta/inspect/inspect.hrx @@ -1,5 +1,6 @@ <===> empty/bracketed/input.scss -a {b: inspect([])} +@use "sass:meta"; +a {b: meta.inspect([])} <===> empty/bracketed/output.css a { diff --git a/spec/core_functions/meta/inspect/list/bracketed.hrx b/spec/core_functions/meta/inspect/list/bracketed.hrx index 1b65d313e..c5396797c 100644 --- a/spec/core_functions/meta/inspect/list/bracketed.hrx +++ b/spec/core_functions/meta/inspect/list/bracketed.hrx @@ -1,8 +1,9 @@ <===> input.scss -$result: inspect([1, 2, 3]); +@use "sass:meta"; +$result: meta.inspect([1, 2, 3]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> output.css diff --git a/spec/core_functions/meta/inspect/list/comma.hrx b/spec/core_functions/meta/inspect/list/comma.hrx index e39f5b8b8..6e3ad92c7 100644 --- a/spec/core_functions/meta/inspect/list/comma.hrx +++ b/spec/core_functions/meta/inspect/list/comma.hrx @@ -1,8 +1,9 @@ <===> input.scss -$result: inspect((1, 2, 3)); +@use "sass:meta"; +$result: meta.inspect((1, 2, 3)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> output.css diff --git a/spec/core_functions/meta/inspect/list/empty.hrx b/spec/core_functions/meta/inspect/list/empty.hrx index 2ec409265..d140dd20f 100644 --- a/spec/core_functions/meta/inspect/list/empty.hrx +++ b/spec/core_functions/meta/inspect/list/empty.hrx @@ -1,8 +1,9 @@ <===> input.scss -$result: inspect(()); +@use "sass:meta"; +$result: meta.inspect(()); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> output.css diff --git a/spec/core_functions/meta/inspect/list/nested.hrx b/spec/core_functions/meta/inspect/list/nested.hrx index 05b53440c..e62744860 100644 --- a/spec/core_functions/meta/inspect/list/nested.hrx +++ b/spec/core_functions/meta/inspect/list/nested.hrx @@ -1,8 +1,9 @@ <===> empty/in_space/bracketed/input.scss -$result: inspect([() ()]); +@use "sass:meta"; +$result: meta.inspect([() ()]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> empty/in_space/bracketed/output.css @@ -14,10 +15,11 @@ a { <===> ================================================================================ <===> empty/in_space/unbracketed/input.scss -$result: inspect(() ()); +@use "sass:meta"; +$result: meta.inspect(() ()); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> empty/in_space/unbracketed/output.css @@ -29,10 +31,11 @@ a { <===> ================================================================================ <===> empty/in_comma/bracketed/input.scss -$result: inspect([(), ()]); +@use "sass:meta"; +$result: meta.inspect([(), ()]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> empty/in_comma/bracketed/output.css @@ -44,10 +47,11 @@ a { <===> ================================================================================ <===> empty/in_comma/unbracketed/input.scss -$result: inspect(((), ())); +@use "sass:meta"; +$result: meta.inspect(((), ())); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> empty/in_comma/unbracketed/output.css @@ -59,10 +63,12 @@ a { <===> ================================================================================ <===> empty/in_slash/bracketed/input.scss -$result: inspect(join([(), ()], (), $separator: slash)); +@use "sass:list"; +@use "sass:meta"; +$result: meta.inspect(list.join([(), ()], (), $separator: slash)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> empty/in_slash/bracketed/output.css @@ -74,11 +80,12 @@ a { <===> ================================================================================ <===> empty/in_slash/unbracketed/input.scss +@use "sass:meta"; @use "sass:list"; -$result: inspect(list.slash((), ())); +$result: meta.inspect(list.slash((), ())); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> empty/in_slash/unbracketed/output.css @@ -90,7 +97,8 @@ a { <===> ================================================================================ <===> empty_bracketed/bracketed/input.scss -a {b: inspect([[] []])} +@use "sass:meta"; +a {b: meta.inspect([[] []])} <===> empty_bracketed/bracketed/output.css a { @@ -100,7 +108,8 @@ a { <===> ================================================================================ <===> empty_bracketed/unbracketed/input.scss -a {b: inspect(([] []))} +@use "sass:meta"; +a {b: meta.inspect(([] []))} <===> empty_bracketed/unbracketed/output.css a { @@ -110,10 +119,11 @@ a { <===> ================================================================================ <===> space/in_space/bracketed/input.scss -$result: inspect([(1 2) (3 4)]); +@use "sass:meta"; +$result: meta.inspect([(1 2) (3 4)]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> space/in_space/bracketed/output.css @@ -125,10 +135,11 @@ a { <===> ================================================================================ <===> space/in_space/unbracketed/input.scss -$result: inspect((1 2) (3 4)); +@use "sass:meta"; +$result: meta.inspect((1 2) (3 4)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> space/in_space/unbracketed/output.css @@ -140,10 +151,11 @@ a { <===> ================================================================================ <===> space/in_comma/bracketed/input.scss -$result: inspect([1 2, 3 4]); +@use "sass:meta"; +$result: meta.inspect([1 2, 3 4]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> space/in_comma/bracketed/output.css @@ -155,10 +167,11 @@ a { <===> ================================================================================ <===> space/in_comma/unbracketed/input.scss -$result: inspect((1 2, 3 4)); +@use "sass:meta"; +$result: meta.inspect((1 2, 3 4)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> space/in_comma/unbracketed/output.css @@ -170,10 +183,12 @@ a { <===> ================================================================================ <===> space/in_slash/bracketed/input.scss -$result: inspect(join([1 2, 3 4], (), $separator: slash)); +@use "sass:list"; +@use "sass:meta"; +$result: meta.inspect(list.join([1 2, 3 4], (), $separator: slash)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> space/in_slash/bracketed/output.css @@ -185,11 +200,12 @@ a { <===> ================================================================================ <===> space/in_slash/unbracketed/input.scss +@use "sass:meta"; @use "sass:list"; -$result: inspect(list.slash(1 2, 3 4)); +$result: meta.inspect(list.slash(1 2, 3 4)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> space/in_slash/unbracketed/output.css @@ -201,10 +217,11 @@ a { <===> ================================================================================ <===> comma/in_space/bracketed/input.scss -$result: inspect([(1, 2) (3, 4)]); +@use "sass:meta"; +$result: meta.inspect([(1, 2) (3, 4)]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> comma/in_space/bracketed/output.css @@ -216,10 +233,11 @@ a { <===> ================================================================================ <===> comma/in_space/unbracketed/input.scss -$result: inspect((1, 2) (3, 4)); +@use "sass:meta"; +$result: meta.inspect((1, 2) (3, 4)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> comma/in_space/unbracketed/output.css @@ -231,10 +249,11 @@ a { <===> ================================================================================ <===> comma/in_comma/bracketed/input.scss -$result: inspect([(1, 2), (3, 4)]); +@use "sass:meta"; +$result: meta.inspect([(1, 2), (3, 4)]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> comma/in_comma/bracketed/output.css @@ -246,10 +265,11 @@ a { <===> ================================================================================ <===> comma/in_comma/unbracketed/input.scss -$result: inspect(((1, 2), (3, 4))); +@use "sass:meta"; +$result: meta.inspect(((1, 2), (3, 4))); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> comma/in_comma/unbracketed/output.css @@ -261,10 +281,12 @@ a { <===> ================================================================================ <===> comma/in_slash/bracketed/input.scss -$result: inspect(join([(1, 2), (3, 4)], (), $separator: slash)); +@use "sass:list"; +@use "sass:meta"; +$result: meta.inspect(list.join([(1, 2), (3, 4)], (), $separator: slash)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> comma/in_slash/bracketed/output.css @@ -276,11 +298,12 @@ a { <===> ================================================================================ <===> comma/in_slash/unbracketed/input.scss +@use "sass:meta"; @use "sass:list"; -$result: inspect(list.slash((1, 2), (3, 4))); +$result: meta.inspect(list.slash((1, 2), (3, 4))); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> comma/in_slash/unbracketed/output.css @@ -292,10 +315,11 @@ a { <===> ================================================================================ <===> bracketed/in_space/bracketed/input.scss -$result: inspect([[1, 2] [3, 4]]); +@use "sass:meta"; +$result: meta.inspect([[1, 2] [3, 4]]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> bracketed/in_space/bracketed/output.css @@ -307,10 +331,11 @@ a { <===> ================================================================================ <===> bracketed/in_space/unbracketed/input.scss -$result: inspect([1, 2] [3, 4]); +@use "sass:meta"; +$result: meta.inspect([1, 2] [3, 4]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> bracketed/in_space/unbracketed/output.css @@ -322,10 +347,11 @@ a { <===> ================================================================================ <===> bracketed/in_comma/bracketed/input.scss -$result: inspect([[1, 2], [3, 4]]); +@use "sass:meta"; +$result: meta.inspect([[1, 2], [3, 4]]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> bracketed/in_comma/bracketed/output.css @@ -337,10 +363,11 @@ a { <===> ================================================================================ <===> bracketed/in_comma/unbracketed/input.scss -$result: inspect(((1, 2), (3, 4))); +@use "sass:meta"; +$result: meta.inspect(((1, 2), (3, 4))); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> bracketed/in_comma/unbracketed/output.css @@ -352,10 +379,12 @@ a { <===> ================================================================================ <===> bracketed/in_slash/bracketed/input.scss -$result: inspect(join([[1, 2], [3, 4]], (), $separator: slash)); +@use "sass:list"; +@use "sass:meta"; +$result: meta.inspect(list.join([[1, 2], [3, 4]], (), $separator: slash)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> bracketed/in_slash/bracketed/output.css @@ -367,11 +396,12 @@ a { <===> ================================================================================ <===> bracketed/in_slash/unbracketed/input.scss +@use "sass:meta"; @use "sass:list"; -$result: inspect(list.slash([1, 2], [3, 4])); +$result: meta.inspect(list.slash([1, 2], [3, 4])); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> bracketed/in_slash/unbracketed/output.css diff --git a/spec/core_functions/meta/inspect/list/single.hrx b/spec/core_functions/meta/inspect/list/single.hrx index 6bbbac692..3e7f0c3ae 100644 --- a/spec/core_functions/meta/inspect/list/single.hrx +++ b/spec/core_functions/meta/inspect/list/single.hrx @@ -1,8 +1,10 @@ <===> space/input.scss -$result: inspect(append((), 1, space)); +@use "sass:list"; +@use "sass:meta"; +$result: meta.inspect(list.append((), 1, space)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> space/output.css @@ -14,10 +16,11 @@ a { <===> ================================================================================ <===> comma/input.scss -$result: inspect((1,)); +@use "sass:meta"; +$result: meta.inspect((1,)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> comma/output.css @@ -29,10 +32,12 @@ a { <===> ================================================================================ <===> slash/input.scss -$result: inspect(append((), 1, slash)); +@use "sass:list"; +@use "sass:meta"; +$result: meta.inspect(list.append((), 1, slash)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> slash/output.css @@ -44,10 +49,11 @@ a { <===> ================================================================================ <===> bracketed/undecided/input.scss -$result: inspect([1]); +@use "sass:meta"; +$result: meta.inspect([1]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> bracketed/undecided/output.css @@ -59,10 +65,11 @@ a { <===> ================================================================================ <===> bracketed/comma/input.scss -$result: inspect([1,]); +@use "sass:meta"; +$result: meta.inspect([1,]); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> bracketed/comma/output.css diff --git a/spec/core_functions/meta/inspect/list/space.hrx b/spec/core_functions/meta/inspect/list/space.hrx index 9e45f0924..8fe9b021f 100644 --- a/spec/core_functions/meta/inspect/list/space.hrx +++ b/spec/core_functions/meta/inspect/list/space.hrx @@ -1,8 +1,9 @@ <===> input.scss -$result: inspect(1 2 3); +@use "sass:meta"; +$result: meta.inspect(1 2 3); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> output.css diff --git a/spec/core_functions/meta/inspect/map.hrx b/spec/core_functions/meta/inspect/map.hrx index 855f66237..d86c1c69f 100644 --- a/spec/core_functions/meta/inspect/map.hrx +++ b/spec/core_functions/meta/inspect/map.hrx @@ -1,8 +1,9 @@ <===> number/input.scss -$result: inspect((1: 2, 3: 4)); +@use "sass:meta"; +$result: meta.inspect((1: 2, 3: 4)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> number/output.css @@ -14,10 +15,11 @@ a { <===> ================================================================================ <===> list/key/space/input.scss -$result: inspect((1 2: 3, 4 5: 6)); +@use "sass:meta"; +$result: meta.inspect((1 2: 3, 4 5: 6)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> list/key/space/output.css @@ -29,10 +31,11 @@ a { <===> ================================================================================ <===> list/key/comma/input.scss -$result: inspect(((1, 2): 3, (4, 5): 6)); +@use "sass:meta"; +$result: meta.inspect(((1, 2): 3, (4, 5): 6)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> list/key/comma/output.css @@ -44,10 +47,11 @@ a { <===> ================================================================================ <===> list/value/space/input.scss -$result: inspect((1: 2 3, 4: 5 6)); +@use "sass:meta"; +$result: meta.inspect((1: 2 3, 4: 5 6)); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> list/value/space/output.css @@ -59,10 +63,11 @@ a { <===> ================================================================================ <===> list/value/comma/input.scss -$result: inspect((1: (2, 3), 4: (5, 6))); +@use "sass:meta"; +$result: meta.inspect((1: (2, 3), 4: (5, 6))); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> list/value/comma/output.css diff --git a/spec/core_functions/meta/inspect/mixin.hrx b/spec/core_functions/meta/inspect/mixin.hrx index 826880777..aed5ee2af 100644 --- a/spec/core_functions/meta/inspect/mixin.hrx +++ b/spec/core_functions/meta/inspect/mixin.hrx @@ -1,7 +1,7 @@ <===> user_defined/input.scss @use "sass:meta"; @mixin a() {} -a {b: inspect(meta.get-mixin(a))}; +a {b: meta.inspect(meta.get-mixin(a))}; <===> user_defined/output.css a { @@ -12,7 +12,7 @@ a { ================================================================================ <===> builtin/input.scss @use "sass:meta"; -a {b: inspect(meta.get-mixin(load-css, meta))}; +a {b: meta.inspect(meta.get-mixin(load-css, meta))}; <===> builtin/output.css a { diff --git a/spec/core_functions/meta/inspect/null.hrx b/spec/core_functions/meta/inspect/null.hrx index 808ee1426..61ef08d38 100644 --- a/spec/core_functions/meta/inspect/null.hrx +++ b/spec/core_functions/meta/inspect/null.hrx @@ -1,8 +1,9 @@ <===> input.scss -$result: inspect(null); +@use "sass:meta"; +$result: meta.inspect(null); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> output.css diff --git a/spec/core_functions/meta/inspect/number.hrx b/spec/core_functions/meta/inspect/number.hrx index bba380300..c57742486 100644 --- a/spec/core_functions/meta/inspect/number.hrx +++ b/spec/core_functions/meta/inspect/number.hrx @@ -1,8 +1,9 @@ <===> unitless/input.scss -$result: inspect(123.456); +@use "sass:meta"; +$result: meta.inspect(123.456); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> unitless/output.css @@ -14,12 +15,13 @@ a { <===> ================================================================================ <===> unit/input.scss +@use "sass:meta"; // We explicitly don't test the inspect format for complex units. Their format // isn't guaranteed by the spec, since they can't be written literally in Sass. -$result: inspect(50px); +$result: meta.inspect(50px); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> unit/output.css diff --git a/spec/core_functions/meta/inspect/string.hrx b/spec/core_functions/meta/inspect/string.hrx index edc0d0526..4b8bb6633 100644 --- a/spec/core_functions/meta/inspect/string.hrx +++ b/spec/core_functions/meta/inspect/string.hrx @@ -1,8 +1,9 @@ <===> unquoted/input.scss -$result: inspect(foo); +@use "sass:meta"; +$result: meta.inspect(foo); a { value: $result; - type: type-of($result); + type: meta.type-of($result); } <===> unquoted/output.css @@ -14,16 +15,18 @@ a { <===> ================================================================================ <===> quoted/input.scss -$result: inspect("foo"); +@use "sass:meta"; +@use "sass:string"; +$result: meta.inspect("foo"); a { value: $result; - type: type-of($result); + type: meta.type-of($result); // inspect() should always return an unquoted string, so when it's passed a // quoted string its return value should contain quote characters. We check // the length to verify that the quotes are included, since there's no // built-in way to check whether a string is quoted. - length: str-length($result); + length: string.length($result); } <===> quoted/output.css diff --git a/spec/core_functions/meta/keywords.hrx b/spec/core_functions/meta/keywords.hrx index 09af6af0e..7610abfc0 100644 --- a/spec/core_functions/meta/keywords.hrx +++ b/spec/core_functions/meta/keywords.hrx @@ -7,8 +7,9 @@ <===> ================================================================================ <===> empty/no_args/input.scss -@import "../../utils"; -a {b: inspect(args-to-keywords())} +@use "sass:meta"; +@use "../../utils"; +a {b: meta.inspect(utils.args-to-keywords())} <===> empty/no_args/output.css a { @@ -18,8 +19,9 @@ a { <===> ================================================================================ <===> empty/positional/input.scss -@import "../../utils"; -a {b: inspect(args-to-keywords(1, 2, 3))} +@use "sass:meta"; +@use "../../utils"; +a {b: meta.inspect(utils.args-to-keywords(1, 2, 3))} <===> empty/positional/output.css a { @@ -29,8 +31,9 @@ a { <===> ================================================================================ <===> one_arg/input.scss -@import "../utils"; -a {b: inspect(args-to-keywords($c: d))} +@use "sass:meta"; +@use "../utils"; +a {b: meta.inspect(utils.args-to-keywords($c: d))} <===> one_arg/output.css a { @@ -40,8 +43,9 @@ a { <===> ================================================================================ <===> multi_arg/input.scss -@import "../utils"; -a {b: inspect(args-to-keywords($c: d, $e: f, $g: h))} +@use "sass:meta"; +@use "../utils"; +a {b: meta.inspect(utils.args-to-keywords($c: d, $e: f, $g: h))} <===> multi_arg/output.css a { @@ -51,13 +55,14 @@ a { <===> ================================================================================ <===> forwarded/function/input.scss -@import "../../utils"; +@use "sass:meta"; +@use "../../utils"; @function args-to-keywords-forward($args...) { - @return args-to-keywords($args...); + @return utils.args-to-keywords($args...); } -a {b: inspect(args-to-keywords-forward($c: d))} +a {b: meta.inspect(args-to-keywords-forward($c: d))} <===> forwarded/function/output.css a { @@ -67,13 +72,14 @@ a { <===> ================================================================================ <===> forwarded/call/input.scss -@import "../../utils"; +@use "sass:meta"; +@use "../../utils"; @function args-to-keywords-forward($args...) { - @return call(get-function("args-to-keywords"), $args...); + @return meta.call(meta.get-function("args-to-keywords", $module: "utils"), $args...); } -a {b: inspect(args-to-keywords-forward($c: d))} +a {b: meta.inspect(args-to-keywords-forward($c: d))} <===> forwarded/call/output.css a { @@ -83,10 +89,11 @@ a { <===> ================================================================================ <===> forwarded/mixin/input.scss -@import "../../utils"; +@use "sass:meta"; +@use "../../utils"; @mixin args-to-keywords-forward($args...) { - a {b: inspect(args-to-keywords($args...))} + a {b: meta.inspect(utils.args-to-keywords($args...))} } @include args-to-keywords-forward($c: d); @@ -99,14 +106,15 @@ a { <===> ================================================================================ <===> forwarded/content/input.scss -@import "../../utils"; +@use "sass:meta"; +@use "../../utils"; @mixin args-to-keywords-forward($args...) { @content($args...); } @include args-to-keywords-forward($c: d) using ($args...) { - a {b: inspect(args-to-keywords($args...))} + a {b: meta.inspect(utils.args-to-keywords($args...))} } <===> forwarded/content/output.css @@ -117,8 +125,9 @@ a { <===> ================================================================================ <===> dash_insensitive/input.scss -@import "../utils"; -a {b: inspect(args-to-keywords($c-d: e, $f_g: h))} +@use "sass:meta"; +@use "../utils"; +a {b: meta.inspect(utils.args-to-keywords($c-d: e, $f_g: h))} <===> dash_insensitive/output.css a { @@ -128,11 +137,12 @@ a { <===> ================================================================================ <===> named/input.scss +@use "sass:meta"; @function args-to-keywords($args...) { - @return keywords($args: $args); + @return meta.keywords($args: $args); } -a {b: inspect(args-to-keywords($c: d))} +a {b: meta.inspect(args-to-keywords($c: d))} <===> named/output.css a { @@ -142,59 +152,63 @@ a { <===> ================================================================================ <===> error/type/non_arg_list/input.scss -a {b: keywords(1 2 3)} +@use "sass:meta"; +a {b: meta.keywords(1 2 3)} <===> error/type/non_arg_list/error Error: $args: 1 2 3 is not an argument list. , -1 | a {b: keywords(1 2 3)} - | ^^^^^^^^^^^^^^^ +2 | a {b: meta.keywords(1 2 3)} + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/non_list/input.scss -a {b: keywords(1)} +@use "sass:meta"; +a {b: meta.keywords(1)} <===> error/type/non_list/error Error: $args: 1 is not an argument list. , -1 | a {b: keywords(1)} - | ^^^^^^^^^^^ +2 | a {b: meta.keywords(1)} + | ^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: keywords()} +@use "sass:meta"; +a {b: meta.keywords()} <===> error/too_few_args/error Error: Missing argument $args. ,--> input.scss -1 | a {b: keywords()} - | ^^^^^^^^^^ invocation +2 | a {b: meta.keywords()} + | ^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function keywords($args) { | =============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: keywords(1, 2)} +@use "sass:meta"; +a {b: meta.keywords(1, 2)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: keywords(1, 2)} - | ^^^^^^^^^^^^^^ invocation +2 | a {b: meta.keywords(1, 2)} + | ^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function keywords($args) { | =============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/meta/mixin_exists.hrx b/spec/core_functions/meta/mixin_exists.hrx index 8db9b2f83..6b0b310ed 100644 --- a/spec/core_functions/meta/mixin_exists.hrx +++ b/spec/core_functions/meta/mixin_exists.hrx @@ -1,7 +1,8 @@ <===> same_module/global/input.scss +@use "sass:meta"; @mixin global-mixin() {} -a {b: mixin-exists(global-mixin)} +a {b: meta.mixin-exists(global-mixin)} <===> same_module/global/output.css a { @@ -11,9 +12,10 @@ a { <===> ================================================================================ <===> same_module/local/input.scss +@use "sass:meta"; a { @mixin local-mixin() {} - b: mixin-exists(local-mixin); + b: meta.mixin-exists(local-mixin); } <===> same_module/local/output.css @@ -24,8 +26,9 @@ a { <===> ================================================================================ <===> same_module/through_import/input.scss +@use "sass:meta"; @import "other"; -a {b: mixin-exists(global-mixin)} +a {b: meta.mixin-exists(global-mixin)} <===> same_module/through_import/other.scss @mixin global-mixin() {} @@ -38,8 +41,9 @@ a { <===> ================================================================================ <===> same_module/non_existent/input.scss +@use "sass:meta"; a { - b: mixin-exists(non-existent); + b: meta.mixin-exists(non-existent); } <===> same_module/non_existent/output.css @@ -50,8 +54,9 @@ a { <===> ================================================================================ <===> different_module/undefined/input.scss +@use "sass:meta"; @use "sass:color"; -a {b: mixin-exists("c", "color")} +a {b: meta.mixin-exists("c", "color")} <===> different_module/undefined/output.css a { @@ -61,8 +66,9 @@ a { <===> ================================================================================ <===> different_module/defined/input.scss +@use "sass:meta"; @use "other"; -a {b: mixin-exists("c", "other")} +a {b: meta.mixin-exists("c", "other")} <===> different_module/defined/_other.scss @mixin c() {} @@ -75,8 +81,9 @@ a { <===> ================================================================================ <===> different_module/chosen_prefix/input.scss +@use "sass:meta"; @use "other" as a; -b {c: mixin-exists("d", "a")} +b {c: meta.mixin-exists("d", "a")} <===> different_module/chosen_prefix/_other.scss @mixin d() {} @@ -89,8 +96,9 @@ b { <===> ================================================================================ <===> different_module/through_use/input.scss +@use "sass:meta"; @use "other" as *; -a {b: mixin-exists(global-mixin)} +a {b: meta.mixin-exists(global-mixin)} <===> different_module/through_use/other.scss @mixin global-mixin() {} @@ -103,8 +111,9 @@ a { <===> ================================================================================ <===> different_module/through_forward/bare/input.scss +@use "sass:meta"; @use "midstream" as *; -a {b: mixin-exists(c)} +a {b: meta.mixin-exists(c)} <===> different_module/through_forward/bare/_midstream.scss @forward "upstream"; @@ -120,10 +129,11 @@ a { <===> ================================================================================ <===> different_module/through_forward/as/input.scss +@use "sass:meta"; @use "midstream" as *; a { - with-prefix: mixin-exists(b-c); - without-prefix: mixin-exists(c); + with-prefix: meta.mixin-exists(b-c); + without-prefix: meta.mixin-exists(c); } <===> different_module/through_forward/as/_midstream.scss @@ -141,10 +151,11 @@ a { <===> ================================================================================ <===> different_module/through_forward/show/input.scss +@use "sass:meta"; @use "midstream" as *; a { - shown: mixin-exists(b); - not-shown: mixin-exists(c); + shown: meta.mixin-exists(b); + not-shown: meta.mixin-exists(c); } <===> different_module/through_forward/show/_midstream.scss @@ -163,10 +174,11 @@ a { <===> ================================================================================ <===> different_module/through_forward/hide/input.scss +@use "sass:meta"; @use "midstream" as *; a { - hidden: mixin-exists(b); - not-hidden: mixin-exists(c); + hidden: meta.mixin-exists(b); + not-hidden: meta.mixin-exists(c); } <===> different_module/through_forward/hide/_midstream.scss @@ -185,8 +197,9 @@ a { <===> ================================================================================ <===> named/input.scss +@use "sass:meta"; @use "other"; -a {b: mixin-exists($name: "c", $module: "other")} +a {b: meta.mixin-exists($name: "c", $module: "other")} <===> named/_other.scss @mixin c() {} @@ -199,70 +212,75 @@ a { <===> ================================================================================ <===> error/argument/type/name/input.scss -a {b: mixin-exists(12px)} +@use "sass:meta"; +a {b: meta.mixin-exists(12px)} <===> error/argument/type/name/error Error: $name: 12px is not a string. , -1 | a {b: mixin-exists(12px)} - | ^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.mixin-exists(12px)} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/type/module/input.scss -a {b: mixin-exists(c, 1)} +@use "sass:meta"; +a {b: meta.mixin-exists(c, 1)} <===> error/argument/type/module/error Error: $module: 1 is not a string. , -1 | a {b: mixin-exists(c, 1)} - | ^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.mixin-exists(c, 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/too_few/input.scss -a {b: mixin-exists()} +@use "sass:meta"; +a {b: meta.mixin-exists()} <===> error/argument/too_few/error Error: Missing argument $name. ,--> input.scss -1 | a {b: mixin-exists()} - | ^^^^^^^^^^^^^^ invocation +2 | a {b: meta.mixin-exists()} + | ^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function mixin-exists($name, $module: null) { | ================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/too_many/input.scss -a {b: mixin-exists(c, d, e)} +@use "sass:meta"; +a {b: meta.mixin-exists(c, d, e)} <===> error/argument/too_many/error Error: Only 2 arguments allowed, but 3 were passed. ,--> input.scss -1 | a {b: mixin-exists(c, d, e)} - | ^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: meta.mixin-exists(c, d, e)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function mixin-exists($name, $module: null) { | ================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/conflict/input.scss +@use "sass:meta"; @use "other1" as *; @use "other2" as *; -a {b: mixin-exists(member)} +a {b: meta.mixin-exists(member)} <===> error/conflict/other1.scss @mixin member() {} @@ -273,52 +291,55 @@ a {b: mixin-exists(member)} <===> error/conflict/error Error: This mixin is available from multiple global modules. , -1 | @use "other1" as *; +2 | @use "other1" as *; | ================== includes mixin -2 | @use "other2" as *; +3 | @use "other2" as *; | ================== includes mixin ... | -4 | a {b: mixin-exists(member)} - | ^^^^^^^^^^^^^^^^^^^^ mixin use +5 | a {b: meta.mixin-exists(member)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^ mixin use ' - input.scss 4:7 root stylesheet + input.scss 5:7 root stylesheet <===> ================================================================================ <===> error/module/non_existent/input.scss -a {b: mixin-exists("c", "d")} +@use "sass:meta"; +a {b: meta.mixin-exists("c", "d")} <===> error/module/non_existent/error Error: There is no module with the namespace "d". , -1 | a {b: mixin-exists("c", "d")} - | ^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.mixin-exists("c", "d")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/module/built_in_but_not_loaded/input.scss -a {b: mixin-exists("c", "color")} +@use "sass:meta"; +a {b: meta.mixin-exists("c", "color")} <===> error/module/built_in_but_not_loaded/error Error: There is no module with the namespace "color". , -1 | a {b: mixin-exists("c", "color")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.mixin-exists("c", "color")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/module/dash_sensitive/input.scss +@use "sass:meta"; @use "sass:color" as a-b; -c {d: mixin-exists("c", $module: "a_b")} +c {d: meta.mixin-exists("c", $module: "a_b")} <===> error/module/dash_sensitive/error Error: There is no module with the namespace "a_b". , -2 | c {d: mixin-exists("c", $module: "a_b")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | c {d: meta.mixin-exists("c", $module: "a_b")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:7 root stylesheet + input.scss 3:7 root stylesheet diff --git a/spec/core_functions/meta/type_of.hrx b/spec/core_functions/meta/type_of.hrx index f0a7fbe21..fa2f781aa 100644 --- a/spec/core_functions/meta/type_of.hrx +++ b/spec/core_functions/meta/type_of.hrx @@ -1,5 +1,6 @@ <===> boolean/true/input.scss -a {b: type-of(true)} +@use "sass:meta"; +a {b: meta.type-of(true)} <===> boolean/true/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> boolean/false/input.scss -a {b: type-of(false)} +@use "sass:meta"; +a {b: meta.type-of(false)} <===> boolean/false/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> color/input.scss -a {b: type-of(red)} +@use "sass:meta"; +a {b: meta.type-of(red)} <===> color/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> list/empty/input.scss -a {b: type-of(())} +@use "sass:meta"; +a {b: meta.type-of(())} <===> list/empty/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> list/non_empty/input.scss -a {b: type-of(1 2 3)} +@use "sass:meta"; +a {b: meta.type-of(1 2 3)} <===> list/non_empty/output.css a { @@ -49,7 +54,9 @@ a { <===> ================================================================================ <===> map/empty/input.scss -a {b: type-of(map-remove((c: d), c))} +@use "sass:map"; +@use "sass:meta"; +a {b: meta.type-of(map.remove((c: d), c))} <===> map/empty/output.css a { @@ -59,7 +66,8 @@ a { <===> ================================================================================ <===> map/non_empty/input.scss -a {b: type-of((c: d))} +@use "sass:meta"; +a {b: meta.type-of((c: d))} <===> map/non_empty/output.css a { @@ -69,7 +77,8 @@ a { <===> ================================================================================ <===> null/input.scss -a {b: type-of(null)} +@use "sass:meta"; +a {b: meta.type-of(null)} <===> null/output.css a { @@ -79,7 +88,8 @@ a { <===> ================================================================================ <===> number/unitless/input.scss -a {b: type-of(1)} +@use "sass:meta"; +a {b: meta.type-of(1)} <===> number/unitless/output.css a { @@ -89,7 +99,8 @@ a { <===> ================================================================================ <===> number/unit/input.scss -a {b: type-of(1.5px * 3.4em)} +@use "sass:meta"; +a {b: meta.type-of(1.5px * 3.4em)} <===> number/unit/output.css a { @@ -99,7 +110,8 @@ a { <===> ================================================================================ <===> function/input.scss -a {b: type-of(get-function("type-of"))} +@use "sass:meta"; +a {b: meta.type-of(meta.get-function("type-of", $module: "meta"))} <===> function/output.css a { @@ -109,7 +121,8 @@ a { <===> ================================================================================ <===> string/quoted/input.scss -a {b: type-of("c")} +@use "sass:meta"; +a {b: meta.type-of("c")} <===> string/quoted/output.css a { @@ -119,7 +132,8 @@ a { <===> ================================================================================ <===> string/unquoted/input.scss -a {b: type-of(c)} +@use "sass:meta"; +a {b: meta.type-of(c)} <===> string/unquoted/output.css a { @@ -129,8 +143,9 @@ a { <===> ================================================================================ <===> arglist/input.scss +@use "sass:meta"; @function type-of-arglist($args...) { - @return type-of($args); + @return meta.type-of($args); } a {b: type-of-arglist()} @@ -143,7 +158,8 @@ a { <===> ================================================================================ <===> calculation/simplified/input.scss -a {b: type-of(calc(1px))} +@use "sass:meta"; +a {b: meta.type-of(calc(1px))} <===> calculation/simplified/output.css a { @@ -153,7 +169,8 @@ a { <===> ================================================================================ <===> calculation/preserved/calc/input.scss -a {b: type-of(calc(var(--c)))} +@use "sass:meta"; +a {b: meta.type-of(calc(var(--c)))} <===> calculation/preserved/calc/output.css a { @@ -163,7 +180,8 @@ a { <===> ================================================================================ <===> calculation/preserved/clamp/input.scss -a {b: type-of(clamp(1%, 1px, 2px))} +@use "sass:meta"; +a {b: meta.type-of(clamp(1%, 1px, 2px))} <===> calculation/preserved/clamp/output.css a { @@ -175,7 +193,7 @@ a { <===> mixin/user_defined/input.scss @use "sass:meta"; @mixin a() {} -a {b: type-of(meta.get-mixin(a))} +a {b: meta.type-of(meta.get-mixin(a))} <===> mixin/user_defined/output.css a { @@ -186,7 +204,7 @@ a { ================================================================================ <===> mixin/builtin/input.scss @use "sass:meta"; -a {b: type-of(meta.get-mixin(load-css, meta))} +a {b: meta.type-of(meta.get-mixin(load-css, meta))} <===> mixin/builtin/output.css a { @@ -196,7 +214,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: type-of($value: c)} +@use "sass:meta"; +a {b: meta.type-of($value: c)} <===> named/output.css a { @@ -206,33 +225,35 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: type-of()} +@use "sass:meta"; +a {b: meta.type-of()} <===> error/too_few_args/error Error: Missing argument $value. ,--> input.scss -1 | a {b: type-of()} - | ^^^^^^^^^ invocation +2 | a {b: meta.type-of()} + | ^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function type-of($value) { | =============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: type-of(1, 2)} +@use "sass:meta"; +a {b: meta.type-of(1, 2)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: type-of(1, 2)} - | ^^^^^^^^^^^^^ invocation +2 | a {b: meta.type-of(1, 2)} + | ^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function type-of($value) { | =============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/meta/variable_exists.hrx b/spec/core_functions/meta/variable_exists.hrx index e41485444..0b2372acd 100644 --- a/spec/core_functions/meta/variable_exists.hrx +++ b/spec/core_functions/meta/variable_exists.hrx @@ -1,7 +1,8 @@ <===> global/input.scss +@use "sass:meta"; $global-variable: null; -a {b: variable-exists(global-variable)} +a {b: meta.variable-exists(global-variable)} <===> global/output.css a { @@ -11,9 +12,10 @@ a { <===> ================================================================================ <===> local/input.scss +@use "sass:meta"; a { $local-variable: null; - b: variable-exists(local-variable); + b: meta.variable-exists(local-variable); } <===> local/output.css @@ -24,9 +26,10 @@ a { <===> ================================================================================ <===> dash_insensitive/dash_to_underscore/input.scss +@use "sass:meta"; $a_b: null; -c {d: variable-exists(a-b)} +c {d: meta.variable-exists(a-b)} <===> dash_insensitive/dash_to_underscore/output.css c { @@ -36,9 +39,10 @@ c { <===> ================================================================================ <===> dash_insensitive/underscore_to_dash/input.scss +@use "sass:meta"; $a-b: null; -c {d: variable-exists(a_b)} +c {d: meta.variable-exists(a_b)} <===> dash_insensitive/underscore_to_dash/output.css c { @@ -48,8 +52,9 @@ c { <===> ================================================================================ <===> through_import/input.scss +@use "sass:meta"; @import "other"; -a {b: variable-exists(global-variable)} +a {b: meta.variable-exists(global-variable)} <===> through_import/other.scss $global-variable: null; @@ -62,8 +67,9 @@ a { <===> ================================================================================ <===> through_use/input.scss +@use "sass:meta"; @use "other" as *; -a {b: variable-exists(global-variable)} +a {b: meta.variable-exists(global-variable)} <===> through_use/other.scss $global-variable: null; @@ -76,10 +82,11 @@ a { <===> ================================================================================ <===> through_forward/as/input.scss +@use "sass:meta"; @use "midstream" as *; a { - with-prefix: variable-exists(b-c); - without-prefix: variable-exists(c); + with-prefix: meta.variable-exists(b-c); + without-prefix: meta.variable-exists(c); } <===> through_forward/as/_midstream.scss @@ -97,10 +104,11 @@ a { <===> ================================================================================ <===> through_forward/show/input.scss +@use "sass:meta"; @use "midstream" as *; a { - shown: variable-exists(b); - not-shown: variable-exists(c); + shown: meta.variable-exists(b); + not-shown: meta.variable-exists(c); } <===> through_forward/show/_midstream.scss @@ -119,10 +127,11 @@ a { <===> ================================================================================ <===> through_forward/hide/input.scss +@use "sass:meta"; @use "midstream" as *; a { - hidden: variable-exists(b); - not-hidden: variable-exists(c); + hidden: meta.variable-exists(b); + not-hidden: meta.variable-exists(c); } <===> through_forward/hide/_midstream.scss @@ -141,8 +150,9 @@ a { <===> ================================================================================ <===> non_existent/input.scss +@use "sass:meta"; a { - b: variable-exists(non-existent); + b: meta.variable-exists(non-existent); } <===> non_existent/output.css @@ -153,7 +163,8 @@ a { <===> ================================================================================ <===> keyword/input.scss -a {b: variable-exists($name: foo)} +@use "sass:meta"; +a {b: meta.variable-exists($name: foo)} <===> keyword/output.css a { @@ -163,57 +174,61 @@ a { <===> ================================================================================ <===> error/argument/type/input.scss -a {b: variable-exists(12px)} +@use "sass:meta"; +a {b: meta.variable-exists(12px)} <===> error/argument/type/error Error: $name: 12px is not a string. , -1 | a {b: variable-exists(12px)} - | ^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.variable-exists(12px)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/too_few/input.scss -a {b: variable-exists()} +@use "sass:meta"; +a {b: meta.variable-exists()} <===> error/argument/too_few/error Error: Missing argument $name. ,--> input.scss -1 | a {b: variable-exists()} - | ^^^^^^^^^^^^^^^^^ invocation +2 | a {b: meta.variable-exists()} + | ^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function variable-exists($name) { | ====================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/argument/too_many/input.scss -a {b: variable-exists(foo, bar)} +@use "sass:meta"; +a {b: meta.variable-exists(foo, bar)} <===> error/argument/too_many/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: variable-exists(foo, bar)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: meta.variable-exists(foo, bar)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:meta 1 | @function variable-exists($name) { | ====================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> conflict/input.scss +@use "sass:meta"; @use "other1" as *; @use "other2" as *; -a {b: variable-exists(member)} +a {b: meta.variable-exists(member)} <===> conflict/other1.scss $member: from other1; @@ -224,12 +239,12 @@ $member: from other2; <===> conflict/error Error: This variable is available from multiple global modules. , -1 | @use "other1" as *; +2 | @use "other1" as *; | ================== includes variable -2 | @use "other2" as *; +3 | @use "other2" as *; | ================== includes variable ... | -4 | a {b: variable-exists(member)} - | ^^^^^^^^^^^^^^^^^^^^^^^ variable use +5 | a {b: meta.variable-exists(member)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ variable use ' - input.scss 4:7 root stylesheet + input.scss 5:7 root stylesheet diff --git a/spec/core_functions/modules/README.md b/spec/core_functions/modules/README.md deleted file mode 100644 index f9829f75e..000000000 --- a/spec/core_functions/modules/README.md +++ /dev/null @@ -1,8 +0,0 @@ -This directory tests that core functions are accessible from the `sass:` modules -as defined in [the module system proposal][]. For the time being, it just tests -that each individual function is accessible with the correct name, and that -removed or renamed functions are not accessible. Once all implementations -support the module system, we should migrate all the function tests to use -module functions and just have simple tests for the global versions instead. - -[the module system proposal]: https://github.com/sass/sass/blob/master/accepted/module-system.md#built-in-modules-1 diff --git a/spec/core_functions/modules/color.hrx b/spec/core_functions/modules/color.hrx deleted file mode 100644 index 85aafb72c..000000000 --- a/spec/core_functions/modules/color.hrx +++ /dev/null @@ -1,471 +0,0 @@ -<===> red/input.scss -@use "sass:color"; -a {b: color.red(#abcdef)} - -<===> red/output.css -a { - b: 171; -} - -<===> -================================================================================ -<===> green/input.scss -@use "sass:color"; -a {b: color.green(#abcdef)} - -<===> green/output.css -a { - b: 205; -} - -<===> -================================================================================ -<===> blue/input.scss -@use "sass:color"; -a {b: color.blue(#abcdef)} - -<===> blue/output.css -a { - b: 239; -} - -<===> -================================================================================ -<===> hue/input.scss -@use "sass:color"; -a {b: color.hue(#abcdef)} - -<===> hue/output.css -a { - b: 210deg; -} - -<===> -================================================================================ -<===> saturation/input.scss -@use "sass:color"; -a {b: color.saturation(#abcdef)} - -<===> saturation/output.css -a { - b: 68%; -} - -<===> -================================================================================ -<===> lightness/input.scss -@use "sass:color"; -a {b: color.lightness(#abcdef)} - -<===> lightness/output.css -a { - b: 80.3921568627%; -} - -<===> -================================================================================ -<===> mix/input.scss -@use "sass:color"; -a {b: color.mix(#abcdef, #daddee)} - -<===> mix/output.css -a { - b: #c3d5ef; -} - -<===> -================================================================================ -<===> complement/input.scss -@use "sass:color"; -a {b: color.complement(#abcdef)} - -<===> complement/output.css -a { - b: #efcdab; -} - -<===> -================================================================================ -<===> invert/input.scss -@use "sass:color"; -a {b: color.invert(#abcdef)} - -<===> invert/output.css -a { - b: #543210; -} - -<===> -================================================================================ -<===> alpha/input.scss -@use "sass:color"; -a {b: color.alpha(#abcdef)} - -<===> alpha/output.css -a { - b: 1; -} - -<===> -================================================================================ -<===> adjust/input.scss -@use "sass:color"; -a {b: color.adjust(#abcdef, $red: 10)} - -<===> adjust/output.css -a { - b: #b5cdef; -} - -<===> -================================================================================ -<===> scale/input.scss -@use "sass:color"; -a {b: color.scale(#abcdef, $red: 10%)} - -<===> scale/output.css -a { - b: #b3cdef; -} - -<===> -================================================================================ -<===> change/input.scss -@use "sass:color"; -a {b: color.change(#abcdef, $red: 10)} - -<===> change/output.css -a { - b: #0acdef; -} - -<===> -================================================================================ -<===> ie_hex_str/input.scss -@use "sass:color"; -a {b: color.ie-hex-str(#abcdef)} - -<===> ie_hex_str/output.css -a { - b: #FFABCDEF; -} - -<===> -================================================================================ -<===> css_overloads/README.md -CSS overloads are still supported for module functions to ease the transition, -but they should produce deprecation warnings. - -<===> -================================================================================ -<===> css_overloads/grayscale/input.scss -@use "sass:color"; -a {b: color.grayscale(1)} - -<===> css_overloads/grayscale/output.css -a { - b: grayscale(1); -} - -<===> css_overloads/grayscale/warning -DEPRECATION WARNING: Passing a number (1) to color.grayscale() is deprecated. - -Recommendation: grayscale(1) - - , -2 | a {b: color.grayscale(1)} - | ^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> css_overloads/invert/input.scss -@use "sass:color"; -a {b: color.invert(1)} - -<===> css_overloads/invert/output.css -a { - b: invert(1); -} - -<===> css_overloads/invert/warning -DEPRECATION WARNING: Passing a number (1) to color.invert() is deprecated. - -Recommendation: invert(1) - - , -2 | a {b: color.invert(1)} - | ^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> css_overloads/alpha/one_arg/input.scss -@use "sass:color"; -a {b: color.alpha(c=d)} - -<===> css_overloads/alpha/one_arg/output.css -a { - b: alpha(c=d); -} - -<===> css_overloads/alpha/one_arg/warning -DEPRECATION WARNING: Using color.alpha() for a Microsoft filter is deprecated. - -Recommendation: alpha(c=d) - - , -2 | a {b: color.alpha(c=d)} - | ^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> css_overloads/alpha/multi_arg/input.scss -@use "sass:color"; -a {b: color.alpha(c=d, e=f, g=h)} - -<===> css_overloads/alpha/multi_arg/output.css -a { - b: alpha(c=d, e=f, g=h); -} - -<===> css_overloads/alpha/multi_arg/warning -DEPRECATION WARNING: Using color.alpha() for a Microsoft filter is deprecated. - -Recommendation: alpha(c=d, e=f, g=h) - - , -2 | a {b: color.alpha(c=d, e=f, g=h)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> css_overloads/opacity/input.scss -@use "sass:color"; -a {b: color.opacity(1)} - -<===> css_overloads/opacity/output.css -a { - b: opacity(1); -} - -<===> css_overloads/opacity/warning -DEPRECATION WARNING: Passing a number (1 to color.opacity() is deprecated. - -Recommendation: opacity(1) - - , -2 | a {b: color.opacity(1)} - | ^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/adjust_color/input.scss -@use "sass:color"; -a {b: color.adjust-color(#abcdef, $red: 10)} - -<===> error/adjust_color/error -Error: Undefined function. - , -2 | a {b: color.adjust-color(#abcdef, $red: 10)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/scale_color/input.scss -@use "sass:color"; -a {b: color.scale-color(#abcdef, $red: 10%)} - -<===> error/scale_color/error -Error: Undefined function. - , -2 | a {b: color.scale-color(#abcdef, $red: 10%)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/change_color/input.scss -@use "sass:color"; -a {b: color.change-color(#abcdef, $red: 10)} - -<===> error/change_color/error -Error: Undefined function. - , -2 | a {b: color.change-color(#abcdef, $red: 10)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/adjust_hue/input.scss -@use "sass:color"; -a {b: color.adjust-hue(#abcdef, 10)} - -<===> error/adjust_hue/error -Error: The function adjust-hue() isn't in the sass:color module. - -Recommendation: color.adjust(#abcdef, $hue: 10) - -More info: https://sass-lang.com/documentation/functions/color#adjust-hue - , -2 | a {b: color.adjust-hue(#abcdef, 10)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/lighten/input.scss -@use "sass:color"; -a {b: color.lighten(#abcdef, 10%)} - -<===> error/lighten/error -Error: The function lighten() isn't in the sass:color module. - -Recommendation: color.adjust(#abcdef, $lightness: 10%) - -More info: https://sass-lang.com/documentation/functions/color#lighten - , -2 | a {b: color.lighten(#abcdef, 10%)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/darken/input.scss -@use "sass:color"; -a {b: color.darken(#abcdef, 10%)} - -<===> error/darken/error -Error: The function darken() isn't in the sass:color module. - -Recommendation: color.adjust(#abcdef, $lightness: -10%) - -More info: https://sass-lang.com/documentation/functions/color#darken - , -2 | a {b: color.darken(#abcdef, 10%)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/saturate/input.scss -@use "sass:color"; -a {b: color.saturate(#abcdef, 10%)} - -<===> error/saturate/error -Error: The function saturate() isn't in the sass:color module. - -Recommendation: color.adjust(#abcdef, $saturation: 10%) - -More info: https://sass-lang.com/documentation/functions/color#saturate - , -2 | a {b: color.saturate(#abcdef, 10%)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/desaturate/input.scss -@use "sass:color"; -a {b: color.desaturate(#abcdef, 10%)} - -<===> error/desaturate/error -Error: The function desaturate() isn't in the sass:color module. - -Recommendation: color.adjust(#abcdef, $saturation: -10%) - -More info: https://sass-lang.com/documentation/functions/color#desaturate - , -2 | a {b: color.desaturate(#abcdef, 10%)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/opacify/input.scss -@use "sass:color"; -a {b: color.opacify(#abcdef, 0.5)} - -<===> error/opacify/error -Error: The function opacify() isn't in the sass:color module. - -Recommendation: color.adjust(#abcdef, $alpha: 0.5) - -More info: https://sass-lang.com/documentation/functions/color#opacify - , -2 | a {b: color.opacify(#abcdef, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/fade_in/input.scss -@use "sass:color"; -a {b: color.fade-in(#abcdef, 0.5)} - -<===> error/fade_in/error -Error: The function fade-in() isn't in the sass:color module. - -Recommendation: color.adjust(#abcdef, $alpha: 0.5) - -More info: https://sass-lang.com/documentation/functions/color#fade-in - , -2 | a {b: color.fade-in(#abcdef, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/transparentize/input.scss -@use "sass:color"; -a {b: color.transparentize(#abcdef, 0.5)} - -<===> error/transparentize/error -Error: The function transparentize() isn't in the sass:color module. - -Recommendation: color.adjust(#abcdef, $alpha: -0.5) - -More info: https://sass-lang.com/documentation/functions/color#transparentize - , -2 | a {b: color.transparentize(#abcdef, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/fade_out/input.scss -@use "sass:color"; -a {b: color.fade-out(#abcdef, 0.5)} - -<===> error/fade_out/error -Error: The function fade-out() isn't in the sass:color module. - -Recommendation: color.adjust(#abcdef, $alpha: -0.5) - -More info: https://sass-lang.com/documentation/functions/color#fade-out - , -2 | a {b: color.fade-out(#abcdef, 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet diff --git a/spec/core_functions/modules/map.hrx b/spec/core_functions/modules/map.hrx deleted file mode 100644 index 6ec806c22..000000000 --- a/spec/core_functions/modules/map.hrx +++ /dev/null @@ -1,151 +0,0 @@ -<===> get/input.scss -@use "sass:map"; -a {b: map.get((c: d), c)} - -<===> get/output.css -a { - b: d; -} - -<===> -================================================================================ -<===> merge/input.scss -@use "sass:map"; -@use "sass:meta"; -a {b: meta.inspect(map.merge((c: d), (e: f)))} - -<===> merge/output.css -a { - b: (c: d, e: f); -} - -<===> -================================================================================ -<===> remove/input.scss -@use "sass:map"; -@use "sass:meta"; -a {b: meta.inspect(map.remove((c: d), c))} - -<===> remove/output.css -a { - b: (); -} - -<===> -================================================================================ -<===> keys/input.scss -@use "sass:map"; -a {b: map.keys((c: d))} - -<===> keys/output.css -a { - b: c; -} - -<===> -================================================================================ -<===> values/input.scss -@use "sass:map"; -a {b: map.values((c: d))} - -<===> values/output.css -a { - b: d; -} - -<===> -================================================================================ -<===> has_key/input.scss -@use "sass:map"; -a {b: map.has-key((c: d), c)} - -<===> has_key/output.css -a { - b: true; -} - -<===> -================================================================================ -<===> error/map_get/input.scss -@use "sass:map"; -a {b: map.map-get((c: d), c)} - -<===> error/map_get/error -Error: Undefined function. - , -2 | a {b: map.map-get((c: d), c)} - | ^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/map_merge/input.scss -@use "sass:map"; -@use "sass:meta"; -a {b: meta.map-inspect(map.merge((c: d), (e: f)))} - -<===> error/map_merge/error -Error: Undefined function. - , -3 | a {b: meta.map-inspect(map.merge((c: d), (e: f)))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 3:7 root stylesheet - -<===> -================================================================================ -<===> error/map_remove/input.scss -@use "sass:map"; -@use "sass:meta"; -a {b: meta.map-inspect(map.remove((c: d), c))} - -<===> error/map_remove/error -Error: Undefined function. - , -3 | a {b: meta.map-inspect(map.remove((c: d), c))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 3:7 root stylesheet - -<===> -================================================================================ -<===> error/map_keys/input.scss -@use "sass:map"; -a {b: map.map-keys((c: d))} - -<===> error/map_keys/error -Error: Undefined function. - , -2 | a {b: map.map-keys((c: d))} - | ^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/map_values/input.scss -@use "sass:map"; -a {b: map.map-values((c: d), c)} - -<===> error/map_values/error -Error: Undefined function. - , -2 | a {b: map.map-values((c: d), c)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/map_has_key/input.scss -@use "sass:map"; -a {b: map.map-has-key((c: d), c)} - -<===> error/map_has_key/error -Error: Undefined function. - , -2 | a {b: map.map-has-key((c: d), c)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet diff --git a/spec/core_functions/modules/selector.hrx b/spec/core_functions/modules/selector.hrx deleted file mode 100644 index 171a61734..000000000 --- a/spec/core_functions/modules/selector.hrx +++ /dev/null @@ -1,169 +0,0 @@ -<===> nest/input.scss -@use "sass:selector"; -a {b: selector.nest(c, d)} - -<===> nest/output.css -a { - b: c d; -} - -<===> -================================================================================ -<===> append/input.scss -@use "sass:selector"; -a {b: selector.append(c, d)} - -<===> append/output.css -a { - b: cd; -} - -<===> -================================================================================ -<===> replace/input.scss -@use "sass:selector"; -a {b: selector.replace(c, c, d)} - -<===> replace/output.css -a { - b: d; -} - -<===> -================================================================================ -<===> extend/input.scss -@use "sass:selector"; -a {b: selector.extend(c, c, d)} - -<===> extend/output.css -a { - b: c, d; -} - -<===> -================================================================================ -<===> unify/input.scss -@use "sass:selector"; -a {b: selector.unify(".c", ".d")} - -<===> unify/output.css -a { - b: .c.d; -} - -<===> -================================================================================ -<===> is_superselector/input.scss -@use "sass:selector"; -a {b: selector.is-superselector(c, d)} - -<===> is_superselector/output.css -a { - b: false; -} - -<===> -================================================================================ -<===> simple_selectors/input.scss -@use "sass:selector"; -a {b: selector.simple-selectors(".c.d")} - -<===> simple_selectors/output.css -a { - b: .c, .d; -} - -<===> -================================================================================ -<===> parse/input.scss -@use "sass:selector"; -a {b: selector.parse(".c, .d")} - -<===> parse/output.css -a { - b: .c, .d; -} - -<===> -================================================================================ -<===> error/selector_nest/input.scss -@use "sass:selector"; -a {b: selector.selector-nest(c, d)} - -<===> error/selector_nest/error -Error: Undefined function. - , -2 | a {b: selector.selector-nest(c, d)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/selector_append/input.scss -@use "sass:selector"; -a {b: selector.selector-append(c, d)} - -<===> error/selector_append/error -Error: Undefined function. - , -2 | a {b: selector.selector-append(c, d)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/selector_replace/input.scss -@use "sass:selector"; -a {b: selector.selector-replace(c, c, d)} - -<===> error/selector_replace/error -Error: Undefined function. - , -2 | a {b: selector.selector-replace(c, c, d)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/selector_extend/input.scss -@use "sass:selector"; -a {b: selector.selector-extend(c, c, d)} - -<===> error/selector_extend/error -Error: Undefined function. - , -2 | a {b: selector.selector-extend(c, c, d)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/selector_unify/input.scss -@use "sass:selector"; -a {b: selector.selector-unify(".c", ".d")} - -<===> error/selector_unify/error -Error: Undefined function. - , -2 | a {b: selector.selector-unify(".c", ".d")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/selector_parse/input.scss -@use "sass:selector"; -a {b: selector.selector-parse(".c.d")} - -<===> error/selector_parse/error -Error: Undefined function. - , -2 | a {b: selector.selector-parse(".c.d")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet diff --git a/spec/core_functions/modules/string.hrx b/spec/core_functions/modules/string.hrx deleted file mode 100644 index af23c01b6..000000000 --- a/spec/core_functions/modules/string.hrx +++ /dev/null @@ -1,142 +0,0 @@ -<===> unquote/input.scss -@use "sass:string"; -a {b: string.unquote("c")} - -<===> unquote/output.css -a { - b: c; -} - -<===> -================================================================================ -<===> quote/input.scss -@use "sass:string"; -a {b: string.quote(c)} - -<===> quote/output.css -a { - b: "c"; -} - -<===> -================================================================================ -<===> length/input.scss -@use "sass:string"; -a {b: string.length("c")} - -<===> length/output.css -a { - b: 1; -} - -<===> -================================================================================ -<===> insert/input.scss -@use "sass:string"; -a {b: string.insert("c", "d", 1)} - -<===> insert/output.css -a { - b: "dc"; -} - -<===> -================================================================================ -<===> index/input.scss -@use "sass:string"; -a {b: string.index("c", "c")} - -<===> index/output.css -a { - b: 1; -} - -<===> -================================================================================ -<===> slice/input.scss -@use "sass:string"; -a {b: string.slice("c", 1, 1)} - -<===> slice/output.css -a { - b: "c"; -} - -<===> -================================================================================ -<===> to_upper_case/input.scss -@use "sass:string"; -a {b: string.to-upper-case("c")} - -<===> to_upper_case/output.css -a { - b: "C"; -} - -<===> -================================================================================ -<===> unique_id/input.scss -@use "sass:meta"; -@use "sass:string"; -a {b: meta.type-of(string.unique-id())} - -<===> unique_id/output.css -a { - b: string; -} - -<===> -================================================================================ -<===> error/str_length/input.scss -@use "sass:string"; -a {b: string.str-length("c")} - -<===> error/str_length/error -Error: Undefined function. - , -2 | a {b: string.str-length("c")} - | ^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/str_insert/input.scss -@use "sass:string"; -a {b: string.str-insert("c", 1, "d")} - -<===> error/str_insert/error -Error: Undefined function. - , -2 | a {b: string.str-insert("c", 1, "d")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/str_index/input.scss -@use "sass:string"; -a {b: string.str-index("c", "c")} - -<===> error/str_index/error -Error: Undefined function. - , -2 | a {b: string.str-index("c", "c")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet - -<===> -================================================================================ -<===> error/str_slice/input.scss -@use "sass:string"; -a {b: string.str-slice("c", 1, 1)} - -<===> error/str_slice/error -Error: Undefined function. - , -2 | a {b: string.str-slice("c", 1, 1)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/append.hrx b/spec/core_functions/selector/append.hrx index 855866b4d..f92b5280f 100644 --- a/spec/core_functions/selector/append.hrx +++ b/spec/core_functions/selector/append.hrx @@ -1,5 +1,6 @@ <===> classes/single/input.scss -a {b: selector-append(".c", ".d")} +@use "sass:selector"; +a {b: selector.append(".c", ".d")} <===> classes/single/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> classes/double/input.scss -a {b: selector-append(".c, .d", ".e, .f")} +@use "sass:selector"; +a {b: selector.append(".c, .d", ".e, .f")} <===> classes/double/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> suffix/single/input.scss -a {b: selector-append(".c", "d")} +@use "sass:selector"; +a {b: selector.append(".c", "d")} <===> suffix/single/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> suffix/multiple/input.scss -a {b: selector-append(".c, .d", "e, f")} +@use "sass:selector"; +a {b: selector.append(".c, .d", "e, f")} <===> suffix/multiple/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> suffix/descendant/input.scss -a {b: selector-append("c d", "e f")} +@use "sass:selector"; +a {b: selector.append("c d", "e f")} <===> suffix/descendant/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> one_arg/input.scss -a {b: selector-append(".c.d")} +@use "sass:selector"; +a {b: selector.append(".c.d")} <===> one_arg/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> many_args/input.scss -a {b: selector-append(".c", ".d", ".e")} +@use "sass:selector"; +a {b: selector.append(".c", ".d", ".e")} <===> many_args/output.css a { @@ -77,7 +84,8 @@ spec just verifies one example for each parameter. <===> ================================================================================ <===> format/input/initial/input.scss -a {b: selector-append((c, d e), f)} +@use "sass:selector"; +a {b: selector.append((c, d e), f)} <===> format/input/initial/output.css a { @@ -87,7 +95,8 @@ a { <===> ================================================================================ <===> format/input/later/input.scss -a {b: selector-append(c, (d, e f))} +@use "sass:selector"; +a {b: selector.append(c, (d, e f))} <===> format/input/later/output.css a { @@ -97,7 +106,8 @@ a { <===> ================================================================================ <===> format/output/input.scss -$result: selector-append("c d, e f", "g"); +@use "sass:selector"; +$result: selector.append("c d, e f", "g"); a { result: $result; structure: $result == ("c" "dg", "e" "fg"); @@ -112,7 +122,8 @@ a { <===> ================================================================================ <===> combinator/initial_leading/input.scss -a {b: selector-append("> c", "d")} +@use "sass:selector"; +a {b: selector.append("> c", "d")} <===> combinator/initial_leading/output.css a { @@ -122,7 +133,8 @@ a { <===> ================================================================================ <===> combinator/final_trailing/input.scss -a {b: selector-append("c", "d ~")} +@use "sass:selector"; +a {b: selector.append("c", "d ~")} <===> combinator/final_trailing/output.css a { @@ -132,7 +144,8 @@ a { <===> ================================================================================ <===> combinator/multiple/middle/input.scss -a {b: selector-append("c > > d", "e")} +@use "sass:selector"; +a {b: selector.append("c > > d", "e")} <===> combinator/multiple/middle/output.css a { @@ -142,7 +155,8 @@ a { <===> ================================================================================ <===> combinator/multiple/initial_leading/input.scss -a {b: selector-append("~ ~ c", "d")} +@use "sass:selector"; +a {b: selector.append("~ ~ c", "d")} <===> combinator/multiple/initial_leading/output.css a { @@ -152,43 +166,61 @@ a { <===> ================================================================================ <===> combinator/multiple/final_trailing/input.scss -a {b: selector-append("c", "d + >")} +@use "sass:selector"; +a {b: selector.append("c", "d + >")} <===> combinator/multiple/final_trailing/output.css a { b: cd + >; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:selector"; +a {b: selector.selector-append(c, d)} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: selector.selector-append(c, d)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/universal/input.scss -a {b: selector-append(".c", "*")} +@use "sass:selector"; +a {b: selector.append(".c", "*")} <===> error/universal/error Error: Can't append * to .c. , -1 | a {b: selector-append(".c", "*")} +2 | a {b: selector.append(".c", "*")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/combinator/leading/input.scss -a {b: selector-append(".c", "> .d")} +@use "sass:selector"; +a {b: selector.append(".c", "> .d")} <===> error/combinator/leading/error Error: Can't append > .d to .c. , -1 | a {b: selector-append(".c", "> .d")} +2 | a {b: selector.append(".c", "> .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/combinator/trailing/input.scss -a {b: selector-append(".c ~", ".d")} +@use "sass:selector"; +a {b: selector.append(".c ~", ".d")} <===> error/combinator/trailing/error Error: Selector ".c ~" can't be used as a parent in a compound selector. @@ -197,7 +229,7 @@ Error: Selector ".c ~" can't be used as a parent in a compound selector. | ^^^^ outer selector ' ,--> input.scss -1 | a {b: selector-append(".c ~", ".d")} +2 | a {b: selector.append(".c ~", ".d")} | ============================= parent selector ' - 1:1 root stylesheet @@ -205,33 +237,36 @@ Error: Selector ".c ~" can't be used as a parent in a compound selector. <===> ================================================================================ <===> error/combinator/only/input.scss -a {b: selector-append(".c", ">", ".d")} +@use "sass:selector"; +a {b: selector.append(".c", ">", ".d")} <===> error/combinator/only/error Error: Can't append > to .c. , -1 | a {b: selector-append(".c", ">", ".d")} +2 | a {b: selector.append(".c", ">", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/namespace/input.scss -a {b: selector-append("c", "|d")} +@use "sass:selector"; +a {b: selector.append("c", "|d")} <===> error/namespace/error Error: Can't append |d to c. , -1 | a {b: selector-append("c", "|d")} +2 | a {b: selector.append("c", "|d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/parent/input.scss -a {b: selector-append(".c", "&")} +@use "sass:selector"; +a {b: selector.append(".c", "&")} <===> error/parent/error Error: Parent selectors aren't allowed here. @@ -241,15 +276,16 @@ Error: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-append(".c", "&")} +2 | a {b: selector.append(".c", "&")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/invalid/input.scss -a {b: selector-append("[c", "d")} +@use "sass:selector"; +a {b: selector.append("[c", "d")} <===> error/invalid/error Error: expected more input. @@ -259,34 +295,36 @@ Error: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-append("[c", "d")} +2 | a {b: selector.append("[c", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/input.scss -a {b: selector-append("c", 1)} +@use "sass:selector"; +a {b: selector.append("c", 1)} <===> error/type/error Error: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-append("c", 1)} +2 | a {b: selector.append("c", 1)} | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: selector-append()} +@use "sass:selector"; +a {b: selector.append()} <===> error/too_few_args/error Error: $selectors: At least one selector must be passed. , -1 | a {b: selector-append()} +2 | a {b: selector.append()} | ^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/extend/error.hrx b/spec/core_functions/selector/extend/error.hrx index e84a5e075..6d1835a85 100644 --- a/spec/core_functions/selector/extend/error.hrx +++ b/spec/core_functions/selector/extend/error.hrx @@ -172,6 +172,20 @@ a list of strings, or a list of lists of strings. ' input.scss 1:7 root stylesheet +<===> +================================================================================ +<===> wrong_name/input.scss +@use "sass:selector"; +a {b: selector.selector-extend(c, c, d)} + +<===> wrong_name/error +Error: Undefined function. + , +2 | a {b: selector.selector-extend(c, c, d)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> too_many_args/input.scss diff --git a/spec/core_functions/selector/is_superselector/complex/adjacent_sibling.hrx b/spec/core_functions/selector/is_superselector/complex/adjacent_sibling.hrx index d9fcc6761..f64ef2b86 100644 --- a/spec/core_functions/selector/is_superselector/complex/adjacent_sibling.hrx +++ b/spec/core_functions/selector/is_superselector/complex/adjacent_sibling.hrx @@ -1,5 +1,6 @@ <===> single/in_sub/input.scss -a {b: is-superselector("c", "d + c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d + c")} <===> single/in_sub/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> single/in_super/input.scss -a {b: is-superselector("c + d", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("c + d", "d")} <===> single/in_super/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> single/in_both/equal/input.scss -a {b: is-superselector("c + d", "c + d")} +@use "sass:selector"; +a {b: selector.is-superselector("c + d", "c + d")} <===> single/in_both/equal/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> single/in_both/subset/input.scss -a {b: is-superselector("c + d", "c.e + d.f")} +@use "sass:selector"; +a {b: selector.is-superselector("c + d", "c.e + d.f")} <===> single/in_both/subset/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> single/in_both/superset/input.scss -a {b: is-superselector("c.e + d.f", "c + d")} +@use "sass:selector"; +a {b: selector.is-superselector("c.e + d.f", "c + d")} <===> single/in_both/superset/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> multiple/in_sub/input.scss -a {b: is-superselector("c", "d + e + c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d + e + c")} <===> multiple/in_sub/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> multiple/first/input.scss -a {b: is-superselector("d + c", "d + e + c")} +@use "sass:selector"; +a {b: selector.is-superselector("d + c", "d + e + c")} <===> multiple/first/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> multiple/second/input.scss -a {b: is-superselector("e + c", "d + e + c")} +@use "sass:selector"; +a {b: selector.is-superselector("e + c", "d + e + c")} <===> multiple/second/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> multiple/neither/input.scss -a {b: is-superselector("f + c", "d + e + c")} +@use "sass:selector"; +a {b: selector.is-superselector("f + c", "d + e + c")} <===> multiple/neither/output.css a { @@ -94,7 +103,8 @@ Regression tests for sass/dart-sass#1843. <===> ================================================================================ <===> multiple/extra_middle/descendant/input.scss -a {b: is-superselector("a + b + c", "a + x b + c")} +@use "sass:selector"; +a {b: selector.is-superselector("a + b + c", "a + x b + c")} <===> multiple/extra_middle/descendant/output.css a { @@ -104,7 +114,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/child/input.scss -a {b: is-superselector("a + b + c", "a + x > b + c")} +@use "sass:selector"; +a {b: selector.is-superselector("a + b + c", "a + x > b + c")} <===> multiple/extra_middle/child/output.css a { @@ -114,7 +125,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/following_sibling/input.scss -a {b: is-superselector("a + b + c", "a + x ~ b + c")} +@use "sass:selector"; +a {b: selector.is-superselector("a + b + c", "a + x ~ b + c")} <===> multiple/extra_middle/following_sibling/output.css a { @@ -124,7 +136,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/next_sibling/input.scss -a {b: is-superselector("a + b + c", "a + x + b + c")} +@use "sass:selector"; +a {b: selector.is-superselector("a + b + c", "a + x + b + c")} <===> multiple/extra_middle/next_sibling/output.css a { diff --git a/spec/core_functions/selector/is_superselector/complex/bogus.hrx b/spec/core_functions/selector/is_superselector/complex/bogus.hrx index 261567d1f..fbbfc0e11 100644 --- a/spec/core_functions/selector/is_superselector/complex/bogus.hrx +++ b/spec/core_functions/selector/is_superselector/complex/bogus.hrx @@ -1,5 +1,6 @@ <===> super/input.scss -a {b: is-superselector("> c", "c")} +@use "sass:selector"; +a {b: selector.is-superselector("> c", "c")} <===> super/output.css a { @@ -13,15 +14,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: is-superselector("> c", "c")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: selector.is-superselector("> c", "c")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> sub/input.scss -a {b: is-superselector("c", "d + ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d + ~ c")} <===> sub/output.css a { @@ -35,7 +37,7 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: is-superselector("c", "d + ~ c")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: selector.is-superselector("c", "d + ~ c")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/is_superselector/complex/child.hrx b/spec/core_functions/selector/is_superselector/complex/child.hrx index a7ca09972..2b7b44c8f 100644 --- a/spec/core_functions/selector/is_superselector/complex/child.hrx +++ b/spec/core_functions/selector/is_superselector/complex/child.hrx @@ -1,5 +1,6 @@ <===> single/in_sub/input.scss -a {b: is-superselector("c", "d > c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d > c")} <===> single/in_sub/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> single/in_super/input.scss -a {b: is-superselector("c > d", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("c > d", "d")} <===> single/in_super/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> single/in_both/equal/input.scss -a {b: is-superselector("c > d", "c > d")} +@use "sass:selector"; +a {b: selector.is-superselector("c > d", "c > d")} <===> single/in_both/equal/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> single/in_both/subset/input.scss -a {b: is-superselector("c > d", "c.e > d.f")} +@use "sass:selector"; +a {b: selector.is-superselector("c > d", "c.e > d.f")} <===> single/in_both/subset/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> single/in_both/superset/input.scss -a {b: is-superselector("c.e > d.f", "c > d")} +@use "sass:selector"; +a {b: selector.is-superselector("c.e > d.f", "c > d")} <===> single/in_both/superset/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> multiple/in_sub/input.scss -a {b: is-superselector("c", "d > e > c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d > e > c")} <===> multiple/in_sub/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> multiple/first/input.scss -a {b: is-superselector("d > c", "d > e > c")} +@use "sass:selector"; +a {b: selector.is-superselector("d > c", "d > e > c")} <===> multiple/first/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> multiple/second/input.scss -a {b: is-superselector("e > c", "d > e > c")} +@use "sass:selector"; +a {b: selector.is-superselector("e > c", "d > e > c")} <===> multiple/second/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> multiple/neither/input.scss -a {b: is-superselector("f > c", "d > e > c")} +@use "sass:selector"; +a {b: selector.is-superselector("f > c", "d > e > c")} <===> multiple/neither/output.css a { @@ -94,7 +103,8 @@ Regression tests for sass/dart-sass#1843. <===> ================================================================================ <===> multiple/extra_middle/descendant/input.scss -a {b: is-superselector("a > b > c", "a > x b > c")} +@use "sass:selector"; +a {b: selector.is-superselector("a > b > c", "a > x b > c")} <===> multiple/extra_middle/descendant/output.css a { @@ -104,7 +114,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/child/input.scss -a {b: is-superselector("a > b > c", "a > x > b > c")} +@use "sass:selector"; +a {b: selector.is-superselector("a > b > c", "a > x > b > c")} <===> multiple/extra_middle/child/output.css a { @@ -114,7 +125,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/following_sibling/input.scss -a {b: is-superselector("a > b > c", "a > x ~ b > c")} +@use "sass:selector"; +a {b: selector.is-superselector("a > b > c", "a > x ~ b > c")} <===> multiple/extra_middle/following_sibling/output.css a { @@ -124,7 +136,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/next_sibling/input.scss -a {b: is-superselector("a > b > c", "a > x + b > c")} +@use "sass:selector"; +a {b: selector.is-superselector("a > b > c", "a > x + b > c")} <===> multiple/extra_middle/next_sibling/output.css a { diff --git a/spec/core_functions/selector/is_superselector/complex/descendant.hrx b/spec/core_functions/selector/is_superselector/complex/descendant.hrx index e03035b7b..9aa2389f1 100644 --- a/spec/core_functions/selector/is_superselector/complex/descendant.hrx +++ b/spec/core_functions/selector/is_superselector/complex/descendant.hrx @@ -1,5 +1,6 @@ <===> single/in_sub/input.scss -a {b: is-superselector("c", "d c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d c")} <===> single/in_sub/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> single/in_super/input.scss -a {b: is-superselector("c d", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("c d", "d")} <===> single/in_super/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> single/in_both/equal/input.scss -a {b: is-superselector("c d", "c d")} +@use "sass:selector"; +a {b: selector.is-superselector("c d", "c d")} <===> single/in_both/equal/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> single/in_both/subset/input.scss -a {b: is-superselector("c d", "c.e d.f")} +@use "sass:selector"; +a {b: selector.is-superselector("c d", "c.e d.f")} <===> single/in_both/subset/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> single/in_both/superset/input.scss -a {b: is-superselector("c.e d.f", "c d")} +@use "sass:selector"; +a {b: selector.is-superselector("c.e d.f", "c d")} <===> single/in_both/superset/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> multiple/in_sub/input.scss -a {b: is-superselector("c", "d e c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d e c")} <===> multiple/in_sub/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> multiple/match_first/input.scss -a {b: is-superselector("d c", "d e c")} +@use "sass:selector"; +a {b: selector.is-superselector("d c", "d e c")} <===> multiple/match_first/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> multiple/match_second/input.scss -a {b: is-superselector("e c", "d e c")} +@use "sass:selector"; +a {b: selector.is-superselector("e c", "d e c")} <===> multiple/match_second/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> multiple/match_neither/input.scss -a {b: is-superselector("f c", "d e c")} +@use "sass:selector"; +a {b: selector.is-superselector("f c", "d e c")} <===> multiple/match_neither/output.css a { @@ -94,7 +103,8 @@ Regression tests for sass/dart-sass#1843. <===> ================================================================================ <===> multiple/extra_middle/descendant/input.scss -a {b: is-superselector("a b c", "a x b c")} +@use "sass:selector"; +a {b: selector.is-superselector("a b c", "a x b c")} <===> multiple/extra_middle/descendant/output.css a { @@ -104,7 +114,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/child/input.scss -a {b: is-superselector("a b c", "a x > b c")} +@use "sass:selector"; +a {b: selector.is-superselector("a b c", "a x > b c")} <===> multiple/extra_middle/child/output.css a { @@ -114,7 +125,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/following_sibling/input.scss -a {b: is-superselector("a b c", "a x ~ b c")} +@use "sass:selector"; +a {b: selector.is-superselector("a b c", "a x ~ b c")} <===> multiple/extra_middle/following_sibling/output.css a { @@ -124,7 +136,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/next_sibling/input.scss -a {b: is-superselector("a b c", "a x + b c")} +@use "sass:selector"; +a {b: selector.is-superselector("a b c", "a x + b c")} <===> multiple/extra_middle/next_sibling/output.css a { @@ -134,7 +147,8 @@ a { <===> ================================================================================ <===> and_child/super/input.scss -a {b: is-superselector("d c", "d > c")} +@use "sass:selector"; +a {b: selector.is-superselector("d c", "d > c")} <===> and_child/super/output.css a { @@ -144,7 +158,8 @@ a { <===> ================================================================================ <===> and_child/sub/input.scss -a {b: is-superselector("d > c", "d c")} +@use "sass:selector"; +a {b: selector.is-superselector("d > c", "d c")} <===> and_child/sub/output.css a { @@ -154,7 +169,8 @@ a { <===> ================================================================================ <===> and_child/multiple/first/input.scss -a {b: is-superselector("d c", "d > e > c")} +@use "sass:selector"; +a {b: selector.is-superselector("d c", "d > e > c")} <===> and_child/multiple/first/output.css a { @@ -164,7 +180,8 @@ a { <===> ================================================================================ <===> and_child/multiple/second/input.scss -a {b: is-superselector("e c", "d > e > c")} +@use "sass:selector"; +a {b: selector.is-superselector("e c", "d > e > c")} <===> and_child/multiple/second/output.css a { @@ -174,7 +191,8 @@ a { <===> ================================================================================ <===> and_child/multiple/neither/input.scss -a {b: is-superselector("f c", "d > e > c")} +@use "sass:selector"; +a {b: selector.is-superselector("f c", "d > e > c")} <===> and_child/multiple/neither/output.css a { diff --git a/spec/core_functions/selector/is_superselector/complex/sibling.hrx b/spec/core_functions/selector/is_superselector/complex/sibling.hrx index 3c1afbc03..2c4b3cd7b 100644 --- a/spec/core_functions/selector/is_superselector/complex/sibling.hrx +++ b/spec/core_functions/selector/is_superselector/complex/sibling.hrx @@ -1,5 +1,6 @@ <===> single/in_sub/input.scss -a {b: is-superselector("c", "d ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d ~ c")} <===> single/in_sub/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> single/in_super/input.scss -a {b: is-superselector("c ~ d", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("c ~ d", "d")} <===> single/in_super/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> single/in_both/equal/input.scss -a {b: is-superselector("c ~ d", "c ~ d")} +@use "sass:selector"; +a {b: selector.is-superselector("c ~ d", "c ~ d")} <===> single/in_both/equal/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> single/in_both/subset/input.scss -a {b: is-superselector("c ~ d", "c.e ~ d.f")} +@use "sass:selector"; +a {b: selector.is-superselector("c ~ d", "c.e ~ d.f")} <===> single/in_both/subset/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> single/in_both/superset/input.scss -a {b: is-superselector("c.e ~ d.f", "c ~ d")} +@use "sass:selector"; +a {b: selector.is-superselector("c.e ~ d.f", "c ~ d")} <===> single/in_both/superset/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> multiple/in_sub/input.scss -a {b: is-superselector("c", "d ~ e ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d ~ e ~ c")} <===> multiple/in_sub/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> multiple/first/input.scss -a {b: is-superselector("d ~ c", "d ~ e ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("d ~ c", "d ~ e ~ c")} <===> multiple/first/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> multiple/second/input.scss -a {b: is-superselector("e ~ c", "d ~ e ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("e ~ c", "d ~ e ~ c")} <===> multiple/second/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> multiple/neither/input.scss -a {b: is-superselector("f ~ c", "d ~ e ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("f ~ c", "d ~ e ~ c")} <===> multiple/neither/output.css a { @@ -94,7 +103,8 @@ Regression tests for sass/dart-sass#1843. <===> ================================================================================ <===> multiple/extra_middle/descendant/input.scss -a {b: is-superselector("a ~ b ~ c", "a ~ x b ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("a ~ b ~ c", "a ~ x b ~ c")} <===> multiple/extra_middle/descendant/output.css a { @@ -104,7 +114,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/child/input.scss -a {b: is-superselector("a ~ b ~ c", "a ~ x > b ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("a ~ b ~ c", "a ~ x > b ~ c")} <===> multiple/extra_middle/child/output.css a { @@ -114,7 +125,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/following_sibling/input.scss -a {b: is-superselector("a ~ b ~ c", "a ~ x ~ b ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("a ~ b ~ c", "a ~ x ~ b ~ c")} <===> multiple/extra_middle/following_sibling/output.css a { @@ -124,7 +136,8 @@ a { <===> ================================================================================ <===> multiple/extra_middle/next_sibling/input.scss -a {b: is-superselector("a ~ b ~ c", "a ~ x + b ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("a ~ b ~ c", "a ~ x + b ~ c")} <===> multiple/extra_middle/next_sibling/output.css a { @@ -134,7 +147,8 @@ a { <===> ================================================================================ <===> and_adjacent_sibling/super/input.scss -a {b: is-superselector("d ~ c", "d + c")} +@use "sass:selector"; +a {b: selector.is-superselector("d ~ c", "d + c")} <===> and_adjacent_sibling/super/output.css a { @@ -144,7 +158,8 @@ a { <===> ================================================================================ <===> and_adjacent_sibling/sub/input.scss -a {b: is-superselector("d + c", "d ~ c")} +@use "sass:selector"; +a {b: selector.is-superselector("d + c", "d ~ c")} <===> and_adjacent_sibling/sub/output.css a { @@ -154,7 +169,8 @@ a { <===> ================================================================================ <===> and_adjacent_sibling/multiple/first/input.scss -a {b: is-superselector("d ~ c", "d + e + c")} +@use "sass:selector"; +a {b: selector.is-superselector("d ~ c", "d + e + c")} <===> and_adjacent_sibling/multiple/first/output.css a { @@ -164,7 +180,8 @@ a { <===> ================================================================================ <===> and_adjacent_sibling/multiple/second/input.scss -a {b: is-superselector("e ~ c", "d + e + c")} +@use "sass:selector"; +a {b: selector.is-superselector("e ~ c", "d + e + c")} <===> and_adjacent_sibling/multiple/second/output.css a { @@ -174,7 +191,8 @@ a { <===> ================================================================================ <===> and_adjacent_sibling/multiple/neither/input.scss -a {b: is-superselector("f ~ c", "d + e + c")} +@use "sass:selector"; +a {b: selector.is-superselector("f ~ c", "d + e + c")} <===> and_adjacent_sibling/multiple/neither/output.css a { diff --git a/spec/core_functions/selector/is_superselector/compound.hrx b/spec/core_functions/selector/is_superselector/compound.hrx index 3a4c40b98..68130daf0 100644 --- a/spec/core_functions/selector/is_superselector/compound.hrx +++ b/spec/core_functions/selector/is_superselector/compound.hrx @@ -11,7 +11,8 @@ of the other. <===> ================================================================================ <===> same_order/input.scss -a {b: is-superselector("c", "c.d")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "c.d")} <===> same_order/output.css a { @@ -21,7 +22,8 @@ a { <===> ================================================================================ <===> different_order/input.scss -a {b: is-superselector("c.e", "c:d.e")} +@use "sass:selector"; +a {b: selector.is-superselector("c.e", "c:d.e")} <===> different_order/output.css a { @@ -31,7 +33,8 @@ a { <===> ================================================================================ <===> superset/input.scss -a {b: is-superselector("c.d", "c")} +@use "sass:selector"; +a {b: selector.is-superselector("c.d", "c")} <===> superset/output.css a { @@ -41,7 +44,8 @@ a { <===> ================================================================================ <===> pseudo_element/present/input.scss -a {b: is-superselector("::d", "c::d")} +@use "sass:selector"; +a {b: selector.is-superselector("::d", "c::d")} <===> pseudo_element/present/output.css a { @@ -51,7 +55,8 @@ a { <===> ================================================================================ <===> pseudo_element/absent/in_1/input.scss -a {b: is-superselector("c", "c::d")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "c::d")} <===> pseudo_element/absent/in_1/output.css a { @@ -61,7 +66,8 @@ a { <===> ================================================================================ <===> pseudo_element/absent/in_2/input.scss -a {b: is-superselector("c::d", "c")} +@use "sass:selector"; +a {b: selector.is-superselector("c::d", "c")} <===> pseudo_element/absent/in_2/output.css a { @@ -71,7 +77,8 @@ a { <===> ================================================================================ <===> pseudo_element/subset/before/input.scss -a {b: is-superselector(".c::d", ".c.e::d")} +@use "sass:selector"; +a {b: selector.is-superselector(".c::d", ".c.e::d")} <===> pseudo_element/subset/before/output.css a { @@ -81,7 +88,8 @@ a { <===> ================================================================================ <===> pseudo_element/subset/after/input.scss -a {b: is-superselector("::d:c", "::d:c:e")} +@use "sass:selector"; +a {b: selector.is-superselector("::d:c", "::d:c:e")} <===> pseudo_element/subset/after/output.css a { @@ -91,7 +99,8 @@ a { <===> ================================================================================ <===> pseudo_element/superset/before/input.scss -a {b: is-superselector(".c.e::d", ".c::d")} +@use "sass:selector"; +a {b: selector.is-superselector(".c.e::d", ".c::d")} <===> pseudo_element/superset/before/output.css a { @@ -101,7 +110,8 @@ a { <===> ================================================================================ <===> pseudo_element/superset/after/input.scss -a {b: is-superselector("::d:c:e", "::d:c")} +@use "sass:selector"; +a {b: selector.is-superselector("::d:c:e", "::d:c")} <===> pseudo_element/superset/after/output.css a { @@ -111,7 +121,8 @@ a { <===> ================================================================================ <===> pseudo_element/same_order/input.scss -a {b: is-superselector("::d:e", "::d:e")} +@use "sass:selector"; +a {b: selector.is-superselector("::d:e", "::d:e")} <===> pseudo_element/same_order/output.css a { @@ -121,7 +132,8 @@ a { <===> ================================================================================ <===> pseudo_element/different_order/input.scss -a {b: is-superselector(":e::d", "::d:e")} +@use "sass:selector"; +a {b: selector.is-superselector(":e::d", "::d:e")} <===> pseudo_element/different_order/output.css a { @@ -131,7 +143,8 @@ a { <===> ================================================================================ <===> pseudo_element/class_syntax/before/input.scss -a {b: is-superselector("c", "c:before")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "c:before")} <===> pseudo_element/class_syntax/before/output.css a { @@ -141,7 +154,8 @@ a { <===> ================================================================================ <===> pseudo_element/class_syntax/after/input.scss -a {b: is-superselector("c", "c:after")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "c:after")} <===> pseudo_element/class_syntax/after/output.css a { @@ -151,7 +165,8 @@ a { <===> ================================================================================ <===> pseudo_element/class_syntax/first_line/input.scss -a {b: is-superselector("c", "c:first-line")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "c:first-line")} <===> pseudo_element/class_syntax/first_line/output.css a { @@ -161,7 +176,8 @@ a { <===> ================================================================================ <===> pseudo_element/class_syntax/first_letter/input.scss -a {b: is-superselector("c", "c:first-letter")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "c:first-letter")} <===> pseudo_element/class_syntax/first_letter/output.css a { diff --git a/spec/core_functions/selector/is_superselector/error.hrx b/spec/core_functions/selector/is_superselector/error.hrx index 8879ff815..1733b6f1a 100644 --- a/spec/core_functions/selector/is_superselector/error.hrx +++ b/spec/core_functions/selector/is_superselector/error.hrx @@ -1,5 +1,6 @@ <===> super/parent/input.scss -a {b: is-superselector("&", "c")} +@use "sass:selector"; +a {b: selector.is-superselector("&", "c")} <===> super/parent/error Error: $super: Parent selectors aren't allowed here. @@ -9,15 +10,16 @@ Error: $super: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: is-superselector("&", "c")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: selector.is-superselector("&", "c")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> super/invalid/input.scss -a {b: is-superselector("[c", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("[c", "d")} <===> super/invalid/error Error: $super: expected more input. @@ -27,29 +29,31 @@ Error: $super: expected more input. ' - 1:3 root stylesheet , -1 | a {b: is-superselector("[c", "d")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: selector.is-superselector("[c", "d")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> super/type/input.scss -a {b: is-superselector(1, "c")} +@use "sass:selector"; +a {b: selector.is-superselector(1, "c")} <===> super/type/error Error: $super: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: is-superselector(1, "c")} - | ^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: selector.is-superselector(1, "c")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> sub/parent/input.scss -a {b: is-superselector("c", "&")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "&")} <===> sub/parent/error Error: $sub: Parent selectors aren't allowed here. @@ -59,15 +63,16 @@ Error: $sub: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: is-superselector("c", "&")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: selector.is-superselector("c", "&")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> sub/invalid/input.scss -a {b: is-superselector("c", "[d")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "[d")} <===> sub/invalid/error Error: $sub: expected more input. @@ -77,55 +82,58 @@ Error: $sub: expected more input. ' - 1:3 root stylesheet , -1 | a {b: is-superselector("c", "[d")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: selector.is-superselector("c", "[d")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> sub/type/input.scss -a {b: is-superselector("c", 1)} +@use "sass:selector"; +a {b: selector.is-superselector("c", 1)} <===> sub/type/error Error: $sub: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: is-superselector("c", 1)} - | ^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: selector.is-superselector("c", 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_many_args/input.scss -a {b: is-superselector("c", "d", "e")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d", "e")} <===> too_many_args/error Error: Only 2 arguments allowed, but 3 were passed. ,--> input.scss -1 | a {b: is-superselector("c", "d", "e")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: selector.is-superselector("c", "d", "e")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:selector 1 | @function is-superselector($super, $sub) { | ============================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_few_args/input.scss -a {b: is-superselector("c")} +@use "sass:selector"; +a {b: selector.is-superselector("c")} <===> too_few_args/error Error: Missing argument $sub. ,--> input.scss -1 | a {b: is-superselector("c")} - | ^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: selector.is-superselector("c")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:selector 1 | @function is-superselector($super, $sub) { | ============================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/is_superselector/input.hrx b/spec/core_functions/selector/is_superselector/input.hrx index 551fd96c8..85aebd9ef 100644 --- a/spec/core_functions/selector/is_superselector/input.hrx +++ b/spec/core_functions/selector/is_superselector/input.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:selector"; // The full set of possible input formats is tested with `selector-parse()`; // this spec just verifies one example for `is-superselector()`. -a {b: is-superselector((c, d e), (c, d e))} +a {b: selector.is-superselector((c, d e), (c, d e))} <===> output.css a { diff --git a/spec/core_functions/selector/is_superselector/list.hrx b/spec/core_functions/selector/is_superselector/list.hrx index 5617c485b..407902c0e 100644 --- a/spec/core_functions/selector/is_superselector/list.hrx +++ b/spec/core_functions/selector/is_superselector/list.hrx @@ -1,5 +1,6 @@ <===> two/in_sub/input.scss -a {b: is-superselector("c", "c, d")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "c, d")} <===> two/in_sub/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> two/in_super/input.scss -a {b: is-superselector("c, d", "c")} +@use "sass:selector"; +a {b: selector.is-superselector("c, d", "c")} <===> two/in_super/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> two/in_both/equal/input.scss -a {b: is-superselector("c, d", "c, d")} +@use "sass:selector"; +a {b: selector.is-superselector("c, d", "c, d")} <===> two/in_both/equal/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> two/in_both/subset/input.scss -a {b: is-superselector("c, d", "c.e, d.f")} +@use "sass:selector"; +a {b: selector.is-superselector("c, d", "c.e, d.f")} <===> two/in_both/subset/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> two/in_both/superset/input.scss -a {b: is-superselector("c.e, d.f", "c, d")} +@use "sass:selector"; +a {b: selector.is-superselector("c.e, d.f", "c, d")} <===> two/in_both/superset/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> two/both_satisfied_by_one_superselector/input.scss -a {b: is-superselector(".c", "d.c, e.c")} +@use "sass:selector"; +a {b: selector.is-superselector(".c", "d.c, e.c")} <===> two/both_satisfied_by_one_superselector/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> three/match_one/input.scss -a {b: is-superselector("c, d, e", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("c, d, e", "d")} <===> three/match_one/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> three/match_two/input.scss -a {b: is-superselector("c, d, e", "e, c")} +@use "sass:selector"; +a {b: selector.is-superselector("c, d, e", "e, c")} <===> three/match_two/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> three/match_three/input.scss -a {b: is-superselector("c, d, e", "d, c, e")} +@use "sass:selector"; +a {b: selector.is-superselector("c, d, e", "d, c, e")} <===> three/match_three/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> three/miss_one/input.scss -a {b: is-superselector("c, d, e", "c, f")} +@use "sass:selector"; +a {b: selector.is-superselector("c, d, e", "c, f")} <===> three/miss_one/output.css a { diff --git a/spec/core_functions/selector/is_superselector/named.hrx b/spec/core_functions/selector/is_superselector/named.hrx index cf73d9b14..e4dcdbe23 100644 --- a/spec/core_functions/selector/is_superselector/named.hrx +++ b/spec/core_functions/selector/is_superselector/named.hrx @@ -1,5 +1,6 @@ <===> input.scss -a {b: is-superselector($super: "c", $sub: "c.d")} +@use "sass:selector"; +a {b: selector.is-superselector($super: "c", $sub: "c.d")} <===> output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/attribute.hrx b/spec/core_functions/selector/is_superselector/simple/attribute.hrx index 5cc38f3c5..8c91068d8 100644 --- a/spec/core_functions/selector/is_superselector/simple/attribute.hrx +++ b/spec/core_functions/selector/is_superselector/simple/attribute.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: is-superselector("[c=d]", "[c=d]")} +@use "sass:selector"; +a {b: selector.is-superselector("[c=d]", "[c=d]")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/name/input.scss -a {b: is-superselector("[c=d]", "[e=d]")} +@use "sass:selector"; +a {b: selector.is-superselector("[c=d]", "[e=d]")} <===> unequal/name/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> unequal/value/input.scss -a {b: is-superselector("[c=d]", "[c=e]")} +@use "sass:selector"; +a {b: selector.is-superselector("[c=d]", "[c=e]")} <===> unequal/value/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> unequal/operator/input.scss -a {b: is-superselector("[c=d]", "[c^=d]")} +@use "sass:selector"; +a {b: selector.is-superselector("[c=d]", "[c^=d]")} <===> unequal/operator/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/class.hrx b/spec/core_functions/selector/is_superselector/simple/class.hrx index 527351664..319af3c27 100644 --- a/spec/core_functions/selector/is_superselector/simple/class.hrx +++ b/spec/core_functions/selector/is_superselector/simple/class.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: is-superselector(".c", ".c")} +@use "sass:selector"; +a {b: selector.is-superselector(".c", ".c")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/input.scss -a {b: is-superselector(".c", ".d")} +@use "sass:selector"; +a {b: selector.is-superselector(".c", ".d")} <===> unequal/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/id.hrx b/spec/core_functions/selector/is_superselector/simple/id.hrx index 6419de5c3..612f984e2 100644 --- a/spec/core_functions/selector/is_superselector/simple/id.hrx +++ b/spec/core_functions/selector/is_superselector/simple/id.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: is-superselector("#c", "#c")} +@use "sass:selector"; +a {b: selector.is-superselector("#c", "#c")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/input.scss -a {b: is-superselector("#c", "#d")} +@use "sass:selector"; +a {b: selector.is-superselector("#c", "#d")} <===> unequal/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/placeholder.hrx b/spec/core_functions/selector/is_superselector/simple/placeholder.hrx index e474abf5e..438425bdf 100644 --- a/spec/core_functions/selector/is_superselector/simple/placeholder.hrx +++ b/spec/core_functions/selector/is_superselector/simple/placeholder.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: is-superselector("%c", "%c")} +@use "sass:selector"; +a {b: selector.is-superselector("%c", "%c")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/input.scss -a {b: is-superselector("%c", "%d")} +@use "sass:selector"; +a {b: selector.is-superselector("%c", "%d")} <===> unequal/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/arg.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/arg.hrx index d8d6db7dc..e3f795025 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/arg.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/arg.hrx @@ -1,5 +1,6 @@ <===> class/equal/input.scss -a {b: is-superselector(":c(@#$)", ":c(@#$)")} +@use "sass:selector"; +a {b: selector.is-superselector(":c(@#$)", ":c(@#$)")} <===> class/equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> class/unequal/name/input.scss -a {b: is-superselector(":c(@#$)", ":d(@#$)")} +@use "sass:selector"; +a {b: selector.is-superselector(":c(@#$)", ":d(@#$)")} <===> class/unequal/name/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> class/unequal/argument/input.scss -a {b: is-superselector(":c(@#$)", ":c(*&^)")} +@use "sass:selector"; +a {b: selector.is-superselector(":c(@#$)", ":c(*&^)")} <===> class/unequal/argument/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> class/unequal/has_argument/input.scss -a {b: is-superselector(":c(@#$)", ":c")} +@use "sass:selector"; +a {b: selector.is-superselector(":c(@#$)", ":c")} <===> class/unequal/has_argument/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> element/equal/input.scss -a {b: is-superselector("::c(@#$)", "::c(@#$)")} +@use "sass:selector"; +a {b: selector.is-superselector("::c(@#$)", "::c(@#$)")} <===> element/equal/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> element/unequal/name/input.scss -a {b: is-superselector("::c(@#$)", ":d(@#$)")} +@use "sass:selector"; +a {b: selector.is-superselector("::c(@#$)", ":d(@#$)")} <===> element/unequal/name/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> element/unequal/argument/input.scss -a {b: is-superselector("::c(@#$)", "::c(*&^)")} +@use "sass:selector"; +a {b: selector.is-superselector("::c(@#$)", "::c(*&^)")} <===> element/unequal/argument/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> element/unequal/has_argument/input.scss -a {b: is-superselector("::c(@#$)", "::c")} +@use "sass:selector"; +a {b: selector.is-superselector("::c(@#$)", "::c")} <===> element/unequal/has_argument/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/no_arg.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/no_arg.hrx index 1664d0314..900166ef1 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/no_arg.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/no_arg.hrx @@ -1,5 +1,6 @@ <===> class/equal/input.scss -a {b: is-superselector(":c", ":c")} +@use "sass:selector"; +a {b: selector.is-superselector(":c", ":c")} <===> class/equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> class/unequal/input.scss -a {b: is-superselector(":c", ":d")} +@use "sass:selector"; +a {b: selector.is-superselector(":c", ":d")} <===> class/unequal/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> class/and_element/input.scss -a {b: is-superselector(":c", "::c")} +@use "sass:selector"; +a {b: selector.is-superselector(":c", "::c")} <===> class/and_element/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> element/equal/input.scss -a {b: is-superselector("::c", "::c")} +@use "sass:selector"; +a {b: selector.is-superselector("::c", "::c")} <===> element/equal/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> element/unequal/input.scss -a {b: is-superselector("::c", "::d")} +@use "sass:selector"; +a {b: selector.is-superselector("::c", "::d")} <===> element/unequal/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> element/and_class/input.scss -a {b: is-superselector("::c", ":c")} +@use "sass:selector"; +a {b: selector.is-superselector("::c", ":c")} <===> element/and_class/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/any.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/any.hrx index d517736ce..cf3b4f2a5 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/any.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/any.hrx @@ -6,7 +6,8 @@ but only a small range is tested here. <===> ================================================================================ <===> superset/input.scss -a {b: is-superselector(":any(c d, e f, g h)", "c d.i, e j f")} +@use "sass:selector"; +a {b: selector.is-superselector(":any(c d, e f, g h)", "c d.i, e j f")} <===> superset/output.css a { @@ -16,7 +17,8 @@ a { <===> ================================================================================ <===> subset/input.scss -a {b: is-superselector(":any(c d.i, e j f)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":any(c d.i, e j f)", "c d, e f, g h")} <===> subset/output.css a { @@ -26,7 +28,8 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss -a {b: is-superselector(":-pfx-any(c d, e f, g h)", "c d.i, e j f")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-any(c d, e f, g h)", "c d.i, e j f")} <===> prefix/superset/output.css a { @@ -36,7 +39,8 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss -a {b: is-superselector(":-pfx-any(c d.i, e j f)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-any(c d.i, e j f)", "c d, e f, g h")} <===> prefix/subset/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/current.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/current.hrx index a5b2394f4..968448ea1 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/current.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/current.hrx @@ -1,5 +1,6 @@ <===> superset/input.scss -a {b: is-superselector(":current(c d, e f, g h)", ":current(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":current(c d, e f, g h)", ":current(c d.i, e j f)")} <===> superset/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> subset/input.scss -a {b: is-superselector(":current(c d.i, e j f)", ":current(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":current(c d.i, e j f)", ":current(c d, e f, g h)")} <===> subset/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> equal/input.scss -a {b: is-superselector(":current(c d, e f)", ":current(c d, e f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":current(c d, e f)", ":current(c d, e f)")} <===> equal/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> bare_sub/input.scss -a {b: is-superselector(":current(c d, e f)", "c d, e f")} +@use "sass:selector"; +a {b: selector.is-superselector(":current(c d, e f)", "c d, e f")} <===> bare_sub/output.css a { @@ -39,8 +43,9 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":-pfx-current(c d, e f, g h)", ":-pfx-current(c d.i, e j f)"); } @@ -53,8 +58,9 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":-pfx-current(c d.i, e j f)", ":-pfx-current(c d, e f, g h)"); } @@ -67,7 +73,8 @@ a { <===> ================================================================================ <===> prefix/equal/input.scss -a {b: is-superselector(":-pfx-current(c d, e f)", ":-pfx-current(c d, e f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-current(c d, e f)", ":-pfx-current(c d, e f)")} <===> prefix/equal/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/has.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/has.hrx index 3eaf1ca30..48bea5c6b 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/has.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/has.hrx @@ -1,5 +1,6 @@ <===> superset/input.scss -a {b: is-superselector(":has(c d, e f, g h)", ":has(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":has(c d, e f, g h)", ":has(c d.i, e j f)")} <===> superset/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> subset/input.scss -a {b: is-superselector(":has(c d.i, e j f)", ":has(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":has(c d.i, e j f)", ":has(c d, e f, g h)")} <===> subset/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> bare_sub/input.scss -a {b: is-superselector(":has(c d, e f, g h)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":has(c d, e f, g h)", "c d, e f, g h")} <===> bare_sub/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss -a {b: is-superselector(":-pfx-has(c d, e f, g h)", ":-pfx-has(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-has(c d, e f, g h)", ":-pfx-has(c d.i, e j f)")} <===> prefix/superset/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss -a {b: is-superselector(":-pfx-has(c d.i, e j f)", ":-pfx-has(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-has(c d.i, e j f)", ":-pfx-has(c d, e f, g h)")} <===> prefix/subset/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/host.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/host.hrx index be0b056f8..d4b045e5c 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/host.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/host.hrx @@ -1,5 +1,6 @@ <===> superset/input.scss -a {b: is-superselector(":host(c d, e f, g h)", ":host(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":host(c d, e f, g h)", ":host(c d.i, e j f)")} <===> superset/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> subset/input.scss -a {b: is-superselector(":host(c d.i, e j f)", ":host(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":host(c d.i, e j f)", ":host(c d, e f, g h)")} <===> subset/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> bare_sub/input.scss -a {b: is-superselector(":host(c d, e f, g h)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":host(c d, e f, g h)", "c d, e f, g h")} <===> bare_sub/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss -a {b: is-superselector(":-pfx-host(c d, e f, g h)", ":-pfx-host(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-host(c d, e f, g h)", ":-pfx-host(c d.i, e j f)")} <===> prefix/superset/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss -a {b: is-superselector(":-pfx-host(c d.i, e j f)", ":-pfx-host(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-host(c d.i, e j f)", ":-pfx-host(c d, e f, g h)")} <===> prefix/subset/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/host_context.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/host_context.hrx index 30543c8cb..64e356648 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/host_context.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/host_context.hrx @@ -1,5 +1,6 @@ <===> superset/input.scss -a {b: is-superselector(":host-context(c d, e f, g h)", ":host-context(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":host-context(c d, e f, g h)", ":host-context(c d.i, e j f)")} <===> superset/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> subset/input.scss -a {b: is-superselector(":host-context(c d.i, e j f)", ":host-context(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":host-context(c d.i, e j f)", ":host-context(c d, e f, g h)")} <===> subset/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> bare_sub/input.scss -a {b: is-superselector(":host-context(c d, e f, g h)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":host-context(c d, e f, g h)", "c d, e f, g h")} <===> bare_sub/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss -a {b: is-superselector(":-pfx-host-context(c d, e f, g h)", ":-pfx-host-context(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-host-context(c d, e f, g h)", ":-pfx-host-context(c d.i, e j f)")} <===> prefix/superset/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss -a {b: is-superselector(":-pfx-host-context(c d.i, e j f)", ":-pfx-host-context(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-host-context(c d.i, e j f)", ":-pfx-host-context(c d, e f, g h)")} <===> prefix/subset/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/is.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/is.hrx index 1cf6bc1f1..30a83491c 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/is.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/is.hrx @@ -14,7 +14,8 @@ Most changes here should also be reflected in `where.hrx` and `matches.hrx`. <===> ================================================================================ <===> simple/equal/input.scss -a {b: is-superselector(":is(c)", "c")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c)", "c")} <===> simple/equal/output.css a { @@ -24,7 +25,8 @@ a { <===> ================================================================================ <===> simple/unequal/input.scss -a {b: is-superselector(":is(c)", "d")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c)", "d")} <===> simple/unequal/output.css a { @@ -34,7 +36,8 @@ a { <===> ================================================================================ <===> compound/superset/input.scss -a {b: is-superselector(":is(c.e)", "c.d.e")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c.e)", "c.d.e")} <===> compound/superset/output.css a { @@ -44,7 +47,8 @@ a { <===> ================================================================================ <===> compound/subset/input.scss -a {b: is-superselector(":is(c.d.e)", "c e")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c.d.e)", "c e")} <===> compound/subset/output.css a { @@ -54,7 +58,8 @@ a { <===> ================================================================================ <===> complex/superset/input.scss -a {b: is-superselector(":is(c e)", "c d e")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c e)", "c d e")} <===> complex/superset/output.css a { @@ -64,7 +69,8 @@ a { <===> ================================================================================ <===> complex/subset/input.scss -a {b: is-superselector(":is(c d e)", "c e")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c d e)", "c e")} <===> complex/subset/output.css a { @@ -74,7 +80,8 @@ a { <===> ================================================================================ <===> list/superset/input.scss -a {b: is-superselector(":is(c d, e f, g h)", "c d, e f")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c d, e f, g h)", "c d, e f")} <===> list/superset/output.css a { @@ -84,7 +91,8 @@ a { <===> ================================================================================ <===> list/subset/input.scss -a {b: is-superselector(":is(c d, e f)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c d, e f)", "c d, e f, g h")} <===> list/subset/output.css a { @@ -101,7 +109,8 @@ check on those two selectors in isolation. <===> ================================================================================ <===> both/superset/input.scss -a {b: is-superselector(":is(c d, e f, g h)", ":is(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c d, e f, g h)", ":is(c d.i, e j f)")} <===> both/superset/output.css a { @@ -111,7 +120,8 @@ a { <===> ================================================================================ <===> both/subset/input.scss -a {b: is-superselector(":is(c d.i, e j f)", ":is(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c d.i, e j f)", ":is(c d, e f, g h)")} <===> both/subset/output.css a { @@ -121,7 +131,8 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss -a {b: is-superselector(":-pfx-is(c d, e f, g h)", "c d.i, e j f")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-is(c d, e f, g h)", "c d.i, e j f")} <===> prefix/superset/output.css a { @@ -131,7 +142,8 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss -a {b: is-superselector(":-pfx-is(c d.i, e j f)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-is(c d.i, e j f)", "c d, e f, g h")} <===> prefix/subset/output.css a { @@ -147,7 +159,8 @@ semantics, because in practice they match different browsers. <===> ================================================================================ <===> not_superselector_of/any/input.scss -a {b: is-superselector(":is(c, d)", ":any(c, d)")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c, d)", ":any(c, d)")} <===> not_superselector_of/any/output.css a { @@ -157,7 +170,8 @@ a { <===> ================================================================================ <===> not_superselector_of/prefixed/input.scss -a {b: is-superselector(":is(c, d)", ":-pfx-is(c, d)")} +@use "sass:selector"; +a {b: selector.is-superselector(":is(c, d)", ":-pfx-is(c, d)")} <===> not_superselector_of/prefixed/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/matches.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/matches.hrx index 1ad100863..83d8f7fd2 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/matches.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/matches.hrx @@ -14,7 +14,8 @@ Most changes here should also be reflected in `is.hrx` and `where.hrx`. <===> ================================================================================ <===> simple/equal/input.scss -a {b: is-superselector(":matches(c)", "c")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c)", "c")} <===> simple/equal/output.css a { @@ -24,7 +25,8 @@ a { <===> ================================================================================ <===> simple/unequal/input.scss -a {b: is-superselector(":matches(c)", "d")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c)", "d")} <===> simple/unequal/output.css a { @@ -34,7 +36,8 @@ a { <===> ================================================================================ <===> compound/superset/input.scss -a {b: is-superselector(":matches(c.e)", "c.d.e")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c.e)", "c.d.e")} <===> compound/superset/output.css a { @@ -44,7 +47,8 @@ a { <===> ================================================================================ <===> compound/subset/input.scss -a {b: is-superselector(":matches(c.d.e)", "c e")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c.d.e)", "c e")} <===> compound/subset/output.css a { @@ -54,7 +58,8 @@ a { <===> ================================================================================ <===> complex/superset/input.scss -a {b: is-superselector(":matches(c e)", "c d e")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c e)", "c d e")} <===> complex/superset/output.css a { @@ -64,7 +69,8 @@ a { <===> ================================================================================ <===> complex/subset/input.scss -a {b: is-superselector(":matches(c d e)", "c e")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c d e)", "c e")} <===> complex/subset/output.css a { @@ -74,7 +80,8 @@ a { <===> ================================================================================ <===> list/superset/input.scss -a {b: is-superselector(":matches(c d, e f, g h)", "c d, e f")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c d, e f, g h)", "c d, e f")} <===> list/superset/output.css a { @@ -84,7 +91,8 @@ a { <===> ================================================================================ <===> list/subset/input.scss -a {b: is-superselector(":matches(c d, e f)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c d, e f)", "c d, e f, g h")} <===> list/subset/output.css a { @@ -101,7 +109,8 @@ check on those two selectors in isolation. <===> ================================================================================ <===> both/superset/input.scss -a {b: is-superselector(":matches(c d, e f, g h)", ":matches(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c d, e f, g h)", ":matches(c d.i, e j f)")} <===> both/superset/output.css a { @@ -111,7 +120,8 @@ a { <===> ================================================================================ <===> both/subset/input.scss -a {b: is-superselector(":matches(c d.i, e j f)", ":matches(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c d.i, e j f)", ":matches(c d, e f, g h)")} <===> both/subset/output.css a { @@ -121,7 +131,8 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss -a {b: is-superselector(":-pfx-matches(c d, e f, g h)", "c d.i, e j f")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-matches(c d, e f, g h)", "c d.i, e j f")} <===> prefix/superset/output.css a { @@ -131,7 +142,8 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss -a {b: is-superselector(":-pfx-matches(c d.i, e j f)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-matches(c d.i, e j f)", "c d, e f, g h")} <===> prefix/subset/output.css a { @@ -147,7 +159,8 @@ semantics, because in practice they match different browsers. <===> ================================================================================ <===> not_superselector_of/any/input.scss -a {b: is-superselector(":matches(c, d)", ":any(c, d)")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c, d)", ":any(c, d)")} <===> not_superselector_of/any/output.css a { @@ -157,7 +170,8 @@ a { <===> ================================================================================ <===> not_superselector_of/prefixed/input.scss -a {b: is-superselector(":matches(c, d)", ":-pfx-matches(c, d)")} +@use "sass:selector"; +a {b: selector.is-superselector(":matches(c, d)", ":-pfx-matches(c, d)")} <===> not_superselector_of/prefixed/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/not.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/not.hrx index 835a6f491..2d35a37b1 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/not.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/not.hrx @@ -1,5 +1,6 @@ <===> superset/input.scss -a {b: is-superselector(":not(c d, e f, g h)", ":not(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":not(c d, e f, g h)", ":not(c d.i, e j f)")} <===> superset/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> subset/input.scss -a {b: is-superselector(":not(c d.i, e j f)", ":not(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":not(c d.i, e j f)", ":not(c d, e f, g h)")} <===> subset/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> bare_sub/input.scss -a {b: is-superselector(":not(c d, e f, g h)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":not(c d, e f, g h)", "c d, e f, g h")} <===> bare_sub/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> type/input.scss -a {b: is-superselector(":not(c.d)", "e")} +@use "sass:selector"; +a {b: selector.is-superselector(":not(c.d)", "e")} <===> type/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> id/input.scss -a {b: is-superselector(":not(#c.d)", "#e")} +@use "sass:selector"; +a {b: selector.is-superselector(":not(#c.d)", "#e")} <===> id/output.css a { @@ -57,7 +62,8 @@ of elements matched by its selector gets, `:not(X, Y)` is equivalent to <===> ================================================================================ <===> equivalence/split_super/superset/input.scss -a {b: is-superselector(":not(c d):not(e f):not(g h)", ":not(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":not(c d):not(e f):not(g h)", ":not(c d.i, e j f)")} <===> equivalence/split_super/superset/output.css a { b: false; @@ -66,7 +72,8 @@ a { <===> ================================================================================ <===> equivalence/split_super/subset/input.scss -a {b: is-superselector(":not(c d.i):not(e j f)", ":not(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":not(c d.i):not(e j f)", ":not(c d, e f, g h)")} <===> equivalence/split_super/subset/output.css a { @@ -76,7 +83,8 @@ a { <===> ================================================================================ <===> equivalence/split_sub/superset/input.scss -a {b: is-superselector(":not(c d, e f, g h)", ":not(c d.i):not(e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":not(c d, e f, g h)", ":not(c d.i):not(e j f)")} <===> equivalence/split_sub/superset/output.css a { @@ -86,7 +94,8 @@ a { <===> ================================================================================ <===> equivalence/split_sub/subset/input.scss -a {b: is-superselector(":not(c d.i, e j f)", ":not(c d):not(e f):not(g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":not(c d.i, e j f)", ":not(c d):not(e f):not(g h)")} <===> equivalence/split_sub/subset/output.css a { @@ -96,7 +105,8 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss -a {b: is-superselector(":-pfx-not(c d, e f, g h)", ":-pfx-not(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-not(c d, e f, g h)", ":-pfx-not(c d.i, e j f)")} <===> prefix/superset/output.css a { @@ -106,7 +116,8 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss -a {b: is-superselector(":-pfx-not(c d.i, e j f)", ":-pfx-not(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-not(c d.i, e j f)", ":-pfx-not(c d, e f, g h)")} <===> prefix/subset/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/nth_child.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/nth_child.hrx index aee5cd1b2..5bee9772b 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/nth_child.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/nth_child.hrx @@ -1,6 +1,7 @@ <===> superset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":nth-child(n+1 of c d, e f, g h)", ":nth-child(n+1 of c d.i, e j f)"); } @@ -13,8 +14,9 @@ a { <===> ================================================================================ <===> subset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":nth-child(n+1 of c d.i, e j f)", ":nth-child(n+1 of c d, e f, g h)"); } @@ -27,7 +29,8 @@ a { <===> ================================================================================ <===> different_arg/input.scss -a {b: is-superselector(":nth-child(n+1 of c)", ":nth-child(n+2 of c)")} +@use "sass:selector"; +a {b: selector.is-superselector(":nth-child(n+1 of c)", ":nth-child(n+2 of c)")} <===> different_arg/output.css a { @@ -37,7 +40,8 @@ a { <===> ================================================================================ <===> bare_super/input.scss -a {b: is-superselector("c", ":nth-child(n+1 of c)")} +@use "sass:selector"; +a {b: selector.is-superselector("c", ":nth-child(n+1 of c)")} <===> bare_super/output.css a { @@ -47,7 +51,8 @@ a { <===> ================================================================================ <===> bare_sub/input.scss -a {b: is-superselector(":nth-child(n+1 of c d, e f, g h)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":nth-child(n+1 of c d, e f, g h)", "c d, e f, g h")} <===> bare_sub/output.css a { @@ -57,8 +62,9 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":-pfx-nth-child(n+1 of c d, e f, g h)", ":-pfx-nth-child(n+1 of c d.i, e j f)"); } @@ -71,8 +77,9 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":-pfx-nth-child(n+1 of c d.i, e j f)", ":-pfx-nth-child(n+1 of c d, e f, g h)"); } diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/nth_last_child.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/nth_last_child.hrx index 307750734..e2395a8d4 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/nth_last_child.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/nth_last_child.hrx @@ -1,6 +1,7 @@ <===> superset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":nth-last-child(n+1 of c d, e f, g h)", ":nth-last-child(n+1 of c d.i, e j f)"); } @@ -13,8 +14,9 @@ a { <===> ================================================================================ <===> subset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":nth-last-child(n+1 of c d.i, e j f)", ":nth-last-child(n+1 of c d, e f, g h)"); } @@ -27,8 +29,9 @@ a { <===> ================================================================================ <===> different_arg/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":nth-last-child(n+1 of c)", ":nth-last-child(n+2 of c)"); } @@ -41,7 +44,8 @@ a { <===> ================================================================================ <===> bare_super/input.scss -a {b: is-superselector("c", ":nth-last-child(n+1 of c)")} +@use "sass:selector"; +a {b: selector.is-superselector("c", ":nth-last-child(n+1 of c)")} <===> bare_super/output.css a { @@ -51,7 +55,8 @@ a { <===> ================================================================================ <===> bare_sub/input.scss -a {b: is-superselector(":nth-last-child(n+1 of c d, e f, g h)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":nth-last-child(n+1 of c d, e f, g h)", "c d, e f, g h")} <===> bare_sub/output.css a { @@ -61,8 +66,9 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":-pfx-nth-last-child(n+1 of c d, e f, g h)", ":-pfx-nth-last-child(n+1 of c d.i, e j f)"); } @@ -75,8 +81,9 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss +@use "sass:selector"; a { - b: is-superselector( + b: selector.is-superselector( ":-pfx-nth-last-child(n+1 of c d.i, e j f)", ":-pfx-nth-last-child(n+1 of c d, e f, g h)"); } diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/slotted.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/slotted.hrx index e67f49511..0b3461838 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/slotted.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/slotted.hrx @@ -1,5 +1,6 @@ <===> superset/input.scss -a {b: is-superselector("::slotted(c d, e f, g h)", "::slotted(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector("::slotted(c d, e f, g h)", "::slotted(c d.i, e j f)")} <===> superset/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> subset/input.scss -a {b: is-superselector("::slotted(c d.i, e j f)", "::slotted(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector("::slotted(c d.i, e j f)", "::slotted(c d, e f, g h)")} <===> subset/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> bare_sub/input.scss -a {b: is-superselector("::slotted(c d, e f, g h)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector("::slotted(c d, e f, g h)", "c d, e f, g h")} <===> bare_sub/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss -a {b: is-superselector("::-pfx-slotted(c d, e f, g h)", "::-pfx-slotted(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector("::-pfx-slotted(c d, e f, g h)", "::-pfx-slotted(c d.i, e j f)")} <===> prefix/superset/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss -a {b: is-superselector("::-pfx-slotted(c d.i, e j f)", "::-pfx-slotted(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector("::-pfx-slotted(c d.i, e j f)", "::-pfx-slotted(c d, e f, g h)")} <===> prefix/subset/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/where.hrx b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/where.hrx index ad371ca33..ca447d281 100644 --- a/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/where.hrx +++ b/spec/core_functions/selector/is_superselector/simple/pseudo/selector_arg/where.hrx @@ -14,7 +14,8 @@ Most changes here should also be reflected in `is.hrx` and `matches.hrx`. <===> ================================================================================ <===> simple/equal/input.scss -a {b: is-superselector(":where(c)", "c")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c)", "c")} <===> simple/equal/output.css a { @@ -24,7 +25,8 @@ a { <===> ================================================================================ <===> simple/unequal/input.scss -a {b: is-superselector(":where(c)", "d")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c)", "d")} <===> simple/unequal/output.css a { @@ -34,7 +36,8 @@ a { <===> ================================================================================ <===> compound/superset/input.scss -a {b: is-superselector(":where(c.e)", "c.d.e")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c.e)", "c.d.e")} <===> compound/superset/output.css a { @@ -44,7 +47,8 @@ a { <===> ================================================================================ <===> compound/subset/input.scss -a {b: is-superselector(":where(c.d.e)", "c e")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c.d.e)", "c e")} <===> compound/subset/output.css a { @@ -54,7 +58,8 @@ a { <===> ================================================================================ <===> complex/superset/input.scss -a {b: is-superselector(":where(c e)", "c d e")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c e)", "c d e")} <===> complex/superset/output.css a { @@ -64,7 +69,8 @@ a { <===> ================================================================================ <===> complex/subset/input.scss -a {b: is-superselector(":where(c d e)", "c e")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c d e)", "c e")} <===> complex/subset/output.css a { @@ -74,7 +80,8 @@ a { <===> ================================================================================ <===> list/superset/input.scss -a {b: is-superselector(":where(c d, e f, g h)", "c d, e f")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c d, e f, g h)", "c d, e f")} <===> list/superset/output.css a { @@ -84,7 +91,8 @@ a { <===> ================================================================================ <===> list/subset/input.scss -a {b: is-superselector(":where(c d, e f)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c d, e f)", "c d, e f, g h")} <===> list/subset/output.css a { @@ -101,7 +109,8 @@ check on those two selectors in isolation. <===> ================================================================================ <===> both/superset/input.scss -a {b: is-superselector(":where(c d, e f, g h)", ":where(c d.i, e j f)")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c d, e f, g h)", ":where(c d.i, e j f)")} <===> both/superset/output.css a { @@ -111,7 +120,8 @@ a { <===> ================================================================================ <===> both/subset/input.scss -a {b: is-superselector(":where(c d.i, e j f)", ":where(c d, e f, g h)")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c d.i, e j f)", ":where(c d, e f, g h)")} <===> both/subset/output.css a { @@ -121,7 +131,8 @@ a { <===> ================================================================================ <===> prefix/superset/input.scss -a {b: is-superselector(":-pfx-is(c d, e f, g h)", "c d.i, e j f")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-is(c d, e f, g h)", "c d.i, e j f")} <===> prefix/superset/output.css a { @@ -131,7 +142,8 @@ a { <===> ================================================================================ <===> prefix/subset/input.scss -a {b: is-superselector(":-pfx-is(c d.i, e j f)", "c d, e f, g h")} +@use "sass:selector"; +a {b: selector.is-superselector(":-pfx-is(c d.i, e j f)", "c d, e f, g h")} <===> prefix/subset/output.css a { @@ -147,7 +159,8 @@ semantics, because in practice they match different browsers. <===> ================================================================================ <===> not_superselector_of/any/input.scss -a {b: is-superselector(":where(c, d)", ":any(c, d)")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c, d)", ":any(c, d)")} <===> not_superselector_of/any/output.css a { @@ -157,7 +170,8 @@ a { <===> ================================================================================ <===> not_superselector_of/prefixed/input.scss -a {b: is-superselector(":where(c, d)", ":-pfx-where(c, d)")} +@use "sass:selector"; +a {b: selector.is-superselector(":where(c, d)", ":-pfx-where(c, d)")} <===> not_superselector_of/prefixed/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/type.hrx b/spec/core_functions/selector/is_superselector/simple/type.hrx index 195934b03..1b26b239d 100644 --- a/spec/core_functions/selector/is_superselector/simple/type.hrx +++ b/spec/core_functions/selector/is_superselector/simple/type.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: is-superselector("c", "c")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "c")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/input.scss -a {b: is-superselector("c", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "d")} <===> unequal/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> and_universal/input.scss -a {b: is-superselector("c", "*")} +@use "sass:selector"; +a {b: selector.is-superselector("c", "*")} <===> and_universal/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_explicit/equal/input.scss -a {b: is-superselector("c|d", "c|d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|d", "c|d")} <===> namespace/explicit/and_explicit/equal/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_explicit/unequal/input.scss -a {b: is-superselector("c|d", "e|d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|d", "e|d")} <===> namespace/explicit/and_explicit/unequal/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_implicit/input.scss -a {b: is-superselector("c|d", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|d", "d")} <===> namespace/explicit/and_implicit/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_empty/input.scss -a {b: is-superselector("c|d", "|d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|d", "|d")} <===> namespace/explicit/and_empty/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/input.scss -a {b: is-superselector("c|d", "*|d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|d", "*|d")} <===> namespace/explicit/and_universal/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_explicit/input.scss -a {b: is-superselector("|c", "d|c")} +@use "sass:selector"; +a {b: selector.is-superselector("|c", "d|c")} <===> namespace/empty/and_explicit/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_implicit/input.scss -a {b: is-superselector("|c", "c")} +@use "sass:selector"; +a {b: selector.is-superselector("|c", "c")} <===> namespace/empty/and_implicit/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_empty/input.scss -a {b: is-superselector("|c", "|c")} +@use "sass:selector"; +a {b: selector.is-superselector("|c", "|c")} <===> namespace/empty/and_empty/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/input.scss -a {b: is-superselector("|c", "*|c")} +@use "sass:selector"; +a {b: selector.is-superselector("|c", "*|c")} <===> namespace/empty/and_universal/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_explicit/input.scss -a {b: is-superselector("*|c", "d|c")} +@use "sass:selector"; +a {b: selector.is-superselector("*|c", "d|c")} <===> namespace/universal/and_explicit/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_implicit/input.scss -a {b: is-superselector("*|c", "c")} +@use "sass:selector"; +a {b: selector.is-superselector("*|c", "c")} <===> namespace/universal/and_implicit/output.css a { @@ -139,7 +153,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_empty/input.scss -a {b: is-superselector("*|c", "|c")} +@use "sass:selector"; +a {b: selector.is-superselector("*|c", "|c")} <===> namespace/universal/and_empty/output.css a { @@ -149,7 +164,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/input.scss -a {b: is-superselector("*|c", "*|c")} +@use "sass:selector"; +a {b: selector.is-superselector("*|c", "*|c")} <===> namespace/universal/and_universal/output.css a { diff --git a/spec/core_functions/selector/is_superselector/simple/universal.hrx b/spec/core_functions/selector/is_superselector/simple/universal.hrx index 89625b4dc..e237a51e1 100644 --- a/spec/core_functions/selector/is_superselector/simple/universal.hrx +++ b/spec/core_functions/selector/is_superselector/simple/universal.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: is-superselector("*", "*")} +@use "sass:selector"; +a {b: selector.is-superselector("*", "*")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> and_type/input.scss -a {b: is-superselector("*", "c")} +@use "sass:selector"; +a {b: selector.is-superselector("*", "c")} <===> and_type/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> and_class/input.scss -a {b: is-superselector("*", ".c")} +@use "sass:selector"; +a {b: selector.is-superselector("*", ".c")} <===> and_class/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_type/explicit/equal/input.scss -a {b: is-superselector("c|*", "c|d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", "c|d")} <===> namespace/explicit/and_type/explicit/equal/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_type/explicit/unequal/input.scss -a {b: is-superselector("c|*", "e|d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", "e|d")} <===> namespace/explicit/and_type/explicit/unequal/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_type/implicit/input.scss -a {b: is-superselector("c|*", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", "d")} <===> namespace/explicit/and_type/implicit/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_type/empty/input.scss -a {b: is-superselector("c|*", "|d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", "|d")} <===> namespace/explicit/and_type/empty/output.css a { @@ -73,7 +80,8 @@ a { :todo: <===> namespace/explicit/and_universal/explicit/equal/input.scss -a {b: is-superselector("c|*", "c|*")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", "c|*")} <===> namespace/explicit/and_universal/explicit/equal/output.css a { @@ -83,7 +91,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/explicit/unequal/input.scss -a {b: is-superselector("c|*", "d|*")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", "d|*")} <===> namespace/explicit/and_universal/explicit/unequal/output.css a { @@ -93,7 +102,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/implicit/input.scss -a {b: is-superselector("c|*", "*")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", "*")} <===> namespace/explicit/and_universal/implicit/output.css a { @@ -103,7 +113,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/empty/input.scss -a {b: is-superselector("c|*", "|*")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", "|*")} <===> namespace/explicit/and_universal/empty/output.css a { @@ -113,7 +124,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/universal/input.scss -a {b: is-superselector("c|*", "*|*")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", "*|*")} <===> namespace/explicit/and_universal/universal/output.css a { @@ -123,7 +135,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_class/input.scss -a {b: is-superselector("c|*", ".d")} +@use "sass:selector"; +a {b: selector.is-superselector("c|*", ".d")} <===> namespace/explicit/and_class/output.css a { @@ -133,7 +146,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_type/explicit/input.scss -a {b: is-superselector("|*", "c|d")} +@use "sass:selector"; +a {b: selector.is-superselector("|*", "c|d")} <===> namespace/empty/and_type/explicit/output.css a { @@ -143,7 +157,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_type/implicit/input.scss -a {b: is-superselector("|*", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("|*", "d")} <===> namespace/empty/and_type/implicit/output.css a { @@ -153,7 +168,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_type/empty/input.scss -a {b: is-superselector("|*", "|d")} +@use "sass:selector"; +a {b: selector.is-superselector("|*", "|d")} <===> namespace/empty/and_type/empty/output.css a { @@ -163,7 +179,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/explicit/input.scss -a {b: is-superselector("|*", "c|*")} +@use "sass:selector"; +a {b: selector.is-superselector("|*", "c|*")} <===> namespace/empty/and_universal/explicit/output.css a { @@ -173,7 +190,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/implicit/input.scss -a {b: is-superselector("|*", "*")} +@use "sass:selector"; +a {b: selector.is-superselector("|*", "*")} <===> namespace/empty/and_universal/implicit/output.css a { @@ -183,7 +201,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/empty/input.scss -a {b: is-superselector("|*", "|*")} +@use "sass:selector"; +a {b: selector.is-superselector("|*", "|*")} <===> namespace/empty/and_universal/empty/output.css a { @@ -193,7 +212,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/universal/input.scss -a {b: is-superselector("|*", "*|*")} +@use "sass:selector"; +a {b: selector.is-superselector("|*", "*|*")} <===> namespace/empty/and_universal/universal/output.css a { @@ -203,7 +223,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_class/input.scss -a {b: is-superselector("|*", ".d")} +@use "sass:selector"; +a {b: selector.is-superselector("|*", ".d")} <===> namespace/empty/and_class/output.css a { @@ -213,7 +234,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_type/explicit/input.scss -a {b: is-superselector("*|*", "c|d")} +@use "sass:selector"; +a {b: selector.is-superselector("*|*", "c|d")} <===> namespace/universal/and_type/explicit/output.css a { @@ -223,7 +245,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_type/implicit/input.scss -a {b: is-superselector("*|*", "d")} +@use "sass:selector"; +a {b: selector.is-superselector("*|*", "d")} <===> namespace/universal/and_type/implicit/output.css a { @@ -233,7 +256,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_type/empty/input.scss -a {b: is-superselector("*|*", "|d")} +@use "sass:selector"; +a {b: selector.is-superselector("*|*", "|d")} <===> namespace/universal/and_type/empty/output.css a { @@ -243,7 +267,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/explicit/input.scss -a {b: is-superselector("*|*", "c|*")} +@use "sass:selector"; +a {b: selector.is-superselector("*|*", "c|*")} <===> namespace/universal/and_universal/explicit/output.css a { @@ -253,7 +278,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/implicit/input.scss -a {b: is-superselector("*|*", "*")} +@use "sass:selector"; +a {b: selector.is-superselector("*|*", "*")} <===> namespace/universal/and_universal/implicit/output.css a { @@ -263,7 +289,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/empty/input.scss -a {b: is-superselector("*|*", "|*")} +@use "sass:selector"; +a {b: selector.is-superselector("*|*", "|*")} <===> namespace/universal/and_universal/empty/output.css a { @@ -273,7 +300,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/universal/input.scss -a {b: is-superselector("*|*", "*|*")} +@use "sass:selector"; +a {b: selector.is-superselector("*|*", "*|*")} <===> namespace/universal/and_universal/universal/output.css a { @@ -283,7 +311,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_class/input.scss -a {b: is-superselector("*|*", ".d")} +@use "sass:selector"; +a {b: selector.is-superselector("*|*", ".d")} <===> namespace/universal/and_class/output.css a { diff --git a/spec/core_functions/selector/nest/combinator.hrx b/spec/core_functions/selector/nest/combinator.hrx index 5fc67247f..fd12e04ce 100644 --- a/spec/core_functions/selector/nest/combinator.hrx +++ b/spec/core_functions/selector/nest/combinator.hrx @@ -1,5 +1,6 @@ <===> leading/initial/input.scss -a {b: selector-nest("> c", "d")} +@use "sass:selector"; +a {b: selector.nest("> c", "d")} <===> leading/initial/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> leading/final/input.scss -a {b: selector-nest("c", "+ d")} +@use "sass:selector"; +a {b: selector.nest("c", "+ d")} <===> leading/final/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> trailing/initial/input.scss -a {b: selector-nest("c ~", "d")} +@use "sass:selector"; +a {b: selector.nest("c ~", "d")} <===> trailing/initial/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> trailing/final/input.scss -a {b: selector-nest("c", "d >")} +@use "sass:selector"; +a {b: selector.nest("c", "d >")} <===> trailing/final/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> multiple/middle/input.scss -a {b: selector-nest("c > > d", "e")} +@use "sass:selector"; +a {b: selector.nest("c > > d", "e")} <===> multiple/middle/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> multiple/leading/initial/input.scss -a {b: selector-nest("~ ~ c", "d")} +@use "sass:selector"; +a {b: selector.nest("~ ~ c", "d")} <===> multiple/leading/initial/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> multiple/leading/final/input.scss -a {b: selector-nest("c", "+ > d")} +@use "sass:selector"; +a {b: selector.nest("c", "+ > d")} <===> multiple/leading/final/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> multiple/trailing/initial/input.scss -a {b: selector-nest("c > ~", "d")} +@use "sass:selector"; +a {b: selector.nest("c > ~", "d")} <===> multiple/trailing/initial/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> multiple/trailing/final/input.scss -a {b: selector-nest("c", "d + >")} +@use "sass:selector"; +a {b: selector.nest("c", "d + >")} <===> multiple/trailing/final/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> only/before/input.scss -a {b: selector-nest("~", "c")} +@use "sass:selector"; +a {b: selector.nest("~", "c")} <===> only/before/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> only/after/input.scss -a {b: selector-nest("c", "+")} +@use "sass:selector"; +a {b: selector.nest("c", "+")} <===> only/after/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> only/between/input.scss -a {b: selector-nest("c", ">", "d")} +@use "sass:selector"; +a {b: selector.nest("c", ">", "d")} <===> only/between/output.css a { diff --git a/spec/core_functions/selector/nest/error.hrx b/spec/core_functions/selector/nest/error.hrx index 1415ec7a3..df1907285 100644 --- a/spec/core_functions/selector/nest/error.hrx +++ b/spec/core_functions/selector/nest/error.hrx @@ -1,5 +1,20 @@ +<===> wrong_name/input.scss +@use "sass:selector"; +a {b: selector.selector-nest(c, d)} + +<===> wrong_name/error +Error: Undefined function. + , +2 | a {b: selector.selector-nest(c, d)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ <===> parent/first_arg/input.scss -a {b: selector-nest("&")} +@use "sass:selector"; +a {b: selector.nest("&")} <===> parent/first_arg/error Error: Parent selectors aren't allowed here. @@ -9,15 +24,16 @@ Error: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-nest("&")} +2 | a {b: selector.nest("&")} | ^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> parent/non_initial/input.scss -a {b: selector-nest("c", "[d]&")} +@use "sass:selector"; +a {b: selector.nest("c", "[d]&")} <===> parent/non_initial/error Error: "&" may only used at the beginning of a compound selector. @@ -27,15 +43,16 @@ Error: "&" may only used at the beginning of a compound selector. ' - 1:4 root stylesheet , -1 | a {b: selector-nest("c", "[d]&")} +2 | a {b: selector.nest("c", "[d]&")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> parent/prefix/input.scss -a {b: selector-nest("c", "d&")} +@use "sass:selector"; +a {b: selector.nest("c", "d&")} <===> parent/prefix/error Error: "&" may only used at the beginning of a compound selector. @@ -45,15 +62,16 @@ Error: "&" may only used at the beginning of a compound selector. ' - 1:2 root stylesheet , -1 | a {b: selector-nest("c", "d&")} +2 | a {b: selector.nest("c", "d&")} | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> invalid/initial/input.scss -a {b: selector-nest("[c")} +@use "sass:selector"; +a {b: selector.nest("[c")} <===> invalid/initial/error Error: expected more input. @@ -63,15 +81,16 @@ Error: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-nest("[c")} +2 | a {b: selector.nest("[c")} | ^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> invalid/later/input.scss -a {b: selector-nest("c", "[d")} +@use "sass:selector"; +a {b: selector.nest("c", "[d")} <===> invalid/later/error Error: expected more input. @@ -81,49 +100,52 @@ Error: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-nest("c", "[d")} +2 | a {b: selector.nest("c", "[d")} | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> type/initial/input.scss -a {b: selector-nest(1)} +@use "sass:selector"; +a {b: selector.nest(1)} <===> type/initial/error Error: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-nest(1)} +2 | a {b: selector.nest(1)} | ^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> type/later/input.scss -a {b: selector-nest("c", 1)} +@use "sass:selector"; +a {b: selector.nest("c", 1)} <===> type/later/error Error: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-nest("c", 1)} +2 | a {b: selector.nest("c", 1)} | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_few_args/input.scss -a {b: selector-nest()} +@use "sass:selector"; +a {b: selector.nest()} <===> too_few_args/error Error: $selectors: At least one selector must be passed. , -1 | a {b: selector-nest()} +2 | a {b: selector.nest()} | ^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/nest/format.hrx b/spec/core_functions/selector/nest/format.hrx index 146859ad8..f691061b5 100644 --- a/spec/core_functions/selector/nest/format.hrx +++ b/spec/core_functions/selector/nest/format.hrx @@ -7,7 +7,8 @@ spec just verifies one example for each parameter. <===> ================================================================================ <===> format/input/initial/input.scss -a {b: selector-nest((c, d e), "f")} +@use "sass:selector"; +a {b: selector.nest((c, d e), "f")} <===> format/input/initial/output.css a { @@ -17,7 +18,8 @@ a { <===> ================================================================================ <===> format/input/later/input.scss -a {b: selector-nest("c", (d, e f))} +@use "sass:selector"; +a {b: selector.nest("c", (d, e f))} <===> format/input/later/output.css a { diff --git a/spec/core_functions/selector/nest/list.hrx b/spec/core_functions/selector/nest/list.hrx index 6b46dcd1b..100384138 100644 --- a/spec/core_functions/selector/nest/list.hrx +++ b/spec/core_functions/selector/nest/list.hrx @@ -1,5 +1,6 @@ <===> list/initial/input.scss -a {b: selector-nest("c, d", "e")} +@use "sass:selector"; +a {b: selector.nest("c, d", "e")} <===> list/initial/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> list/final/input.scss -a {b: selector-nest("c", "d, e")} +@use "sass:selector"; +a {b: selector.nest("c", "d, e")} <===> list/final/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> list/many/input.scss -a {b: selector-nest("c, d", "e, f", "g, h")} +@use "sass:selector"; +a {b: selector.nest("c, d", "e, f", "g, h")} <===> list/many/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> list/parent/alone/input.scss -a {b: selector-nest("c, d", "&")} +@use "sass:selector"; +a {b: selector.nest("c, d", "&")} <===> list/parent/alone/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> list/parent/compound/input.scss -a {b: selector-nest("c, d", "&.e")} +@use "sass:selector"; +a {b: selector.nest("c, d", "&.e")} <===> list/parent/compound/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> list/parent/suffix/input.scss -a {b: selector-nest("c, d", "&e")} +@use "sass:selector"; +a {b: selector.nest("c, d", "&e")} <===> list/parent/suffix/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> list/parent/complex/input.scss -a {b: selector-nest("c, d", "e &.f")} +@use "sass:selector"; +a {b: selector.nest("c, d", "e &.f")} <===> list/parent/complex/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> list/parent/selector_pseudo/is/input.scss -a {b: selector-nest("c, d", ":is(&)")} +@use "sass:selector"; +a {b: selector.nest("c, d", ":is(&)")} <===> list/parent/selector_pseudo/is/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> list/parent/selector_pseudo/where/input.scss -a {b: selector-nest("c, d", ":where(&)")} +@use "sass:selector"; +a {b: selector.nest("c, d", ":where(&)")} <===> list/parent/selector_pseudo/where/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> list/parent/selector_pseudo/matches/input.scss -a {b: selector-nest("c, d", ":matches(&)")} +@use "sass:selector"; +a {b: selector.nest("c, d", ":matches(&)")} <===> list/parent/selector_pseudo/matches/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> list/parent/multiple/input.scss -a {b: selector-nest("c, d", "&.e &.f")} +@use "sass:selector"; +a {b: selector.nest("c, d", "&.e &.f")} <===> list/parent/multiple/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> list/parent/in_one_complex/input.scss -a {b: selector-nest("c, d", "&.e, f")} +@use "sass:selector"; +a {b: selector.nest("c, d", "&.e, f")} <===> list/parent/in_one_complex/output.css a { diff --git a/spec/core_functions/selector/nest/many_args.hrx b/spec/core_functions/selector/nest/many_args.hrx index 9c64b1c12..20b2c6789 100644 --- a/spec/core_functions/selector/nest/many_args.hrx +++ b/spec/core_functions/selector/nest/many_args.hrx @@ -1,5 +1,6 @@ <===> input.scss -a {b: selector-nest("c", "d", "e", "f", "g")} +@use "sass:selector"; +a {b: selector.nest("c", "d", "e", "f", "g")} <===> output.css a { diff --git a/spec/core_functions/selector/nest/one_arg.hrx b/spec/core_functions/selector/nest/one_arg.hrx index f67d34919..66377fbb9 100644 --- a/spec/core_functions/selector/nest/one_arg.hrx +++ b/spec/core_functions/selector/nest/one_arg.hrx @@ -1,5 +1,6 @@ <===> input.scss -a {b: selector-nest("c")} +@use "sass:selector"; +a {b: selector.nest("c")} <===> output.css a { diff --git a/spec/core_functions/selector/nest/parent.hrx b/spec/core_functions/selector/nest/parent.hrx index 83af8131c..78e55f29f 100644 --- a/spec/core_functions/selector/nest/parent.hrx +++ b/spec/core_functions/selector/nest/parent.hrx @@ -1,5 +1,6 @@ <===> alone/input.scss -a {b: selector-nest("c", "&")} +@use "sass:selector"; +a {b: selector.nest("c", "&")} <===> alone/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> compound/input.scss -a {b: selector-nest("c", "&.d")} +@use "sass:selector"; +a {b: selector.nest("c", "&.d")} <===> compound/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> suffix/input.scss -a {b: selector-nest("c", "&d")} +@use "sass:selector"; +a {b: selector.nest("c", "&d")} <===> suffix/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> complex/simple_parent/input.scss -a {b: selector-nest("c", "d &.e")} +@use "sass:selector"; +a {b: selector.nest("c", "d &.e")} <===> complex/simple_parent/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> complex/complex_parent/input.scss -a {b: selector-nest("c d", "e &.f")} +@use "sass:selector"; +a {b: selector.nest("c d", "e &.f")} <===> complex/complex_parent/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> selector_pseudo/simple_parent/is/input.scss -a {b: selector-nest("c", ":is(&)")} +@use "sass:selector"; +a {b: selector.nest("c", ":is(&)")} <===> selector_pseudo/simple_parent/is/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> selector_pseudo/simple_parent/where/input.scss -a {b: selector-nest("c", ":where(&)")} +@use "sass:selector"; +a {b: selector.nest("c", ":where(&)")} <===> selector_pseudo/simple_parent/where/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> selector_pseudo/simple_parent/matches/input.scss -a {b: selector-nest("c", ":matches(&)")} +@use "sass:selector"; +a {b: selector.nest("c", ":matches(&)")} <===> selector_pseudo/simple_parent/matches/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> selector_pseudo/complex_parent/is/input.scss -a {b: selector-nest("c d", ":is(&)")} +@use "sass:selector"; +a {b: selector.nest("c d", ":is(&)")} <===> selector_pseudo/complex_parent/is/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> selector_pseudo/complex_parent/where/input.scss -a {b: selector-nest("c d", ":where(&)")} +@use "sass:selector"; +a {b: selector.nest("c d", ":where(&)")} <===> selector_pseudo/complex_parent/where/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> selector_pseudo/complex_parent/matches/input.scss -a {b: selector-nest("c d", ":matches(&)")} +@use "sass:selector"; +a {b: selector.nest("c d", ":matches(&)")} <===> selector_pseudo/complex_parent/matches/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> multiple/input.scss -a {b: selector-nest("c", "&.d &.e")} +@use "sass:selector"; +a {b: selector.nest("c", "&.d &.e")} <===> multiple/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> in_one_complex/input.scss -a {b: selector-nest("c", "&.d, e")} +@use "sass:selector"; +a {b: selector.nest("c", "&.d, e")} <===> in_one_complex/output.css a { diff --git a/spec/core_functions/selector/parse/error.hrx b/spec/core_functions/selector/parse/error.hrx index 7532da5f0..df627bca0 100644 --- a/spec/core_functions/selector/parse/error.hrx +++ b/spec/core_functions/selector/parse/error.hrx @@ -1,5 +1,6 @@ <===> parent/input.scss -a {b: selector-parse("&")} +@use "sass:selector"; +a {b: selector.parse("&")} <===> parent/error Error: $selector: Parent selectors aren't allowed here. @@ -9,15 +10,16 @@ Error: $selector: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-parse("&")} +2 | a {b: selector.parse("&")} | ^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> parse/invalid/input.scss -a {b: selector-parse("[c")} +@use "sass:selector"; +a {b: selector.parse("[c")} <===> parse/invalid/error Error: $selector: expected more input. @@ -27,15 +29,16 @@ Error: $selector: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-parse("[c")} +2 | a {b: selector.parse("[c")} | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> parse/extra/input.scss -a {b: selector-parse("c {")} +@use "sass:selector"; +a {b: selector.parse("c {")} <===> parse/extra/error Error: $selector: expected selector. @@ -45,127 +48,151 @@ Error: $selector: expected selector. ' - 1:3 root stylesheet , -1 | a {b: selector-parse("c {")} +2 | a {b: selector.parse("c {")} | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_nested/input.scss -a {b: selector-parse((append((), append((), c)),))} +@use "sass:list"; +@use "sass:selector"; +a {b: selector.parse((list.append((), list.append((), c)),))} <===> too_nested/error Error: $selector: (c,) is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-parse((append((), append((), c)),))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | a {b: selector.parse((list.append((), list.append((), c)),))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 3:7 root stylesheet <===> ================================================================================ <===> inner_comma/input.scss -a {b: selector-parse(((c,),))} +@use "sass:selector"; +a {b: selector.parse(((c,),))} <===> inner_comma/error Error: $selector: ((c,),) is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-parse(((c,),))} +2 | a {b: selector.parse(((c,),))} | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> outer_space/input.scss -a {b: selector-parse(append((), append((), c)))} +@use "sass:list"; +@use "sass:selector"; +a {b: selector.parse(list.append((), list.append((), c)))} <===> outer_space/error Error: $selector: c is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-parse(append((), append((), c)))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | a {b: selector.parse(list.append((), list.append((), c)))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 3:7 root stylesheet <===> ================================================================================ <===> slash_list/top_level/input.scss +@use "sass:selector"; @use "sass:list"; -a {b: selector-parse(list.slash(c d, e f))} +a {b: selector.parse(list.slash(c d, e f))} <===> slash_list/top_level/error Error: $selector: c d / e f is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -2 | a {b: selector-parse(list.slash(c d, e f))} +3 | a {b: selector.parse(list.slash(c d, e f))} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:7 root stylesheet + input.scss 3:7 root stylesheet <===> ================================================================================ <===> slash_list/in_comma_list/input.scss +@use "sass:selector"; @use "sass:list"; -a {b: selector-parse((list.slash(c, d), list.slash(e, f)))} +a {b: selector.parse((list.slash(c, d), list.slash(e, f)))} <===> slash_list/in_comma_list/error Error: $selector: c / d, e / f is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -2 | a {b: selector-parse((list.slash(c, d), list.slash(e, f)))} +3 | a {b: selector.parse((list.slash(c, d), list.slash(e, f)))} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:7 root stylesheet + input.scss 3:7 root stylesheet <===> ================================================================================ <===> type/input.scss -a {b: selector-parse(1)} +@use "sass:selector"; +a {b: selector.parse(1)} <===> type/error Error: $selector: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-parse(1)} +2 | a {b: selector.parse(1)} | ^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> wrong_name/input.scss +@use "sass:selector"; +a {b: selector.selector-parse(".c.d")} + +<===> wrong_name/error +Error: Undefined function. + , +2 | a {b: selector.selector-parse(".c.d")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_many_args/input.scss -a {b: selector-parse(c, d)} +@use "sass:selector"; +a {b: selector.parse(c, d)} <===> too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: selector-parse(c, d)} +2 | a {b: selector.parse(c, d)} | ^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:selector 1 | @function parse($selector) { | ================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_few_args/input.scss -a {b: selector-parse()} +@use "sass:selector"; +a {b: selector.parse()} <===> too_few_args/error Error: Missing argument $selector. ,--> input.scss -1 | a {b: selector-parse()} +2 | a {b: selector.parse()} | ^^^^^^^^^^^^^^^^ invocation ' ,--> sass:selector 1 | @function parse($selector) { | ================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/parse/named.hrx b/spec/core_functions/selector/parse/named.hrx index 28c272b1f..b33c3dddc 100644 --- a/spec/core_functions/selector/parse/named.hrx +++ b/spec/core_functions/selector/parse/named.hrx @@ -1,5 +1,6 @@ <===> input.scss -a {b: selector-parse($selector: "c")} +@use "sass:selector"; +a {b: selector.parse($selector: "c")} <===> output.css a { diff --git a/spec/core_functions/selector/parse/selector.hrx b/spec/core_functions/selector/parse/selector.hrx index fe1490032..0743bcad7 100644 --- a/spec/core_functions/selector/parse/selector.hrx +++ b/spec/core_functions/selector/parse/selector.hrx @@ -1,5 +1,6 @@ <===> simple/type/input.scss -a {b: selector-parse("c")} +@use "sass:selector"; +a {b: selector.parse("c")} <===> simple/type/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> simple/class/input.scss -a {b: selector-parse(".c")} +@use "sass:selector"; +a {b: selector.parse(".c")} <===> simple/class/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> simple/id/input.scss -a {b: selector-parse("#c")} +@use "sass:selector"; +a {b: selector.parse("#c")} <===> simple/id/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> simple/placeholder/input.scss -a {b: selector-parse("%c")} +@use "sass:selector"; +a {b: selector.parse("%c")} <===> simple/placeholder/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> simple/attribute/input.scss -a {b: selector-parse("[c^=d]")} +@use "sass:selector"; +a {b: selector.parse("[c^=d]")} <===> simple/attribute/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> simple/universal/input.scss -a {b: selector-parse("*")} +@use "sass:selector"; +a {b: selector.parse("*")} <===> simple/universal/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> simple/pseudo/class/no_arg/input.scss -a {b: selector-parse(":c")} +@use "sass:selector"; +a {b: selector.parse(":c")} <===> simple/pseudo/class/no_arg/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> simple/pseudo/class/arg/input.scss -a {b: selector-parse(":c(@#$)")} +@use "sass:selector"; +a {b: selector.parse(":c(@#$)")} <===> simple/pseudo/class/arg/output.css a { @@ -79,10 +87,12 @@ a { <===> ================================================================================ <===> simple/pseudo/class/selector_arg/is/input.scss -$result: selector-parse(":is(b, c)"); +@use "sass:list"; +@use "sass:selector"; +$result: selector.parse(":is(b, c)"); a { result: $result; - structure: $result == (append((), ":is(b, c)"),); + structure: $result == (list.append((), ":is(b, c)"),); } <===> simple/pseudo/class/selector_arg/is/output.css @@ -94,10 +104,12 @@ a { <===> ================================================================================ <===> simple/pseudo/class/selector_arg/where/input.scss -$result: selector-parse(":where(b, c)"); +@use "sass:list"; +@use "sass:selector"; +$result: selector.parse(":where(b, c)"); a { result: $result; - structure: $result == (append((), ":where(b, c)"),); + structure: $result == (list.append((), ":where(b, c)"),); } <===> simple/pseudo/class/selector_arg/where/output.css @@ -109,10 +121,12 @@ a { <===> ================================================================================ <===> simple/pseudo/class/selector_arg/matches/input.scss -$result: selector-parse(":matches(b, c)"); +@use "sass:list"; +@use "sass:selector"; +$result: selector.parse(":matches(b, c)"); a { result: $result; - structure: $result == (append((), ":matches(b, c)"),); + structure: $result == (list.append((), ":matches(b, c)"),); } <===> simple/pseudo/class/selector_arg/matches/output.css @@ -124,10 +138,12 @@ a { <===> ================================================================================ <===> simple/pseudo/class/combined_arg/input.scss -$result: selector-parse(":nth-child(2n+1 of b, c)"); +@use "sass:list"; +@use "sass:selector"; +$result: selector.parse(":nth-child(2n+1 of b, c)"); a { result: $result; - structure: $result == (append((), ":nth-child(2n+1 of b, c)"),); + structure: $result == (list.append((), ":nth-child(2n+1 of b, c)"),); } <===> simple/pseudo/class/combined_arg/output.css @@ -139,7 +155,8 @@ a { <===> ================================================================================ <===> simple/pseudo/element/no_arg/input.scss -a {b: selector-parse("::c")} +@use "sass:selector"; +a {b: selector.parse("::c")} <===> simple/pseudo/element/no_arg/output.css a { @@ -149,7 +166,8 @@ a { <===> ================================================================================ <===> simple/pseudo/element/arg/input.scss -a {b: selector-parse("::c(@#$)")} +@use "sass:selector"; +a {b: selector.parse("::c(@#$)")} <===> simple/pseudo/element/arg/output.css a { @@ -159,10 +177,12 @@ a { <===> ================================================================================ <===> simple/pseudo/element/selector_arg/input.scss -$result: selector-parse("::slotted(b, c)"); +@use "sass:list"; +@use "sass:selector"; +$result: selector.parse("::slotted(b, c)"); a { result: $result; - structure: $result == (append((), "::slotted(b, c)"),); + structure: $result == (list.append((), "::slotted(b, c)"),); } <===> simple/pseudo/element/selector_arg/output.css @@ -174,10 +194,12 @@ a { <===> ================================================================================ <===> compound/input.scss -$result: selector-parse("b.c:d"); +@use "sass:list"; +@use "sass:selector"; +$result: selector.parse("b.c:d"); a { result: $result; - structure: $result == (append((), "b.c:d"),); + structure: $result == (list.append((), "b.c:d"),); } <===> compound/output.css @@ -189,7 +211,8 @@ a { <===> ================================================================================ <===> complex/descendant/input.scss -$result: selector-parse("b c d"); +@use "sass:selector"; +$result: selector.parse("b c d"); a { result: $result; structure: $result == (b c d,); @@ -204,7 +227,8 @@ a { <===> ================================================================================ <===> complex/sibling/input.scss -$result: selector-parse("b ~ c ~ d"); +@use "sass:selector"; +$result: selector.parse("b ~ c ~ d"); a { result: $result; structure: $result == (b "~" c "~" d,); @@ -219,7 +243,8 @@ a { <===> ================================================================================ <===> complex/adjacent_sibling/input.scss -$result: selector-parse("b + c + d"); +@use "sass:selector"; +$result: selector.parse("b + c + d"); a { result: $result; structure: $result == (b "+" c "+" d,); @@ -234,7 +259,8 @@ a { <===> ================================================================================ <===> complex/child/input.scss -$result: selector-parse("b > c > d"); +@use "sass:selector"; +$result: selector.parse("b > c > d"); a { result: $result; structure: $result == (b ">" c ">" d,); @@ -249,7 +275,8 @@ a { <===> ================================================================================ <===> complex/bogus/leading/input.scss -$result: selector-parse("> b"); +@use "sass:selector"; +$result: selector.parse("> b"); a { result: $result; structure: $result == (">" b,); @@ -264,7 +291,8 @@ a { <===> ================================================================================ <===> complex/bogus/trailing/input.scss -$result: selector-parse("b +"); +@use "sass:selector"; +$result: selector.parse("b +"); a { result: $result; structure: $result == (b "+",); @@ -279,7 +307,8 @@ a { <===> ================================================================================ <===> complex/bogus/multiple/middle/input.scss -$result: selector-parse("b + ~ c"); +@use "sass:selector"; +$result: selector.parse("b + ~ c"); a { result: $result; structure: $result == (b "+" "~" c,); @@ -294,7 +323,8 @@ a { <===> ================================================================================ <===> complex/bogus/multiple/trailing/input.scss -$result: selector-parse("b ~~"); +@use "sass:selector"; +$result: selector.parse("b ~~"); a { result: $result; structure: $result == (b "~" "~",); @@ -309,10 +339,12 @@ a { <===> ================================================================================ <===> complex/bogus/only/input.scss -$result: selector-parse(">"); +@use "sass:list"; +@use "sass:selector"; +$result: selector.parse(">"); a { result: $result; - structure: $result == (append((), ">"),); + structure: $result == (list.append((), ">"),); } <===> complex/bogus/only/output.css @@ -324,7 +356,8 @@ a { <===> ================================================================================ <===> list/input.scss -$result: selector-parse("b c, d e, f g"); +@use "sass:selector"; +$result: selector.parse("b c, d e, f g"); a { result: $result; structure: $result == (b c, d e, f g); diff --git a/spec/core_functions/selector/parse/structure.hrx b/spec/core_functions/selector/parse/structure.hrx index 7eacc0214..6eee6146a 100644 --- a/spec/core_functions/selector/parse/structure.hrx +++ b/spec/core_functions/selector/parse/structure.hrx @@ -1,5 +1,6 @@ <===> full_string/quoted/input.scss -a {b: selector-parse("c d, e f")} +@use "sass:selector"; +a {b: selector.parse("c d, e f")} <===> full_string/quoted/output.css a { @@ -9,7 +10,9 @@ a { <===> ================================================================================ <===> full_string/unquoted/input.scss -a {b: selector-parse(unquote("c d, e f"))} +@use "sass:selector"; +@use "sass:string"; +a {b: selector.parse(string.unquote("c d, e f"))} <===> full_string/unquoted/output.css a { @@ -19,7 +22,8 @@ a { <===> ================================================================================ <===> decomposed/full/quoted/input.scss -a {b: selector-parse(("c" "d", "e" "f"))} +@use "sass:selector"; +a {b: selector.parse(("c" "d", "e" "f"))} <===> decomposed/full/quoted/output.css a { @@ -29,7 +33,8 @@ a { <===> ================================================================================ <===> decomposed/full/unquoted/input.scss -a {b: selector-parse((c d, e f))} +@use "sass:selector"; +a {b: selector.parse((c d, e f))} <===> decomposed/full/unquoted/output.css a { @@ -39,7 +44,8 @@ a { <===> ================================================================================ <===> decomposed/full/mixed/input.scss -a {b: selector-parse((c "d", e "f"))} +@use "sass:selector"; +a {b: selector.parse((c "d", e "f"))} <===> decomposed/full/mixed/output.css a { @@ -49,7 +55,8 @@ a { <===> ================================================================================ <===> decomposed/partial/quoted/input.scss -a {b: selector-parse(("c d", "e f"))} +@use "sass:selector"; +a {b: selector.parse(("c d", "e f"))} <===> decomposed/partial/quoted/output.css a { @@ -59,7 +66,9 @@ a { <===> ================================================================================ <===> decomposed/partial/unquoted/input.scss -a {b: selector-parse((unquote("c d"), unquote("e f")))} +@use "sass:selector"; +@use "sass:string"; +a {b: selector.parse((string.unquote("c d"), string.unquote("e f")))} <===> decomposed/partial/unquoted/output.css a { @@ -69,7 +78,9 @@ a { <===> ================================================================================ <===> decomposed/partial/mixed/input.scss -a {b: selector-parse((c d, unquote("e f")))} +@use "sass:selector"; +@use "sass:string"; +a {b: selector.parse((c d, string.unquote("e f")))} <===> decomposed/partial/mixed/output.css a { @@ -79,7 +90,8 @@ a { <===> ================================================================================ <===> decomposed/middle/quoted/input.scss -a {b: selector-parse("c" "d, e" "f")} +@use "sass:selector"; +a {b: selector.parse("c" "d, e" "f")} <===> decomposed/middle/quoted/output.css a { @@ -89,7 +101,9 @@ a { <===> ================================================================================ <===> decomposed/middle/unquoted/input.scss -a {b: selector-parse(c unquote("d, e") f)} +@use "sass:selector"; +@use "sass:string"; +a {b: selector.parse(c string.unquote("d, e") f)} <===> decomposed/middle/unquoted/output.css a { @@ -99,7 +113,8 @@ a { <===> ================================================================================ <===> decomposed/middle/mixed/input.scss -a {b: selector-parse(c "d, e" f)} +@use "sass:selector"; +a {b: selector.parse(c "d, e" f)} <===> decomposed/middle/mixed/output.css a { @@ -109,7 +124,8 @@ a { <===> ================================================================================ <===> decomposed/complex/quoted/input.scss -a {b: selector-parse("c" "d" "e")} +@use "sass:selector"; +a {b: selector.parse("c" "d" "e")} <===> decomposed/complex/quoted/output.css a { @@ -119,7 +135,8 @@ a { <===> ================================================================================ <===> decomposed/complex/unquoted/input.scss -a {b: selector-parse(c d e)} +@use "sass:selector"; +a {b: selector.parse(c d e)} <===> decomposed/complex/unquoted/output.css a { @@ -129,7 +146,8 @@ a { <===> ================================================================================ <===> decomposed/complex/mixed/input.scss -a {b: selector-parse(c "d" e)} +@use "sass:selector"; +a {b: selector.parse(c "d" e)} <===> decomposed/complex/mixed/output.css a { diff --git a/spec/core_functions/selector/replace.hrx b/spec/core_functions/selector/replace.hrx index 3f551c61b..6578d0248 100644 --- a/spec/core_functions/selector/replace.hrx +++ b/spec/core_functions/selector/replace.hrx @@ -7,7 +7,8 @@ functions. <===> ================================================================================ <===> simple/input.scss -a {b: selector-replace("c", "c", "d")} +@use "sass:selector"; +a {b: selector.replace("c", "c", "d")} <===> simple/output.css a { @@ -17,7 +18,8 @@ a { <===> ================================================================================ <===> compound/input.scss -a {b: selector-replace("c.d", "c", "e")} +@use "sass:selector"; +a {b: selector.replace("c.d", "c", "e")} <===> compound/output.css a { @@ -27,7 +29,8 @@ a { <===> ================================================================================ <===> complex/input.scss -a {b: selector-replace("c d", "d", "e f")} +@use "sass:selector"; +a {b: selector.replace("c d", "d", "e f")} <===> complex/output.css a { @@ -37,7 +40,8 @@ a { <===> ================================================================================ <===> selector_pseudo/is/input.scss -a {b: selector-replace(":is(c)", "c", "d")} +@use "sass:selector"; +a {b: selector.replace(":is(c)", "c", "d")} <===> selector_pseudo/is/output.css a { @@ -47,7 +51,8 @@ a { <===> ================================================================================ <===> selector_pseudo/where/input.scss -a {b: selector-replace(":where(c)", "c", "d")} +@use "sass:selector"; +a {b: selector.replace(":where(c)", "c", "d")} <===> selector_pseudo/where/output.css a { @@ -57,7 +62,8 @@ a { <===> ================================================================================ <===> selector_pseudo/matches/input.scss -a {b: selector-replace(":matches(c)", "c", "d")} +@use "sass:selector"; +a {b: selector.replace(":matches(c)", "c", "d")} <===> selector_pseudo/matches/output.css a { @@ -67,7 +73,8 @@ a { <===> ================================================================================ <===> selector_pseudo/not/input.scss -a {b: selector-replace(":not(c)", "c", "d")} +@use "sass:selector"; +a {b: selector.replace(":not(c)", "c", "d")} <===> selector_pseudo/not/output.css a { @@ -77,7 +84,8 @@ a { <===> ================================================================================ <===> no_op/input.scss -a {b: selector-replace("c", "d", "e")} +@use "sass:selector"; +a {b: selector.replace("c", "d", "e")} <===> no_op/output.css a { @@ -87,7 +95,8 @@ a { <===> ================================================================================ <===> partial_no_op/input.scss -a {b: selector-replace("c, d", "d", "e")} +@use "sass:selector"; +a {b: selector.replace("c, d", "d", "e")} <===> partial_no_op/output.css a { @@ -105,7 +114,8 @@ spec just verifies one example for each parameter. <===> ================================================================================ <===> format/input/non_string/selector/input.scss -a {b: selector-replace((c, d c), "c", "e")} +@use "sass:selector"; +a {b: selector.replace((c, d c), "c", "e")} <===> format/input/non_string/selector/output.css a { @@ -115,7 +125,8 @@ a { <===> ================================================================================ <===> format/input/non_string/extendee/input.scss -a {b: selector-replace("c.d", (c, ".d"), ".e")} +@use "sass:selector"; +a {b: selector.replace("c.d", (c, ".d"), ".e")} <===> format/input/non_string/extendee/output.css a { @@ -125,7 +136,8 @@ a { <===> ================================================================================ <===> format/input/non_string/extender/input.scss -a {b: selector-replace("c", "c", (d, e f))} +@use "sass:selector"; +a {b: selector.replace("c", "c", (d, e f))} <===> format/input/non_string/extender/output.css a { @@ -135,7 +147,8 @@ a { <===> ================================================================================ <===> format/input/multiple_extendees/compound/input.scss -a {b: selector-replace("c.d", "c.d", ".e")} +@use "sass:selector"; +a {b: selector.replace("c.d", "c.d", ".e")} <===> format/input/multiple_extendees/compound/output.css a { @@ -145,7 +158,8 @@ a { <===> ================================================================================ <===> format/input/multiple_extendees/list/input.scss -a {b: selector-replace("c.d", "c, .d", ".e")} +@use "sass:selector"; +a {b: selector.replace("c.d", "c, .d", ".e")} <===> format/input/multiple_extendees/list/output.css a { @@ -155,7 +169,8 @@ a { <===> ================================================================================ <===> format/input/multiple_extendees/list_of_compound/input.scss -a {b: selector-replace("c.d.e.f", "c.d, .e.f", ".g")} +@use "sass:selector"; +a {b: selector.replace("c.d.e.f", "c.d, .e.f", ".g")} <===> format/input/multiple_extendees/list_of_compound/output.css a { @@ -165,7 +180,8 @@ a { <===> ================================================================================ <===> format/output/input.scss -$result: selector-replace("c d, e f", "g", "g"); +@use "sass:selector"; +$result: selector.replace("c d, e f", "g", "g"); a { result: $result; structure: $result == ("c" "d", "e" "f"); @@ -180,17 +196,33 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: selector-replace($selector: "c.d", $original: "c", $replacement: "e")} +@use "sass:selector"; +a {b: selector.replace($selector: "c.d", $original: "c", $replacement: "e")} <===> named/output.css a { b: e.d; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:selector"; +a {b: selector.selector-replace(c, c, d)} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: selector.selector-replace(c, c, d)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/selector/parent/input.scss -a {b: selector-replace("&", "c", "d")} +@use "sass:selector"; +a {b: selector.replace("&", "c", "d")} <===> error/selector/parent/error Error: $selector: Parent selectors aren't allowed here. @@ -200,15 +232,16 @@ Error: $selector: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-replace("&", "c", "d")} +2 | a {b: selector.replace("&", "c", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/selector/invalid/input.scss -a {b: selector-replace("[c", "d", "e")} +@use "sass:selector"; +a {b: selector.replace("[c", "d", "e")} <===> error/selector/invalid/error Error: $selector: expected more input. @@ -218,29 +251,31 @@ Error: $selector: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-replace("[c", "d", "e")} +2 | a {b: selector.replace("[c", "d", "e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/selector/type/input.scss -a {b: selector-replace(1, "c", "d")} +@use "sass:selector"; +a {b: selector.replace(1, "c", "d")} <===> error/selector/type/error Error: $selector: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-replace(1, "c", "d")} +2 | a {b: selector.replace(1, "c", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/extendee/parent/input.scss -a {b: selector-replace("c", "&", "d")} +@use "sass:selector"; +a {b: selector.replace("c", "&", "d")} <===> error/extendee/parent/error Error: $original: Parent selectors aren't allowed here. @@ -250,41 +285,44 @@ Error: $original: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-replace("c", "&", "d")} +2 | a {b: selector.replace("c", "&", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/extendee/complex/string/input.scss -a {b: selector-replace("c", "d e", "f")} +@use "sass:selector"; +a {b: selector.replace("c", "d e", "f")} <===> error/extendee/complex/string/error Error: Can't extend complex selector d e. , -1 | a {b: selector-replace("c", "d e", "f")} +2 | a {b: selector.replace("c", "d e", "f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/extendee/complex/list/input.scss -a {b: selector-replace("c", d e, "f")} +@use "sass:selector"; +a {b: selector.replace("c", d e, "f")} <===> error/extendee/complex/list/error Error: Can't extend complex selector d e. , -1 | a {b: selector-replace("c", d e, "f")} +2 | a {b: selector.replace("c", d e, "f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/extendee/invalid/input.scss -a {b: selector-replace("c", "[d", "e")} +@use "sass:selector"; +a {b: selector.replace("c", "[d", "e")} <===> error/extendee/invalid/error Error: $original: expected more input. @@ -294,29 +332,31 @@ Error: $original: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-replace("c", "[d", "e")} +2 | a {b: selector.replace("c", "[d", "e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/extendee/type/input.scss -a {b: selector-replace("c", 1, "d")} +@use "sass:selector"; +a {b: selector.replace("c", 1, "d")} <===> error/extendee/type/error Error: $original: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-replace("c", 1, "d")} +2 | a {b: selector.replace("c", 1, "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/extender/parent/input.scss -a {b: selector-replace("c", "d", "&")} +@use "sass:selector"; +a {b: selector.replace("c", "d", "&")} <===> error/extender/parent/error Error: $replacement: Parent selectors aren't allowed here. @@ -326,15 +366,16 @@ Error: $replacement: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-replace("c", "d", "&")} +2 | a {b: selector.replace("c", "d", "&")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/extender/invalid/input.scss -a {b: selector-replace("c", "d", "[e")} +@use "sass:selector"; +a {b: selector.replace("c", "d", "[e")} <===> error/extender/invalid/error Error: $replacement: expected more input. @@ -344,55 +385,58 @@ Error: $replacement: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-replace("c", "d", "[e")} +2 | a {b: selector.replace("c", "d", "[e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/extender/type/input.scss -a {b: selector-replace("c", "d", 1)} +@use "sass:selector"; +a {b: selector.replace("c", "d", 1)} <===> error/extender/type/error Error: $replacement: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-replace("c", "d", 1)} +2 | a {b: selector.replace("c", "d", 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: selector-replace("c", "d", "e", "f")} +@use "sass:selector"; +a {b: selector.replace("c", "d", "e", "f")} <===> error/too_many_args/error Error: Only 3 arguments allowed, but 4 were passed. ,--> input.scss -1 | a {b: selector-replace("c", "d", "e", "f")} +2 | a {b: selector.replace("c", "d", "e", "f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:selector 1 | @function replace($selector, $original, $replacement) { | =========================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: selector-replace("c", "d")} +@use "sass:selector"; +a {b: selector.replace("c", "d")} <===> error/too_few_args/error Error: Missing argument $replacement. ,--> input.scss -1 | a {b: selector-replace("c", "d")} +2 | a {b: selector.replace("c", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:selector 1 | @function replace($selector, $original, $replacement) { | =========================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/unify/chooses_superselector.hrx b/spec/core_functions/selector/unify/chooses_superselector.hrx index ad1550d5e..fef562e16 100644 --- a/spec/core_functions/selector/unify/chooses_superselector.hrx +++ b/spec/core_functions/selector/unify/chooses_superselector.hrx @@ -5,7 +5,8 @@ subselector is returned (since it's more specific). <===> ================================================================================ <===> whole_selector/selector1/input.scss -a {b: selector-unify("c", "d c.e")} +@use "sass:selector"; +a {b: selector.unify("c", "d c.e")} <===> whole_selector/selector1/output.css a { @@ -15,7 +16,8 @@ a { <===> ================================================================================ <===> whole_selector/selector2/input.scss -a {b: selector-unify("d c.e", "c")} +@use "sass:selector"; +a {b: selector.unify("d c.e", "c")} <===> whole_selector/selector2/output.css a { @@ -25,7 +27,8 @@ a { <===> ================================================================================ <===> parent/selector1/input.scss -a {b: selector-unify("c d", "c.e .f")} +@use "sass:selector"; +a {b: selector.unify("c d", "c.e .f")} <===> parent/selector1/output.css a { @@ -35,7 +38,8 @@ a { <===> ================================================================================ <===> parent/selector2/input.scss -a {b: selector-unify("c.e .f", "c d")} +@use "sass:selector"; +a {b: selector.unify("c.e .f", "c d")} <===> parent/selector2/output.css a { diff --git a/spec/core_functions/selector/unify/complex/combinators/child.hrx b/spec/core_functions/selector/unify/complex/combinators/child.hrx index eae9beae0..02ed415a6 100644 --- a/spec/core_functions/selector/unify/complex/combinators/child.hrx +++ b/spec/core_functions/selector/unify/complex/combinators/child.hrx @@ -1,5 +1,6 @@ <===> and_descendant/distinct/input.scss -a {b: selector-unify(".c > .d", ".e .f")} +@use "sass:selector"; +a {b: selector.unify(".c > .d", ".e .f")} <===> and_descendant/distinct/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> and_descendant/identical/input.scss -a {b: selector-unify(".c > .s1", ".c .s2")} +@use "sass:selector"; +a {b: selector.unify(".c > .s1", ".c .s2")} <===> and_descendant/identical/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> and_descendant/superselector/input.scss -a {b: selector-unify(".c.s1-1 > .s1-2", ".c .s2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 > .s1-2", ".c .s2")} <===> and_descendant/superselector/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> and_descendant/overlap/input.scss -a {b: selector-unify(".c.s1-1 > .s1-2", ".c.s2-1 .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 > .s1-2", ".c.s2-1 .s2-2")} <===> and_descendant/overlap/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> and_child/distinct/input.scss -a {b: selector-unify(".c > .d", ".e > .f")} +@use "sass:selector"; +a {b: selector.unify(".c > .d", ".e > .f")} <===> and_child/distinct/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> and_child/superselector/input.scss -a {b: selector-unify(".c.s1-1 > .s1-2", ".c > .s2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 > .s1-2", ".c > .s2")} <===> and_child/superselector/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> and_child/overlap/input.scss -a {b: selector-unify(".c.s1-1 > .s1-2", ".c.s2-1 > .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 > .s1-2", ".c.s2-1 > .s2-2")} <===> and_child/overlap/output.css a { @@ -69,7 +76,9 @@ a { <===> ================================================================================ <===> and_child/conflict/input.scss -a {b: inspect(selector-unify("#s1-1 > .s1-2", "#s2-1 > .s2-2"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("#s1-1 > .s1-2", "#s2-1 > .s2-2"))} <===> and_child/conflict/output.css a { @@ -79,7 +88,8 @@ a { <===> ================================================================================ <===> and_sibling/input.scss -a {b: selector-unify(".c > .s1", ".c ~ .s2")} +@use "sass:selector"; +a {b: selector.unify(".c > .s1", ".c ~ .s2")} <===> and_sibling/output.css a { @@ -89,7 +99,8 @@ a { <===> ================================================================================ <===> and_next_sibling/input.scss -a {b: selector-unify(".c > .s1", ".c + .s2")} +@use "sass:selector"; +a {b: selector.unify(".c > .s1", ".c + .s2")} <===> and_next_sibling/output.css a { diff --git a/spec/core_functions/selector/unify/complex/combinators/initial.hrx b/spec/core_functions/selector/unify/complex/combinators/initial.hrx index 360b30764..1f2b6cd2d 100644 --- a/spec/core_functions/selector/unify/complex/combinators/initial.hrx +++ b/spec/core_functions/selector/unify/complex/combinators/initial.hrx @@ -6,7 +6,8 @@ Any of these specs should pass with any combination of combinators. <===> ================================================================================ <===> only_one/selector1/input.scss -a {b: selector-unify("> .c", ".d")} +@use "sass:selector"; +a {b: selector.unify("> .c", ".d")} <===> only_one/selector1/output.css a { @@ -20,15 +21,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify("> .c", ".d")} +2 | a {b: selector.unify("> .c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> only_one/selector2/input.scss -a {b: selector-unify(".c", "~ .d")} +@use "sass:selector"; +a {b: selector.unify(".c", "~ .d")} <===> only_one/selector2/output.css a { @@ -42,15 +44,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify(".c", "~ .d")} +2 | a {b: selector.unify(".c", "~ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> same/input.scss -a {b: selector-unify("+ .c", "+ .d")} +@use "sass:selector"; +a {b: selector.unify("+ .c", "+ .d")} <===> same/output.css a { @@ -64,10 +67,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify("+ .c", "+ .d")} +2 | a {b: selector.unify("+ .c", "+ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $selector2: + .d is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -75,15 +78,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify("+ .c", "+ .d")} +2 | a {b: selector.unify("+ .c", "+ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> supersequence/contiguous/input.scss -a {b: selector-unify("+ ~ > .c", "> + ~ > > .d")} +@use "sass:selector"; +a {b: selector.unify("+ ~ > .c", "> + ~ > > .d")} <===> supersequence/contiguous/output.css @@ -94,10 +98,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify("+ ~ > .c", "> + ~ > > .d")} +2 | a {b: selector.unify("+ ~ > .c", "> + ~ > > .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $selector2: > + ~ > > .d is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -105,15 +109,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify("+ ~ > .c", "> + ~ > > .d")} +2 | a {b: selector.unify("+ ~ > .c", "> + ~ > > .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> supersequence/non_contiguous/input.scss -a {b: selector-unify("+ ~ > .c", "+ > ~ ~ > .d")} +@use "sass:selector"; +a {b: selector.unify("+ ~ > .c", "+ > ~ ~ > .d")} <===> supersequence/non_contiguous/output.css @@ -124,10 +129,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify("+ ~ > .c", "+ > ~ ~ > .d")} +2 | a {b: selector.unify("+ ~ > .c", "+ > ~ ~ > .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $selector2: + > ~ ~ > .d is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -135,15 +140,17 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify("+ ~ > .c", "+ > ~ ~ > .d")} +2 | a {b: selector.unify("+ ~ > .c", "+ > ~ ~ > .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> different/input.scss -a {b: inspect(selector-unify("+ ~ > .c", "+ > ~ ~ .d"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("+ ~ > .c", "+ > ~ ~ .d"))} <===> different/output.css a { @@ -157,10 +164,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: inspect(selector-unify("+ ~ > .c", "+ > ~ ~ .d"))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | a {b: meta.inspect(selector.unify("+ ~ > .c", "+ > ~ ~ .d"))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:15 root stylesheet + input.scss 3:20 root stylesheet DEPRECATION WARNING: $selector2: + > ~ ~ .d is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -168,7 +175,7 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: inspect(selector-unify("+ ~ > .c", "+ > ~ ~ .d"))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | a {b: meta.inspect(selector.unify("+ ~ > .c", "+ > ~ ~ .d"))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:15 root stylesheet + input.scss 3:20 root stylesheet diff --git a/spec/core_functions/selector/unify/complex/combinators/multiple.hrx b/spec/core_functions/selector/unify/complex/combinators/multiple.hrx index c3ae67a2f..de40f3110 100644 --- a/spec/core_functions/selector/unify/complex/combinators/multiple.hrx +++ b/spec/core_functions/selector/unify/complex/combinators/multiple.hrx @@ -1,5 +1,6 @@ <===> isolated/input.scss -a {b: selector-unify(".c > .d + .e", ".f .g ~ .h")} +@use "sass:selector"; +a {b: selector.unify(".c > .d + .e", ".f .g ~ .h")} <===> isolated/output.css a { @@ -16,7 +17,8 @@ random. Any of these specs should pass with any combination of combinators. <===> ================================================================================ <===> in_a_row/same/input.scss -a {b: selector-unify(".c + ~ > .d", ".e + ~ > .f")} +@use "sass:selector"; +a {b: selector.unify(".c + ~ > .d", ".e + ~ > .f")} <===> in_a_row/same/output.css @@ -27,10 +29,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify(".c + ~ > .d", ".e + ~ > .f")} +2 | a {b: selector.unify(".c + ~ > .d", ".e + ~ > .f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $selector2: .e + ~ > .f is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -38,15 +40,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify(".c + ~ > .d", ".e + ~ > .f")} +2 | a {b: selector.unify(".c + ~ > .d", ".e + ~ > .f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> in_a_row/supersequence/contiguous/input.scss -a {b: selector-unify(".c + ~ > .d", ".e > + ~ > > .f")} +@use "sass:selector"; +a {b: selector.unify(".c + ~ > .d", ".e > + ~ > > .f")} <===> in_a_row/supersequence/contiguous/output.css @@ -57,10 +60,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify(".c + ~ > .d", ".e > + ~ > > .f")} +2 | a {b: selector.unify(".c + ~ > .d", ".e > + ~ > > .f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $selector2: .e > + ~ > > .f is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -68,15 +71,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify(".c + ~ > .d", ".e > + ~ > > .f")} +2 | a {b: selector.unify(".c + ~ > .d", ".e > + ~ > > .f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> in_a_row/supersequence/non_contiguous/input.scss -a {b: selector-unify(".c + ~ > .d", ".e + > ~ ~ > .f")} +@use "sass:selector"; +a {b: selector.unify(".c + ~ > .d", ".e + > ~ ~ > .f")} <===> in_a_row/supersequence/non_contiguous/output.css @@ -87,10 +91,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify(".c + ~ > .d", ".e + > ~ ~ > .f")} +2 | a {b: selector.unify(".c + ~ > .d", ".e + > ~ ~ > .f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $selector2: .e + > ~ ~ > .f is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -98,15 +102,17 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-unify(".c + ~ > .d", ".e + > ~ ~ > .f")} +2 | a {b: selector.unify(".c + ~ > .d", ".e + > ~ ~ > .f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> in_a_row/different/input.scss -a {b: inspect(selector-unify(".c + ~ > .d", ".e + > ~ ~ .f"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(".c + ~ > .d", ".e + > ~ ~ .f"))} <===> in_a_row/different/output.css a { @@ -120,10 +126,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: inspect(selector-unify(".c + ~ > .d", ".e + > ~ ~ .f"))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | a {b: meta.inspect(selector.unify(".c + ~ > .d", ".e + > ~ ~ .f"))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:15 root stylesheet + input.scss 3:20 root stylesheet DEPRECATION WARNING: $selector2: .e + > ~ ~ .f is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -131,7 +137,7 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: inspect(selector-unify(".c + ~ > .d", ".e + > ~ ~ .f"))} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | a {b: meta.inspect(selector.unify(".c + ~ > .d", ".e + > ~ ~ .f"))} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:15 root stylesheet + input.scss 3:20 root stylesheet diff --git a/spec/core_functions/selector/unify/complex/combinators/next_sibling.hrx b/spec/core_functions/selector/unify/complex/combinators/next_sibling.hrx index 0a52eddb6..eaf45a435 100644 --- a/spec/core_functions/selector/unify/complex/combinators/next_sibling.hrx +++ b/spec/core_functions/selector/unify/complex/combinators/next_sibling.hrx @@ -1,5 +1,6 @@ <===> and_descendant/input.scss -a {b: selector-unify(".c + .s1", ".c .s2")} +@use "sass:selector"; +a {b: selector.unify(".c + .s1", ".c .s2")} <===> and_descendant/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> and_child/input.scss -a {b: selector-unify(".c + .s1", ".c > .s2")} +@use "sass:selector"; +a {b: selector.unify(".c + .s1", ".c > .s2")} <===> and_child/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> and_sibling/distinct/input.scss -a {b: selector-unify(".c + .d", ".e ~ .f")} +@use "sass:selector"; +a {b: selector.unify(".c + .d", ".e ~ .f")} <===> and_sibling/distinct/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> and_sibling/identical/input.scss -a {b: selector-unify(".c + .s1", ".c ~ .s2")} +@use "sass:selector"; +a {b: selector.unify(".c + .s1", ".c ~ .s2")} <===> and_sibling/identical/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> and_sibling/superselector/input.scss -a {b: selector-unify(".c.s1-1 + .s1-2", ".c ~ .s2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 + .s1-2", ".c ~ .s2")} <===> and_sibling/superselector/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> and_sibling/overlap/input.scss -a {b: selector-unify(".c.s1-1 + .s1-2", ".c.s2-1 ~ .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 + .s1-2", ".c.s2-1 ~ .s2-2")} <===> and_sibling/overlap/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> and_sibling/conflict/input.scss -a {b: selector-unify("#s1-1 + .s1-2", "#s2-1 ~ .s2-2")} +@use "sass:selector"; +a {b: selector.unify("#s1-1 + .s1-2", "#s2-1 ~ .s2-2")} <===> and_sibling/conflict/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> and_next_sibling/distinct/input.scss -a {b: selector-unify(".c + .d", ".e + .f")} +@use "sass:selector"; +a {b: selector.unify(".c + .d", ".e + .f")} <===> and_next_sibling/distinct/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> and_next_sibling/superselector/input.scss -a {b: selector-unify(".c.s1-1 + .s1-2", ".c + .s2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 + .s1-2", ".c + .s2")} <===> and_next_sibling/superselector/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> and_next_sibling/overlap/input.scss -a {b: selector-unify(".c.s1-1 + .s1-2", ".c.s2-1 + .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 + .s1-2", ".c.s2-1 + .s2-2")} <===> and_next_sibling/overlap/output.css a { @@ -99,7 +109,9 @@ a { <===> ================================================================================ <===> and_next_sibling/conflict/input.scss -a {b: inspect(selector-unify("#s1-1 + .s1-2", "#s2-1 + .s2-2"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("#s1-1 + .s1-2", "#s2-1 + .s2-2"))} <===> and_next_sibling/conflict/output.css a { diff --git a/spec/core_functions/selector/unify/complex/combinators/sibling.hrx b/spec/core_functions/selector/unify/complex/combinators/sibling.hrx index f7da089b3..bd58fabb1 100644 --- a/spec/core_functions/selector/unify/complex/combinators/sibling.hrx +++ b/spec/core_functions/selector/unify/complex/combinators/sibling.hrx @@ -1,5 +1,6 @@ <===> and_descendant/input.scss -a {b: selector-unify(".c ~ .s1", ".c .s2")} +@use "sass:selector"; +a {b: selector.unify(".c ~ .s1", ".c .s2")} <===> and_descendant/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> and_child/input.scss -a {b: selector-unify(".c ~ .s1", ".c > .s2")} +@use "sass:selector"; +a {b: selector.unify(".c ~ .s1", ".c > .s2")} <===> and_child/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> and_sibling/distinct/input.scss -a {b: selector-unify(".c ~ .d", ".e ~ .f")} +@use "sass:selector"; +a {b: selector.unify(".c ~ .d", ".e ~ .f")} <===> and_sibling/distinct/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> and_sibling/identical/input.scss -a {b: selector-unify(".c ~ .s1", ".c ~ .s2")} +@use "sass:selector"; +a {b: selector.unify(".c ~ .s1", ".c ~ .s2")} <===> and_sibling/identical/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> and_sibling/superselector/input.scss -a {b: selector-unify(".c.s1-1 ~ .s1-2", ".c ~ .s2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 ~ .s1-2", ".c ~ .s2")} <===> and_sibling/superselector/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> and_sibling/overlap/input.scss -a {b: selector-unify(".c.s1-1 ~ .s1-2", ".c.s2-1 ~ .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 ~ .s1-2", ".c.s2-1 ~ .s2-2")} <===> and_sibling/overlap/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> and_sibling/conflict/input.scss -a {b: selector-unify("#s1-1 ~ .s1-2", "#s2-1 ~ .s2-2")} +@use "sass:selector"; +a {b: selector.unify("#s1-1 ~ .s1-2", "#s2-1 ~ .s2-2")} <===> and_sibling/conflict/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> and_next_sibling/distinct/input.scss -a {b: selector-unify(".c ~ .d", ".e + .f")} +@use "sass:selector"; +a {b: selector.unify(".c ~ .d", ".e + .f")} <===> and_next_sibling/distinct/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> and_next_sibling/identical/input.scss -a {b: selector-unify(".c ~ .s1", ".c + .s2")} +@use "sass:selector"; +a {b: selector.unify(".c ~ .s1", ".c + .s2")} <===> and_next_sibling/identical/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> and_next_sibling/superselector/input.scss -a {b: selector-unify(".c.s1-1 ~ .s1-2", ".c + .s2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 ~ .s1-2", ".c + .s2")} <===> and_next_sibling/superselector/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> and_next_sibling/overlap/input.scss -a {b: selector-unify(".c.s1-1 ~ .s1-2", ".c.s2-1 + .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 ~ .s1-2", ".c.s2-1 + .s2-2")} <===> and_next_sibling/overlap/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> and_next_sibling/conflict/input.scss -a {b: selector-unify("#s1-1 ~ .s1-2", "#s2-1 + .s2-2")} +@use "sass:selector"; +a {b: selector.unify("#s1-1 ~ .s1-2", "#s2-1 + .s2-2")} <===> and_next_sibling/conflict/output.css a { diff --git a/spec/core_functions/selector/unify/complex/distinct.hrx b/spec/core_functions/selector/unify/complex/distinct.hrx index 1e3a123f0..1c1fc0fc2 100644 --- a/spec/core_functions/selector/unify/complex/distinct.hrx +++ b/spec/core_functions/selector/unify/complex/distinct.hrx @@ -1,5 +1,6 @@ <===> two_level/input.scss -a {b: selector-unify(".c .d", ".e .f")} +@use "sass:selector"; +a {b: selector.unify(".c .d", ".e .f")} <===> two_level/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> three_level/input.scss -a {b: selector-unify(".c .d .e", ".f .g .h")} +@use "sass:selector"; +a {b: selector.unify(".c .d .e", ".f .g .h")} <===> three_level/output.css a { diff --git a/spec/core_functions/selector/unify/complex/identical.hrx b/spec/core_functions/selector/unify/complex/identical.hrx index f14505bed..8e0129450 100644 --- a/spec/core_functions/selector/unify/complex/identical.hrx +++ b/spec/core_functions/selector/unify/complex/identical.hrx @@ -1,5 +1,6 @@ <===> two_level/input.scss -a {b: selector-unify(".c .s1", ".c .s2")} +@use "sass:selector"; +a {b: selector.unify(".c .s1", ".c .s2")} <===> two_level/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> three_level/outer/input.scss -a {b: selector-unify(".c .s1-1 .s1-2", ".c .s2-1 .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".c .s1-1 .s1-2", ".c .s2-1 .s2-2")} <===> three_level/outer/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> three_level/inner/input.scss -a {b: selector-unify(".s1-1 .d .s1-2", ".s2-1 .d .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".s1-1 .d .s1-2", ".s2-1 .d .s2-2")} <===> three_level/inner/output.css a { diff --git a/spec/core_functions/selector/unify/complex/lcs.hrx b/spec/core_functions/selector/unify/complex/lcs.hrx index 3c66a4332..ff564d0c8 100644 --- a/spec/core_functions/selector/unify/complex/lcs.hrx +++ b/spec/core_functions/selector/unify/complex/lcs.hrx @@ -6,9 +6,10 @@ where the most specific selector will be chosen as the canonical selector. <===> ================================================================================ <===> two_versus_one/input.scss +@use "sass:selector"; // The longest common subsequence is `.c .d`, which is longer than `.e`, so `.c // .d` gets unified while `.e` gets duplicated. -a {b: selector-unify(".c .d .e .s1", ".e .c .d .s2")} +a {b: selector.unify(".c .d .e .s1", ".e .c .d .s2")} <===> two_versus_one/output.css a { @@ -18,9 +19,10 @@ a { <===> ================================================================================ <===> three_versus_two/input.scss +@use "sass:selector"; // The longest common subsequence is `.c .d .e`, which is longer than `.f g`, so // `.c .d .e` gets unified while `.f .g` gets duplicated. -a {b: selector-unify(".c .d .e .f .g .s1", ".f .g .c .d .e .s2")} +a {b: selector.unify(".c .d .e .f .g .s1", ".f .g .c .d .e .s2")} <===> three_versus_two/output.css a { @@ -30,7 +32,8 @@ a { <===> ================================================================================ <===> non_contiguous/same_positions/input.scss -a {b: selector-unify(".s1-1 .c .d .s1-2 .e .s1-3", ".s2-1 .c .d .s2-2 .e .s2-3")} +@use "sass:selector"; +a {b: selector.unify(".s1-1 .c .d .s1-2 .e .s1-3", ".s2-1 .c .d .s2-2 .e .s2-3")} <===> non_contiguous/same_positions/output.css a { @@ -40,7 +43,8 @@ a { <===> ================================================================================ <===> non_contiguous/different_positions/input.scss -a {b: selector-unify(".s1-1 .c .d .s1-2 .e .s1-3", ".c .s2-1 .d .e .s2-2 .s2-3")} +@use "sass:selector"; +a {b: selector.unify(".s1-1 .c .d .s1-2 .e .s1-3", ".c .s2-1 .d .e .s2-2 .s2-3")} <===> non_contiguous/different_positions/output.css a { diff --git a/spec/core_functions/selector/unify/complex/overlap.hrx b/spec/core_functions/selector/unify/complex/overlap.hrx index 010463dd6..e901935c2 100644 --- a/spec/core_functions/selector/unify/complex/overlap.hrx +++ b/spec/core_functions/selector/unify/complex/overlap.hrx @@ -1,7 +1,8 @@ <===> class/input.scss +@use "sass:selector"; // Because neither compound selector containing `.c` is a superselector of the // other, they aren't unified. -a {b: selector-unify(".c.s1-1 .s1-2", ".c.s2-1 .s2-2")} +a {b: selector.unify(".c.s1-1 .s1-2", ".c.s2-1 .s2-2")} <===> class/output.css a { @@ -11,7 +12,8 @@ a { <===> ================================================================================ <===> id/no_unification/input.scss -a {b: selector-unify("#s1-1.c .s1-2", "#s2-1.c .s2-2")} +@use "sass:selector"; +a {b: selector.unify("#s1-1.c .s1-2", "#s2-1.c .s2-2")} <===> id/no_unification/output.css a { @@ -21,10 +23,11 @@ a { <===> ================================================================================ <===> id/forced_unification/input.scss +@use "sass:selector"; // Even though neither selector containing `#c` is a superselector of the other, // they're still unified because the selector can't meainingfully contain two // instances of `#c`. -a {b: selector-unify("#c.s1-1 .s1-2", "#c.s2-1 .s2-2")} +a {b: selector.unify("#c.s1-1 .s1-2", "#c.s2-1 .s2-2")} <===> id/forced_unification/output.css a { @@ -34,7 +37,8 @@ a { <===> ================================================================================ <===> pseudo_element/no_unification/input.scss -a {b: selector-unify("::s1-1.c .s1-2", "::s2-1.c .s2-2")} +@use "sass:selector"; +a {b: selector.unify("::s1-1.c .s1-2", "::s2-1.c .s2-2")} <===> pseudo_element/no_unification/output.css a { @@ -44,7 +48,8 @@ a { <===> ================================================================================ <===> pseudo_element/forced_unification/input.scss -a {b: selector-unify(".s1-1::c .s1-2", ".s2-1::c .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".s1-1::c .s1-2", ".s2-1::c .s2-2")} <===> pseudo_element/forced_unification/output.css a { diff --git a/spec/core_functions/selector/unify/complex/rootish.hrx b/spec/core_functions/selector/unify/complex/rootish.hrx index 302e3e628..797a05a45 100644 --- a/spec/core_functions/selector/unify/complex/rootish.hrx +++ b/spec/core_functions/selector/unify/complex/rootish.hrx @@ -5,7 +5,8 @@ All rootish selectors are expected to behave like `:root`, but we only test <===> ================================================================================ <===> root/in_one/selector1/two_layer/input.scss -a {b: selector-unify(":root .c", ".d .e")} +@use "sass:selector"; +a {b: selector.unify(":root .c", ".d .e")} <===> root/in_one/selector1/two_layer/output.css a { @@ -15,7 +16,8 @@ a { <===> ================================================================================ <===> root/in_one/selector1/three_layer/input.scss -a {b: selector-unify(":root .c .d", ".e .f")} +@use "sass:selector"; +a {b: selector.unify(":root .c .d", ".e .f")} <===> root/in_one/selector1/three_layer/output.css a { @@ -25,7 +27,8 @@ a { <===> ================================================================================ <===> root/in_one/selector2/two_layer/input.scss -a {b: selector-unify(".c .d", ":root .e")} +@use "sass:selector"; +a {b: selector.unify(".c .d", ":root .e")} <===> root/in_one/selector2/two_layer/output.css a { @@ -35,7 +38,8 @@ a { <===> ================================================================================ <===> root/in_one/selector2/three_layer/input.scss -a {b: selector-unify(".c .d", ":root .e .f")} +@use "sass:selector"; +a {b: selector.unify(".c .d", ":root .e .f")} <===> root/in_one/selector2/three_layer/output.css a { @@ -45,7 +49,9 @@ a { <===> ================================================================================ <===> root/in_both/cant_unify/input.scss -a {b: inspect(selector-unify("c:root .d", "e:root .f"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c:root .d", "e:root .f"))} <===> root/in_both/cant_unify/output.css a { @@ -55,7 +61,8 @@ a { <===> ================================================================================ <===> root/in_both/superselector/input.scss -a {b: selector-unify("c:root .d", ":root .e")} +@use "sass:selector"; +a {b: selector.unify("c:root .d", ":root .e")} <===> root/in_both/superselector/output.css a { @@ -65,7 +72,8 @@ a { <===> ================================================================================ <===> root/in_both/can_unify/input.scss -a {b: selector-unify(".c:root .d", ".e:root .f")} +@use "sass:selector"; +a {b: selector.unify(".c:root .d", ".e:root .f")} <===> root/in_both/can_unify/output.css a { @@ -75,7 +83,8 @@ a { <===> ================================================================================ <===> scope/input.scss -a {b: selector-unify(":scope .c", ".d .e")} +@use "sass:selector"; +a {b: selector.unify(":scope .c", ".d .e")} <===> scope/output.css a { @@ -85,7 +94,8 @@ a { <===> ================================================================================ <===> host/input.scss -a {b: selector-unify(":host .c", ".d .e")} +@use "sass:selector"; +a {b: selector.unify(":host .c", ".d .e")} <===> host/output.css a { @@ -95,7 +105,8 @@ a { <===> ================================================================================ <===> host_context/input.scss -a {b: selector-unify(":host-context(f g) .c", ".d .e")} +@use "sass:selector"; +a {b: selector.unify(":host-context(f g) .c", ".d .e")} <===> host_context/output.css a { @@ -105,7 +116,8 @@ a { <===> ================================================================================ <===> mixed/input.scss -a {b: selector-unify(":root .c .d", ":scope .e .f")} +@use "sass:selector"; +a {b: selector.unify(":root .c .d", ":scope .e .f")} <===> mixed/output.css a { diff --git a/spec/core_functions/selector/unify/complex/superselector.hrx b/spec/core_functions/selector/unify/complex/superselector.hrx index abb38f394..1d1ab0c05 100644 --- a/spec/core_functions/selector/unify/complex/superselector.hrx +++ b/spec/core_functions/selector/unify/complex/superselector.hrx @@ -1,5 +1,6 @@ <===> two_level/input.scss -a {b: selector-unify(".c.s1-1 .s1-2", ".c .s2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 .s1-2", ".c .s2")} <===> two_level/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> three_level/outer/input.scss -a {b: selector-unify(".c.s1-1 .s1-2 .s1-3", ".c .s2-1 .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".c.s1-1 .s1-2 .s1-3", ".c .s2-1 .s2-2")} <===> three_level/outer/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> three_level/inner/input.scss -a {b: selector-unify(".s1-1 .c.s1-2 .s1-3", ".s2-1 .c .s2-2")} +@use "sass:selector"; +a {b: selector.unify(".s1-1 .c.s1-2 .s1-3", ".s2-1 .c .s2-2")} <===> three_level/inner/output.css a { diff --git a/spec/core_functions/selector/unify/compound.hrx b/spec/core_functions/selector/unify/compound.hrx index a26bbb115..d289d4be0 100644 --- a/spec/core_functions/selector/unify/compound.hrx +++ b/spec/core_functions/selector/unify/compound.hrx @@ -1,5 +1,6 @@ <===> no_overlap/input.scss -a {b: selector-unify(".c.d", ".e.f")} +@use "sass:selector"; +a {b: selector.unify(".c.d", ".e.f")} <===> no_overlap/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> partial_overlap/input.scss -a {b: selector-unify(".c.d", ".d.e")} +@use "sass:selector"; +a {b: selector.unify(".c.d", ".d.e")} <===> partial_overlap/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> full_overlap/input.scss -a {b: selector-unify(".c.d", ".c.d")} +@use "sass:selector"; +a {b: selector.unify(".c.d", ".c.d")} <===> full_overlap/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> order/preserved_by_default/input.scss -a {b: selector-unify(".c.d", ".e.f")} +@use "sass:selector"; +a {b: selector.unify(".c.d", ".e.f")} <===> order/preserved_by_default/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> order/element_at_start/input.scss -a {b: selector-unify(".c", "d")} +@use "sass:selector"; +a {b: selector.unify(".c", "d")} <===> order/element_at_start/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> order/pseudo_element_at_end/input.scss -a {b: selector-unify("::c", ".d")} +@use "sass:selector"; +a {b: selector.unify("::c", ".d")} <===> order/pseudo_element_at_end/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> order/pseudo_class_at_end/input.scss -a {b: selector-unify(":c", ".d")} +@use "sass:selector"; +a {b: selector.unify(":c", ".d")} <===> order/pseudo_class_at_end/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> order/pseudo_element_after_pseudo_class/element_first/input.scss -a {b: selector-unify("::c", ":d")} +@use "sass:selector"; +a {b: selector.unify("::c", ":d")} <===> order/pseudo_element_after_pseudo_class/element_first/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> order/pseudo_element_after_pseudo_class/class_first/input.scss -a {b: selector-unify(":c", "::d")} +@use "sass:selector"; +a {b: selector.unify(":c", "::d")} <===> order/pseudo_element_after_pseudo_class/class_first/output.css a { diff --git a/spec/core_functions/selector/unify/error.hrx b/spec/core_functions/selector/unify/error.hrx index 0434da081..6cbf1a857 100644 --- a/spec/core_functions/selector/unify/error.hrx +++ b/spec/core_functions/selector/unify/error.hrx @@ -1,5 +1,6 @@ <===> selector1/parent/input.scss -a {b: selector-unify("&", "c")} +@use "sass:selector"; +a {b: selector.unify("&", "c")} <===> selector1/parent/error Error: $selector1: Parent selectors aren't allowed here. @@ -9,15 +10,16 @@ Error: $selector1: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-unify("&", "c")} +2 | a {b: selector.unify("&", "c")} | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> selector1/invalid/input.scss -a {b: selector-unify("[c", "d")} +@use "sass:selector"; +a {b: selector.unify("[c", "d")} <===> selector1/invalid/error Error: $selector1: expected more input. @@ -27,29 +29,31 @@ Error: $selector1: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-unify("[c", "d")} +2 | a {b: selector.unify("[c", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> selector1/type/input.scss -a {b: selector-unify(1, "c")} +@use "sass:selector"; +a {b: selector.unify(1, "c")} <===> selector1/type/error Error: $selector1: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-unify(1, "c")} +2 | a {b: selector.unify(1, "c")} | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> selector2/parent/input.scss -a {b: selector-unify("c", "&")} +@use "sass:selector"; +a {b: selector.unify("c", "&")} <===> selector2/parent/error Error: $selector2: Parent selectors aren't allowed here. @@ -59,15 +63,16 @@ Error: $selector2: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-unify("c", "&")} +2 | a {b: selector.unify("c", "&")} | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> selector2/invalid/input.scss -a {b: selector-unify("c", "[d")} +@use "sass:selector"; +a {b: selector.unify("c", "[d")} <===> selector2/invalid/error Error: $selector2: expected more input. @@ -77,21 +82,36 @@ Error: $selector2: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-unify("c", "[d")} +2 | a {b: selector.unify("c", "[d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> selector2/type/input.scss -a {b: selector-unify("c", 1)} +@use "sass:selector"; +a {b: selector.unify("c", 1)} <===> selector2/type/error Error: $selector2: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-unify("c", 1)} +2 | a {b: selector.unify("c", 1)} | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> wrong_name/input.scss +@use "sass:selector"; +a {b: selector.selector-unify(".c", ".d")} + +<===> wrong_name/error +Error: Undefined function. + , +2 | a {b: selector.selector-unify(".c", ".d")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/unify/format.hrx b/spec/core_functions/selector/unify/format.hrx index 7c721e51f..6a262fcf1 100644 --- a/spec/core_functions/selector/unify/format.hrx +++ b/spec/core_functions/selector/unify/format.hrx @@ -7,7 +7,8 @@ spec just verifies one example for each parameter. <===> ================================================================================ <===> input/non_string/selector1/input.scss -a {b: selector-unify((c, d c), ".e")} +@use "sass:selector"; +a {b: selector.unify((c, d c), ".e")} <===> input/non_string/selector1/output.css a { @@ -17,7 +18,8 @@ a { <===> ================================================================================ <===> input/non_string/selector2/input.scss -a {b: selector-unify(".e", (c, d c))} +@use "sass:selector"; +a {b: selector.unify(".e", (c, d c))} <===> input/non_string/selector2/output.css a { @@ -27,7 +29,8 @@ a { <===> ================================================================================ <===> input/two_lists/input.scss -a {b: selector-unify(".c, .d", ".e, .f")} +@use "sass:selector"; +a {b: selector.unify(".c, .d", ".e, .f")} <===> input/two_lists/output.css a { @@ -37,7 +40,8 @@ a { <===> ================================================================================ <===> output/input.scss -$result: selector-unify("c d, e f", ".g"); +@use "sass:selector"; +$result: selector.unify("c d, e f", ".g"); a { result: $result; structure: $result == ("c" "d.g", "e" "f.g"); diff --git a/spec/core_functions/selector/unify/simple/attribute.hrx b/spec/core_functions/selector/unify/simple/attribute.hrx index f2f1e685c..950596c35 100644 --- a/spec/core_functions/selector/unify/simple/attribute.hrx +++ b/spec/core_functions/selector/unify/simple/attribute.hrx @@ -1,5 +1,6 @@ <===> same/input.scss -a {b: selector-unify("[c]", "[c]")} +@use "sass:selector"; +a {b: selector.unify("[c]", "[c]")} <===> same/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> different/input.scss -a {b: selector-unify("[c]", "[d]")} +@use "sass:selector"; +a {b: selector.unify("[c]", "[d]")} <===> different/output.css a { diff --git a/spec/core_functions/selector/unify/simple/class.hrx b/spec/core_functions/selector/unify/simple/class.hrx index df971e9b3..09e2d19b2 100644 --- a/spec/core_functions/selector/unify/simple/class.hrx +++ b/spec/core_functions/selector/unify/simple/class.hrx @@ -1,5 +1,6 @@ <===> same/input.scss -a {b: selector-unify(".c", ".c")} +@use "sass:selector"; +a {b: selector.unify(".c", ".c")} <===> same/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> different/input.scss -a {b: selector-unify(".c", ".d")} +@use "sass:selector"; +a {b: selector.unify(".c", ".d")} <===> different/output.css a { diff --git a/spec/core_functions/selector/unify/simple/different_types.hrx b/spec/core_functions/selector/unify/simple/different_types.hrx index 9dd5a7282..cd78e96c7 100644 --- a/spec/core_functions/selector/unify/simple/different_types.hrx +++ b/spec/core_functions/selector/unify/simple/different_types.hrx @@ -1,5 +1,6 @@ <===> input.scss -a {b: selector-unify("c", "#d")} +@use "sass:selector"; +a {b: selector.unify("c", "#d")} <===> output.css a { diff --git a/spec/core_functions/selector/unify/simple/id.hrx b/spec/core_functions/selector/unify/simple/id.hrx index a00ed2b87..05b26b53e 100644 --- a/spec/core_functions/selector/unify/simple/id.hrx +++ b/spec/core_functions/selector/unify/simple/id.hrx @@ -1,5 +1,6 @@ <===> same/input.scss -a {b: selector-unify("#c", "#c")} +@use "sass:selector"; +a {b: selector.unify("#c", "#c")} <===> same/output.css a { @@ -9,7 +10,9 @@ a { <===> ================================================================================ <===> different/input.scss -a {b: inspect(selector-unify("#c", "#d"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("#c", "#d"))} <===> different/output.css a { diff --git a/spec/core_functions/selector/unify/simple/placeholder.hrx b/spec/core_functions/selector/unify/simple/placeholder.hrx index b5043d4d0..e945d0577 100644 --- a/spec/core_functions/selector/unify/simple/placeholder.hrx +++ b/spec/core_functions/selector/unify/simple/placeholder.hrx @@ -1,5 +1,6 @@ <===> same/input.scss -a {b: selector-unify("%c", "%c")} +@use "sass:selector"; +a {b: selector.unify("%c", "%c")} <===> same/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> different/input.scss -a {b: selector-unify("%c", "%d")} +@use "sass:selector"; +a {b: selector.unify("%c", "%d")} <===> different/output.css a { diff --git a/spec/core_functions/selector/unify/simple/pseudo.hrx b/spec/core_functions/selector/unify/simple/pseudo.hrx index 707597d67..939615029 100644 --- a/spec/core_functions/selector/unify/simple/pseudo.hrx +++ b/spec/core_functions/selector/unify/simple/pseudo.hrx @@ -1,5 +1,6 @@ <===> no_arg/class/same/input.scss -a {b: selector-unify(":c", ":c")} +@use "sass:selector"; +a {b: selector.unify(":c", ":c")} <===> no_arg/class/same/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> no_arg/class/different/input.scss -a {b: selector-unify(":c", ":d")} +@use "sass:selector"; +a {b: selector.unify(":c", ":d")} <===> no_arg/class/different/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> no_arg/element/same/input.scss -a {b: selector-unify("::c", "::c")} +@use "sass:selector"; +a {b: selector.unify("::c", "::c")} <===> no_arg/element/same/output.css a { @@ -29,7 +32,9 @@ a { <===> ================================================================================ <===> no_arg/element/different/input.scss -a {b: inspect(selector-unify("::c", "::d"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("::c", "::d"))} <===> no_arg/element/different/output.css a { @@ -39,7 +44,8 @@ a { <===> ================================================================================ <===> no_arg/different_syntax_same_semantics/before/input.scss -a {b: selector-unify(":before", "::before")} +@use "sass:selector"; +a {b: selector.unify(":before", "::before")} <===> no_arg/different_syntax_same_semantics/before/output.css a { @@ -49,7 +55,8 @@ a { <===> ================================================================================ <===> no_arg/different_syntax_same_semantics/after/input.scss -a {b: selector-unify(":after", "::after")} +@use "sass:selector"; +a {b: selector.unify(":after", "::after")} <===> no_arg/different_syntax_same_semantics/after/output.css a { @@ -59,7 +66,8 @@ a { <===> ================================================================================ <===> no_arg/different_syntax_same_semantics/first_line/input.scss -a {b: selector-unify(":first-line", "::first-line")} +@use "sass:selector"; +a {b: selector.unify(":first-line", "::first-line")} <===> no_arg/different_syntax_same_semantics/first_line/output.css a { @@ -69,7 +77,8 @@ a { <===> ================================================================================ <===> no_arg/different_syntax_same_semantics/first_letter/input.scss -a {b: selector-unify(":first-letter", "::first-letter")} +@use "sass:selector"; +a {b: selector.unify(":first-letter", "::first-letter")} <===> no_arg/different_syntax_same_semantics/first_letter/output.css a { @@ -79,7 +88,8 @@ a { <===> ================================================================================ <===> arg/class/same/input.scss -a {b: selector-unify(":c(@#$)", ":c(@#$)")} +@use "sass:selector"; +a {b: selector.unify(":c(@#$)", ":c(@#$)")} <===> arg/class/same/output.css a { @@ -89,7 +99,8 @@ a { <===> ================================================================================ <===> arg/class/different/input.scss -a {b: selector-unify(":c(@#$)", ":c(*&^)")} +@use "sass:selector"; +a {b: selector.unify(":c(@#$)", ":c(*&^)")} <===> arg/class/different/output.css a { @@ -99,7 +110,8 @@ a { <===> ================================================================================ <===> arg/element/same/input.scss -a {b: selector-unify("::c(@#$)", "::c(@#$)")} +@use "sass:selector"; +a {b: selector.unify("::c(@#$)", "::c(@#$)")} <===> arg/element/same/output.css a { @@ -109,7 +121,9 @@ a { <===> ================================================================================ <===> arg/element/different/input.scss -a {b: inspect(selector-unify("::c(@#$)", "::c(*&^)"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("::c(@#$)", "::c(*&^)"))} <===> arg/element/different/output.css a { @@ -119,7 +133,8 @@ a { <===> ================================================================================ <===> selector_arg/is/same/input.scss -a {b: selector-unify(":is(.c)", ":is(.c)")} +@use "sass:selector"; +a {b: selector.unify(":is(.c)", ":is(.c)")} <===> selector_arg/is/same/output.css a { @@ -129,7 +144,8 @@ a { <===> ================================================================================ <===> selector_arg/is/different/input.scss -a {b: selector-unify(":is(.c)", ":is(.d)")} +@use "sass:selector"; +a {b: selector.unify(":is(.c)", ":is(.d)")} <===> selector_arg/is/different/output.css a { @@ -139,7 +155,8 @@ a { <===> ================================================================================ <===> selector_arg/where/same/input.scss -a {b: selector-unify(":where(.c)", ":where(.c)")} +@use "sass:selector"; +a {b: selector.unify(":where(.c)", ":where(.c)")} <===> selector_arg/where/same/output.css a { @@ -149,7 +166,8 @@ a { <===> ================================================================================ <===> selector_arg/where/different/input.scss -a {b: selector-unify(":where(.c)", ":where(.d)")} +@use "sass:selector"; +a {b: selector.unify(":where(.c)", ":where(.d)")} <===> selector_arg/where/different/output.css a { @@ -159,7 +177,8 @@ a { <===> ================================================================================ <===> selector_arg/matches/same/input.scss -a {b: selector-unify(":matches(.c)", ":matches(.c)")} +@use "sass:selector"; +a {b: selector.unify(":matches(.c)", ":matches(.c)")} <===> selector_arg/matches/same/output.css a { @@ -169,7 +188,8 @@ a { <===> ================================================================================ <===> selector_arg/matches/different/input.scss -a {b: selector-unify(":matches(.c)", ":matches(.d)")} +@use "sass:selector"; +a {b: selector.unify(":matches(.c)", ":matches(.d)")} <===> selector_arg/matches/different/output.css a { @@ -179,7 +199,8 @@ a { <===> ================================================================================ <===> host/argless/host/argless/input.scss -a {b: selector-unify(":host", ":host")} +@use "sass:selector"; +a {b: selector.unify(":host", ":host")} <===> host/argless/host/argless/output.css a { @@ -189,7 +210,8 @@ a { <===> ================================================================================ <===> host/argless/host/arg/input.scss -a {b: selector-unify(":host", ":host(.c)")} +@use "sass:selector"; +a {b: selector.unify(":host", ":host(.c)")} <===> host/argless/host/arg/output.css a { @@ -199,7 +221,8 @@ a { <===> ================================================================================ <===> host/argless/host_context/left/input.scss -a {b: selector-unify(":host", ":host-context(.c)")} +@use "sass:selector"; +a {b: selector.unify(":host", ":host-context(.c)")} <===> host/argless/host_context/left/output.css a { @@ -209,7 +232,8 @@ a { <===> ================================================================================ <===> host/argless/host_context/right/input.scss -a {b: selector-unify(":host-context(.c)", ":host")} +@use "sass:selector"; +a {b: selector.unify(":host-context(.c)", ":host")} <===> host/argless/host_context/right/output.css a { @@ -219,7 +243,8 @@ a { <===> ================================================================================ <===> host/argless/selector_pseudo/left/input.scss -a {b: selector-unify(":host", ":is(.c)")} +@use "sass:selector"; +a {b: selector.unify(":host", ":is(.c)")} <===> host/argless/selector_pseudo/left/output.css a { @@ -229,7 +254,8 @@ a { <===> ================================================================================ <===> host/argless/selector_pseudo/right/input.scss -a {b: selector-unify(":is(.c)", ":host")} +@use "sass:selector"; +a {b: selector.unify(":is(.c)", ":host")} <===> host/argless/selector_pseudo/right/output.css a { @@ -239,7 +265,9 @@ a { <===> ================================================================================ <===> host/argless/pseudo/left/input.scss -a {b: inspect(selector-unify(":host", ":hover"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(":host", ":hover"))} <===> host/argless/pseudo/left/output.css a { @@ -249,7 +277,9 @@ a { <===> ================================================================================ <===> host/argless/pseudo/right/input.scss -a {b: inspect(selector-unify(":hover", ":host"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(":hover", ":host"))} <===> host/argless/pseudo/right/output.css a { @@ -259,7 +289,9 @@ a { <===> ================================================================================ <===> host/argless/class/left/input.scss -a {b: inspect(selector-unify(":host", ".c"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(":host", ".c"))} <===> host/argless/class/left/output.css a { @@ -269,7 +301,9 @@ a { <===> ================================================================================ <===> host/argless/class/right/input.scss -a {b: inspect(selector-unify(".c", ":host"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(".c", ":host"))} <===> host/argless/class/right/output.css a { @@ -279,7 +313,9 @@ a { <===> ================================================================================ <===> host/argless/universal/left/input.scss -a {b: inspect(selector-unify(":host", "*"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(":host", "*"))} <===> host/argless/universal/left/output.css a { @@ -289,7 +325,9 @@ a { <===> ================================================================================ <===> host/argless/universal/right/input.scss -a {b: inspect(selector-unify("*", ":host"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("*", ":host"))} <===> host/argless/universal/right/output.css a { @@ -299,7 +337,8 @@ a { <===> ================================================================================ <===> host/argless/compound/selector_pseudos/left/input.scss -a {b: selector-unify(":host", ":is(.c):is(.d)")} +@use "sass:selector"; +a {b: selector.unify(":host", ":is(.c):is(.d)")} <===> host/argless/compound/selector_pseudos/left/output.css a { @@ -309,7 +348,8 @@ a { <===> ================================================================================ <===> host/argless/compound/selector_pseudos/right/input.scss -a {b: selector-unify(":is(.c):is(.d)", ":host")} +@use "sass:selector"; +a {b: selector.unify(":is(.c):is(.d)", ":host")} <===> host/argless/compound/selector_pseudos/right/output.css a { @@ -319,7 +359,9 @@ a { <===> ================================================================================ <===> host/argless/compound/class_and_selector_pseudo/left/input.scss -a {b: inspect(selector-unify(":host", ".c:is(.d)"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(":host", ".c:is(.d)"))} <===> host/argless/compound/class_and_selector_pseudo/left/output.css a { @@ -329,7 +371,9 @@ a { <===> ================================================================================ <===> host/argless/compound/class_and_selector_pseudo/right/input.scss -a {b: inspect(selector-unify(".c:is(.d)", ":host"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(".c:is(.d)", ":host"))} <===> host/argless/compound/class_and_selector_pseudo/right/output.css a { @@ -339,7 +383,9 @@ a { <===> ================================================================================ <===> host/argless/compound/host_and_class/left/input.scss -a {b: inspect(selector-unify(":host", ":host.c"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(":host", ":host.c"))} <===> host/argless/compound/host_and_class/left/output.css a { @@ -349,7 +395,9 @@ a { <===> ================================================================================ <===> host/argless/compound/host_and_class/right/input.scss -a {b: inspect(selector-unify(":host.c", ":host"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(":host.c", ":host"))} <===> host/argless/compound/host_and_class/right/output.css a { @@ -359,7 +407,8 @@ a { <===> ================================================================================ <===> host/arg/preserved/left/input.scss -a {b: selector-unify(":host(.c)", ":is(.d)")} +@use "sass:selector"; +a {b: selector.unify(":host(.c)", ":is(.d)")} <===> host/arg/preserved/left/output.css a { @@ -369,7 +418,8 @@ a { <===> ================================================================================ <===> host/arg/preserved/right/input.scss -a {b: selector-unify(":is(.c)", ":host(.d)")} +@use "sass:selector"; +a {b: selector.unify(":is(.c)", ":host(.d)")} <===> host/arg/preserved/right/output.css a { @@ -379,7 +429,9 @@ a { <===> ================================================================================ <===> host/arg/removed/left/input.scss -a {b: inspect(selector-unify(":host(.c)", ".d"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(":host(.c)", ".d"))} <===> host/arg/removed/left/output.css a { @@ -389,7 +441,9 @@ a { <===> ================================================================================ <===> host/arg/removed/right/input.scss -a {b: inspect(selector-unify(".c", ":host(.d)"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(".c", ":host(.d)"))} <===> host/arg/removed/right/output.css a { @@ -399,7 +453,8 @@ a { <===> ================================================================================ <===> host_context/preserved/left/input.scss -a {b: selector-unify(":host-context(.c)", ":is(.d)")} +@use "sass:selector"; +a {b: selector.unify(":host-context(.c)", ":is(.d)")} <===> host_context/preserved/left/output.css a { @@ -409,7 +464,8 @@ a { <===> ================================================================================ <===> host_context/preserved/right/input.scss -a {b: selector-unify(":is(.c)", ":host-context(.d)")} +@use "sass:selector"; +a {b: selector.unify(":is(.c)", ":host-context(.d)")} <===> host_context/preserved/right/output.css a { @@ -419,7 +475,9 @@ a { <===> ================================================================================ <===> host_context/removed/left/input.scss -a {b: inspect(selector-unify(":host-context(.c)", ".d"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(":host-context(.c)", ".d"))} <===> host_context/removed/left/output.css a { @@ -429,7 +487,9 @@ a { <===> ================================================================================ <===> host_context/removed/right/input.scss -a {b: inspect(selector-unify(".c", ":host-context(.d)"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify(".c", ":host-context(.d)"))} <===> host_context/removed/right/output.css a { diff --git a/spec/core_functions/selector/unify/simple/type.hrx b/spec/core_functions/selector/unify/simple/type.hrx deleted file mode 100644 index 1181f24d7..000000000 --- a/spec/core_functions/selector/unify/simple/type.hrx +++ /dev/null @@ -1,437 +0,0 @@ -<===> and_type/default/and_explicit/input.scss -a {b: inspect(selector-unify("c", "d|c"))} - -<===> and_type/default/and_explicit/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/default/and_empty/input.scss -a {b: inspect(selector-unify("c", "|c"))} - -<===> and_type/default/and_empty/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/default/and_default/same/input.scss -a {b: selector-unify("c", "c")} - -<===> and_type/default/and_default/same/output.css -a { - b: c; -} - -<===> -================================================================================ -<===> and_type/default/and_default/different/input.scss -a {b: inspect(selector-unify("c", "d"))} - -<===> and_type/default/and_default/different/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/default/and_any/same_type/input.scss -a {b: selector-unify("c", "*|c")} - -<===> and_type/default/and_any/same_type/output.css -a { - b: c; -} - -<===> -================================================================================ -<===> and_type/default/and_any/different_type/input.scss -a {b: inspect(selector-unify("c", "*|d"))} - -<===> and_type/default/and_any/different_type/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/explicit/and_explicit/same/input.scss -a {b: selector-unify("c|d", "c|d")} - -<===> and_type/explicit/and_explicit/same/output.css -a { - b: c|d; -} - -<===> -================================================================================ -<===> and_type/explicit/and_explicit/different/namespace/input.scss -a {b: inspect(selector-unify("c|d", "e|d"))} - -<===> and_type/explicit/and_explicit/different/namespace/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/explicit/and_explicit/different/type/input.scss -a {b: inspect(selector-unify("c|d", "c|e"))} - -<===> and_type/explicit/and_explicit/different/type/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/explicit/and_empty/input.scss -a {b: inspect(selector-unify("c|d", "|d"))} - -<===> and_type/explicit/and_empty/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/explicit/and_default/input.scss -a {b: inspect(selector-unify("c|d", "d"))} - -<===> and_type/explicit/and_default/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/explicit/and_any/same_type/input.scss -a {b: selector-unify("c|d", "*|d")} - -<===> and_type/explicit/and_any/same_type/output.css -a { - b: c|d; -} - -<===> -================================================================================ -<===> and_type/explicit/and_any/different_type/input.scss -a {b: inspect(selector-unify("c|d", "*|e"))} - -<===> and_type/explicit/and_any/different_type/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/empty/and_explicit/input.scss -a {b: inspect(selector-unify("|c", "e|c"))} - -<===> and_type/empty/and_explicit/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/empty/and_empty/same/input.scss -a {b: selector-unify("|c", "|c")} - -<===> and_type/empty/and_empty/same/output.css -a { - b: |c; -} - -<===> -================================================================================ -<===> and_type/empty/and_empty/different/input.scss -a {b: inspect(selector-unify("|c", "|d"))} - -<===> and_type/empty/and_empty/different/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/empty/and_default/input.scss -a {b: inspect(selector-unify("|c", "c"))} - -<===> and_type/empty/and_default/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/empty/and_any/same_type/input.scss -a {b: selector-unify("|c", "*|c")} - -<===> and_type/empty/and_any/same_type/output.css -a { - b: |c; -} - -<===> -================================================================================ -<===> and_type/empty/and_any/different_type/input.scss -a {b: inspect(selector-unify("|c", "*|d"))} - -<===> and_type/empty/and_any/different_type/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/any/and_explicit/same_type/input.scss -a {b: selector-unify("*|c", "d|c")} - -<===> and_type/any/and_explicit/same_type/output.css -a { - b: d|c; -} - -<===> -================================================================================ -<===> and_type/any/and_explicit/different_type/input.scss -a {b: inspect(selector-unify("*|c", "d|e"))} - -<===> and_type/any/and_explicit/different_type/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/any/and_empty/same_type/input.scss -a {b: selector-unify("*|c", "|c")} - -<===> and_type/any/and_empty/same_type/output.css -a { - b: |c; -} - -<===> -================================================================================ -<===> and_type/any/and_empty/different_type/input.scss -a {b: inspect(selector-unify("*|c", "|d"))} - -<===> and_type/any/and_empty/different_type/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/any/and_default/same_type/input.scss -a {b: selector-unify("*|c", "c")} - -<===> and_type/any/and_default/same_type/output.css -a { - b: c; -} - -<===> -================================================================================ -<===> and_type/any/and_default/different_type/input.scss -a {b: inspect(selector-unify("*|c", "d"))} - -<===> and_type/any/and_default/different_type/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_type/any/and_any/same/input.scss -a {b: selector-unify("*|c", "*|c")} - -<===> and_type/any/and_any/same/output.css -a { - b: *|c; -} - -<===> -================================================================================ -<===> and_type/any/and_any/different/input.scss -a {b: inspect(selector-unify("*|c", "*|d"))} - -<===> and_type/any/and_any/different/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_universal/default/and_explicit/input.scss -a {b: inspect(selector-unify("c", "e|*"))} - -<===> and_universal/default/and_explicit/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_universal/default/and_empty/input.scss -a {b: inspect(selector-unify("c", "|*"))} - -<===> and_universal/default/and_empty/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_universal/default/and_default/input.scss -a {b: selector-unify("c", "*")} - -<===> and_universal/default/and_default/output.css -a { - b: c; -} - -<===> -================================================================================ -<===> and_universal/default/and_any/input.scss -a {b: selector-unify("c", "*|*")} - -<===> and_universal/default/and_any/output.css -a { - b: c; -} - -<===> -================================================================================ -<===> and_universal/explicit/and_explicit/same/input.scss -a {b: selector-unify("c|d", "c|*")} - -<===> and_universal/explicit/and_explicit/same/output.css -a { - b: c|d; -} - -<===> -================================================================================ -<===> and_universal/explicit/and_explicit/different/input.scss -a {b: inspect(selector-unify("c|d", "e|*"))} - -<===> and_universal/explicit/and_explicit/different/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_universal/explicit/and_empty/input.scss -a {b: inspect(selector-unify("c|d", "|*"))} - -<===> and_universal/explicit/and_empty/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_universal/explicit/and_default/input.scss -a {b: inspect(selector-unify("c|d", "*"))} - -<===> and_universal/explicit/and_default/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_universal/explicit/and_any/input.scss -a {b: selector-unify("c|d", "*|*")} - -<===> and_universal/explicit/and_any/output.css -a { - b: c|d; -} - -<===> -================================================================================ -<===> and_universal/empty/and_explicit/input.scss -a {b: inspect(selector-unify("|c", "e|*"))} - -<===> and_universal/empty/and_explicit/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_universal/empty/and_empty/input.scss -a {b: selector-unify("|c", "|*")} - -<===> and_universal/empty/and_empty/output.css -a { - b: |c; -} - -<===> -================================================================================ -<===> and_universal/empty/and_default/input.scss -a {b: inspect(selector-unify("|c", "*"))} - -<===> and_universal/empty/and_default/output.css -a { - b: null; -} - -<===> -================================================================================ -<===> and_universal/empty/and_any/input.scss -a {b: selector-unify("|c", "*|*")} - -<===> and_universal/empty/and_any/output.css -a { - b: |c; -} - -<===> -================================================================================ -<===> and_universal/any/and_explicit/input.scss -a {b: selector-unify("*|c", "d|*")} - -<===> and_universal/any/and_explicit/output.css -a { - b: d|c; -} - -<===> -================================================================================ -<===> and_universal/any/and_empty/input.scss -a {b: selector-unify("*|c", "|*")} - -<===> and_universal/any/and_empty/output.css -a { - b: |c; -} - -<===> -================================================================================ -<===> and_universal/any/and_default/input.scss -a {b: selector-unify("*|c", "*")} - -<===> and_universal/any/and_default/output.css -a { - b: c; -} - -<===> -================================================================================ -<===> and_universal/any/and_any/input.scss -a {b: selector-unify("*|c", "*|*")} - -<===> and_universal/any/and_any/output.css -a { - b: *|c; -} diff --git a/spec/core_functions/selector/unify/simple/type/and_type.hrx b/spec/core_functions/selector/unify/simple/type/and_type.hrx new file mode 100644 index 000000000..ad204710f --- /dev/null +++ b/spec/core_functions/selector/unify/simple/type/and_type.hrx @@ -0,0 +1,311 @@ +<===> default/and_explicit/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c", "d|c"))} + +<===> default/and_explicit/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> default/and_empty/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c", "|c"))} + +<===> default/and_empty/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> default/and_default/same/input.scss +@use "sass:selector"; +a {b: selector.unify("c", "c")} + +<===> default/and_default/same/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> default/and_default/different/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c", "d"))} + +<===> default/and_default/different/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> default/and_any/same_type/input.scss +@use "sass:selector"; +a {b: selector.unify("c", "*|c")} + +<===> default/and_any/same_type/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> default/and_any/different_type/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c", "*|d"))} + +<===> default/and_any/different_type/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> explicit/and_explicit/same/input.scss +@use "sass:selector"; +a {b: selector.unify("c|d", "c|d")} + +<===> explicit/and_explicit/same/output.css +a { + b: c|d; +} + +<===> +================================================================================ +<===> explicit/and_explicit/different/namespace/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|d", "e|d"))} + +<===> explicit/and_explicit/different/namespace/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> explicit/and_explicit/different/type/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|d", "c|e"))} + +<===> explicit/and_explicit/different/type/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> explicit/and_empty/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|d", "|d"))} + +<===> explicit/and_empty/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> explicit/and_default/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|d", "d"))} + +<===> explicit/and_default/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> explicit/and_any/same_type/input.scss +@use "sass:selector"; +a {b: selector.unify("c|d", "*|d")} + +<===> explicit/and_any/same_type/output.css +a { + b: c|d; +} + +<===> +================================================================================ +<===> explicit/and_any/different_type/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|d", "*|e"))} + +<===> explicit/and_any/different_type/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> empty/and_explicit/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|c", "e|c"))} + +<===> empty/and_explicit/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> empty/and_empty/same/input.scss +@use "sass:selector"; +a {b: selector.unify("|c", "|c")} + +<===> empty/and_empty/same/output.css +a { + b: |c; +} + +<===> +================================================================================ +<===> empty/and_empty/different/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|c", "|d"))} + +<===> empty/and_empty/different/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> empty/and_default/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|c", "c"))} + +<===> empty/and_default/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> empty/and_any/same_type/input.scss +@use "sass:selector"; +a {b: selector.unify("|c", "*|c")} + +<===> empty/and_any/same_type/output.css +a { + b: |c; +} + +<===> +================================================================================ +<===> empty/and_any/different_type/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|c", "*|d"))} + +<===> empty/and_any/different_type/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> any/and_explicit/same_type/input.scss +@use "sass:selector"; +a {b: selector.unify("*|c", "d|c")} + +<===> any/and_explicit/same_type/output.css +a { + b: d|c; +} + +<===> +================================================================================ +<===> any/and_explicit/different_type/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("*|c", "d|e"))} + +<===> any/and_explicit/different_type/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> any/and_empty/same_type/input.scss +@use "sass:selector"; +a {b: selector.unify("*|c", "|c")} + +<===> any/and_empty/same_type/output.css +a { + b: |c; +} + +<===> +================================================================================ +<===> any/and_empty/different_type/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("*|c", "|d"))} + +<===> any/and_empty/different_type/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> any/and_default/same_type/input.scss +@use "sass:selector"; +a {b: selector.unify("*|c", "c")} + +<===> any/and_default/same_type/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> any/and_default/different_type/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("*|c", "d"))} + +<===> any/and_default/different_type/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> any/and_any/same/input.scss +@use "sass:selector"; +a {b: selector.unify("*|c", "*|c")} + +<===> any/and_any/same/output.css +a { + b: *|c; +} + +<===> +================================================================================ +<===> any/and_any/different/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("*|c", "*|d"))} + +<===> any/and_any/different/output.css +a { + b: null; +} diff --git a/spec/core_functions/selector/unify/simple/type/and_universal.hrx b/spec/core_functions/selector/unify/simple/type/and_universal.hrx new file mode 100644 index 000000000..6849af954 --- /dev/null +++ b/spec/core_functions/selector/unify/simple/type/and_universal.hrx @@ -0,0 +1,191 @@ +<===> default/and_explicit/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c", "e|*"))} + +<===> default/and_explicit/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> default/and_empty/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c", "|*"))} + +<===> default/and_empty/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> default/and_default/input.scss +@use "sass:selector"; +a {b: selector.unify("c", "*")} + +<===> default/and_default/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> default/and_any/input.scss +@use "sass:selector"; +a {b: selector.unify("c", "*|*")} + +<===> default/and_any/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> explicit/and_explicit/same/input.scss +@use "sass:selector"; +a {b: selector.unify("c|d", "c|*")} + +<===> explicit/and_explicit/same/output.css +a { + b: c|d; +} + +<===> +================================================================================ +<===> explicit/and_explicit/different/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|d", "e|*"))} + +<===> explicit/and_explicit/different/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> explicit/and_empty/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|d", "|*"))} + +<===> explicit/and_empty/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> explicit/and_default/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|d", "*"))} + +<===> explicit/and_default/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> explicit/and_any/input.scss +@use "sass:selector"; +a {b: selector.unify("c|d", "*|*")} + +<===> explicit/and_any/output.css +a { + b: c|d; +} + +<===> +================================================================================ +<===> empty/and_explicit/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|c", "e|*"))} + +<===> empty/and_explicit/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> empty/and_empty/input.scss +@use "sass:selector"; +a {b: selector.unify("|c", "|*")} + +<===> empty/and_empty/output.css +a { + b: |c; +} + +<===> +================================================================================ +<===> empty/and_default/input.scss +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|c", "*"))} + +<===> empty/and_default/output.css +a { + b: null; +} + +<===> +================================================================================ +<===> empty/and_any/input.scss +@use "sass:selector"; +a {b: selector.unify("|c", "*|*")} + +<===> empty/and_any/output.css +a { + b: |c; +} + +<===> +================================================================================ +<===> any/and_explicit/input.scss +@use "sass:selector"; +a {b: selector.unify("*|c", "d|*")} + +<===> any/and_explicit/output.css +a { + b: d|c; +} + +<===> +================================================================================ +<===> any/and_empty/input.scss +@use "sass:selector"; +a {b: selector.unify("*|c", "|*")} + +<===> any/and_empty/output.css +a { + b: |c; +} + +<===> +================================================================================ +<===> any/and_default/input.scss +@use "sass:selector"; +a {b: selector.unify("*|c", "*")} + +<===> any/and_default/output.css +a { + b: c; +} + +<===> +================================================================================ +<===> any/and_any/input.scss +@use "sass:selector"; +a {b: selector.unify("*|c", "*|*")} + +<===> any/and_any/output.css +a { + b: *|c; +} diff --git a/spec/core_functions/selector/unify/simple/universal.hrx b/spec/core_functions/selector/unify/simple/universal.hrx index c4098a3e9..2328f7592 100644 --- a/spec/core_functions/selector/unify/simple/universal.hrx +++ b/spec/core_functions/selector/unify/simple/universal.hrx @@ -1,5 +1,7 @@ <===> and_type/default/and_explicit/input.scss -a {b: inspect(selector-unify("*", "c|d"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("*", "c|d"))} <===> and_type/default/and_explicit/output.css a { @@ -9,7 +11,9 @@ a { <===> ================================================================================ <===> and_type/default/and_empty/input.scss -a {b: inspect(selector-unify("*", "|c"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("*", "|c"))} <===> and_type/default/and_empty/output.css a { @@ -19,7 +23,8 @@ a { <===> ================================================================================ <===> and_type/default/and_default/input.scss -a {b: selector-unify("*", "c")} +@use "sass:selector"; +a {b: selector.unify("*", "c")} <===> and_type/default/and_default/output.css a { @@ -29,7 +34,8 @@ a { <===> ================================================================================ <===> and_type/default/and_any/input.scss -a {b: selector-unify("*", "*|c")} +@use "sass:selector"; +a {b: selector.unify("*", "*|c")} <===> and_type/default/and_any/output.css a { @@ -39,7 +45,8 @@ a { <===> ================================================================================ <===> and_type/explicit/and_explicit/same/input.scss -a {b: selector-unify("c|*", "c|d")} +@use "sass:selector"; +a {b: selector.unify("c|*", "c|d")} <===> and_type/explicit/and_explicit/same/output.css a { @@ -49,7 +56,9 @@ a { <===> ================================================================================ <===> and_type/explicit/and_explicit/different/input.scss -a {b: inspect(selector-unify("c|*", "d|e"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|*", "d|e"))} <===> and_type/explicit/and_explicit/different/output.css a { @@ -59,7 +68,9 @@ a { <===> ================================================================================ <===> and_type/explicit/and_empty/input.scss -a {b: inspect(selector-unify("c|*", "|d"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|*", "|d"))} <===> and_type/explicit/and_empty/output.css a { @@ -69,7 +80,9 @@ a { <===> ================================================================================ <===> and_type/explicit/and_default/input.scss -a {b: inspect(selector-unify("c|*", "d"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|*", "d"))} <===> and_type/explicit/and_default/output.css a { @@ -79,7 +92,8 @@ a { <===> ================================================================================ <===> and_type/explicit/and_any/input.scss -a {b: selector-unify("c|*", "*|d")} +@use "sass:selector"; +a {b: selector.unify("c|*", "*|d")} <===> and_type/explicit/and_any/output.css a { @@ -89,7 +103,9 @@ a { <===> ================================================================================ <===> and_type/empty/and_explicit/input.scss -a {b: inspect(selector-unify("|*", "c|d"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|*", "c|d"))} <===> and_type/empty/and_explicit/output.css a { @@ -99,7 +115,8 @@ a { <===> ================================================================================ <===> and_type/empty/and_empty/input.scss -a {b: selector-unify("|*", "|c")} +@use "sass:selector"; +a {b: selector.unify("|*", "|c")} <===> and_type/empty/and_empty/output.css a { @@ -109,7 +126,9 @@ a { <===> ================================================================================ <===> and_type/empty/and_default/input.scss -a {b: inspect(selector-unify("|*", "c"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|*", "c"))} <===> and_type/empty/and_default/output.css a { @@ -119,7 +138,8 @@ a { <===> ================================================================================ <===> and_type/empty/and_any/input.scss -a {b: selector-unify("|*", "*|c")} +@use "sass:selector"; +a {b: selector.unify("|*", "*|c")} <===> and_type/empty/and_any/output.css a { @@ -129,7 +149,8 @@ a { <===> ================================================================================ <===> and_type/any/and_explicit/input.scss -a {b: selector-unify("*|*", "c|d")} +@use "sass:selector"; +a {b: selector.unify("*|*", "c|d")} <===> and_type/any/and_explicit/output.css a { @@ -139,7 +160,8 @@ a { <===> ================================================================================ <===> and_type/any/and_empty/input.scss -a {b: selector-unify("*|*", "|c")} +@use "sass:selector"; +a {b: selector.unify("*|*", "|c")} <===> and_type/any/and_empty/output.css a { @@ -149,7 +171,8 @@ a { <===> ================================================================================ <===> and_type/any/and_default/input.scss -a {b: selector-unify("*|*", "c")} +@use "sass:selector"; +a {b: selector.unify("*|*", "c")} <===> and_type/any/and_default/output.css a { @@ -159,7 +182,8 @@ a { <===> ================================================================================ <===> and_type/any/and_any/input.scss -a {b: selector-unify("*|*", "*|c")} +@use "sass:selector"; +a {b: selector.unify("*|*", "*|c")} <===> and_type/any/and_any/output.css a { @@ -169,7 +193,9 @@ a { <===> ================================================================================ <===> and_universal/default/and_explicit/input.scss -a {b: inspect(selector-unify("*", "e|*"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("*", "e|*"))} <===> and_universal/default/and_explicit/output.css a { @@ -179,7 +205,9 @@ a { <===> ================================================================================ <===> and_universal/default/and_empty/input.scss -a {b: inspect(selector-unify("*", "|*"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("*", "|*"))} <===> and_universal/default/and_empty/output.css a { @@ -189,7 +217,8 @@ a { <===> ================================================================================ <===> and_universal/default/and_default/input.scss -a {b: selector-unify("*", "*")} +@use "sass:selector"; +a {b: selector.unify("*", "*")} <===> and_universal/default/and_default/output.css a { @@ -199,7 +228,8 @@ a { <===> ================================================================================ <===> and_universal/default/and_any/input.scss -a {b: selector-unify("*", "*|*")} +@use "sass:selector"; +a {b: selector.unify("*", "*|*")} <===> and_universal/default/and_any/output.css a { @@ -209,7 +239,8 @@ a { <===> ================================================================================ <===> and_universal/explicit/and_explicit/input.scss -a {b: selector-unify("c|*", "c|*")} +@use "sass:selector"; +a {b: selector.unify("c|*", "c|*")} <===> and_universal/explicit/and_explicit/output.css a { @@ -219,7 +250,9 @@ a { <===> ================================================================================ <===> and_universal/explicit/and_empty/input.scss -a {b: inspect(selector-unify("c|*", "|*"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|*", "|*"))} <===> and_universal/explicit/and_empty/output.css a { @@ -229,7 +262,9 @@ a { <===> ================================================================================ <===> and_universal/explicit/and_default/input.scss -a {b: inspect(selector-unify("c|*", "*"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("c|*", "*"))} <===> and_universal/explicit/and_default/output.css a { @@ -239,7 +274,8 @@ a { <===> ================================================================================ <===> and_universal/explicit/and_any/input.scss -a {b: selector-unify("c|*", "*|*")} +@use "sass:selector"; +a {b: selector.unify("c|*", "*|*")} <===> and_universal/explicit/and_any/output.css a { @@ -249,7 +285,9 @@ a { <===> ================================================================================ <===> and_universal/empty/and_explicit/input.scss -a {b: inspect(selector-unify("|*", "e|*"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|*", "e|*"))} <===> and_universal/empty/and_explicit/output.css a { @@ -259,7 +297,8 @@ a { <===> ================================================================================ <===> and_universal/empty/and_empty/input.scss -a {b: selector-unify("|*", "|*")} +@use "sass:selector"; +a {b: selector.unify("|*", "|*")} <===> and_universal/empty/and_empty/output.css a { @@ -269,7 +308,9 @@ a { <===> ================================================================================ <===> and_universal/empty/and_default/input.scss -a {b: inspect(selector-unify("|*", "*"))} +@use "sass:meta"; +@use "sass:selector"; +a {b: meta.inspect(selector.unify("|*", "*"))} <===> and_universal/empty/and_default/output.css a { @@ -279,7 +320,8 @@ a { <===> ================================================================================ <===> and_universal/empty/and_any/input.scss -a {b: selector-unify("|*", "*|*")} +@use "sass:selector"; +a {b: selector.unify("|*", "*|*")} <===> and_universal/empty/and_any/output.css a { @@ -289,7 +331,8 @@ a { <===> ================================================================================ <===> and_universal/any/and_explicit/input.scss -a {b: selector-unify("*|*", "c|*")} +@use "sass:selector"; +a {b: selector.unify("*|*", "c|*")} <===> and_universal/any/and_explicit/output.css a { @@ -299,7 +342,8 @@ a { <===> ================================================================================ <===> and_universal/any/and_empty/input.scss -a {b: selector-unify("*|*", "|*")} +@use "sass:selector"; +a {b: selector.unify("*|*", "|*")} <===> and_universal/any/and_empty/output.css a { @@ -309,7 +353,8 @@ a { <===> ================================================================================ <===> and_universal/any/and_default/input.scss -a {b: selector-unify("*|*", "*")} +@use "sass:selector"; +a {b: selector.unify("*|*", "*")} <===> and_universal/any/and_default/output.css a { @@ -319,7 +364,8 @@ a { <===> ================================================================================ <===> and_universal/any/and_any/input.scss -a {b: selector-unify("*|*", "*|*")} +@use "sass:selector"; +a {b: selector.unify("*|*", "*|*")} <===> and_universal/any/and_any/output.css a { diff --git a/spec/core_functions/string/index.hrx b/spec/core_functions/string/index.hrx index 0bfe917fb..dfc031bb0 100644 --- a/spec/core_functions/string/index.hrx +++ b/spec/core_functions/string/index.hrx @@ -1,5 +1,6 @@ <===> both_empty/input.scss -a {b: str-index("", "")} +@use "sass:string"; +a {b: string.index("", "")} <===> both_empty/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> empty_substring/input.scss -a {b: str-index("cde", "")} +@use "sass:string"; +a {b: string.index("cde", "")} <===> empty_substring/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> beginning/input.scss -a {b: str-index("cde", "c")} +@use "sass:string"; +a {b: string.index("cde", "c")} <===> beginning/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> middle/input.scss -a {b: str-index("cde", "d")} +@use "sass:string"; +a {b: string.index("cde", "d")} <===> middle/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> end/input.scss -a {b: str-index("cde", "e")} +@use "sass:string"; +a {b: string.index("cde", "e")} <===> end/output.css a { @@ -49,7 +54,9 @@ a { <===> ================================================================================ <===> not_found/input.scss -a {b: inspect(str-index("cde", "f"))} +@use "sass:meta"; +@use "sass:string"; +a {b: meta.inspect(string.index("cde", "f"))} <===> not_found/output.css a { @@ -59,9 +66,10 @@ a { <===> ================================================================================ <===> double_width_character/input.scss +@use "sass:string"; // Sass treats strings as sequences of Unicode codepoint; it doesn't care if a // character is represented as two UTF-16 code units. -a {b: str-index("👭a", "a")} +a {b: string.index("👭a", "a")} <===> double_width_character/output.css a { @@ -71,10 +79,11 @@ a { <===> ================================================================================ <===> combining_character/input.scss +@use "sass:string"; // Sass does *not* treat strings as sequences of glyphs, so this string which // contains "c" followed by a combining umlaut should be considered two separate // characters even though it's rendered as only one. -a {b: str-index("c\0308 a", "a")} +a {b: string.index("c\0308 a", "a")} <===> combining_character/output.css a { @@ -84,69 +93,88 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: str-index($string: "cde", $substring: "c")} +@use "sass:string"; +a {b: string.index($string: "cde", $substring: "c")} <===> named/output.css a { b: 1; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:string"; +a {b: string.str-index("c", "c")} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: string.str-index("c", "c")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/type/string/input.scss -a {b: str-index(1, "c")} +@use "sass:string"; +a {b: string.index(1, "c")} <===> error/type/string/error Error: $string: 1 is not a string. , -1 | a {b: str-index(1, "c")} - | ^^^^^^^^^^^^^^^^^ +2 | a {b: string.index(1, "c")} + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/substring/input.scss -a {b: str-index("c", 1)} +@use "sass:string"; +a {b: string.index("c", 1)} <===> error/type/substring/error Error: $substring: 1 is not a string. , -1 | a {b: str-index("c", 1)} - | ^^^^^^^^^^^^^^^^^ +2 | a {b: string.index("c", 1)} + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: str-index("c")} +@use "sass:string"; +a {b: string.index("c")} <===> error/too_few_args/error Error: Missing argument $substring. ,--> input.scss -1 | a {b: str-index("c")} - | ^^^^^^^^^^^^^^ invocation +2 | a {b: string.index("c")} + | ^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function index($string, $substring) { | ========================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: str-index("c", "d", "e")} +@use "sass:string"; +a {b: string.index("c", "d", "e")} <===> error/too_many_args/error Error: Only 2 arguments allowed, but 3 were passed. ,--> input.scss -1 | a {b: str-index("c", "d", "e")} - | ^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: string.index("c", "d", "e")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function index($string, $substring) { | ========================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/string/insert.hrx b/spec/core_functions/string/insert.hrx index d1a509691..e7f5e2baf 100644 --- a/spec/core_functions/string/insert.hrx +++ b/spec/core_functions/string/insert.hrx @@ -1,5 +1,6 @@ <===> empty_destination/empty_source/input.scss -a {b: str-insert("", "", 1)} +@use "sass:string"; +a {b: string.insert("", "", 1)} <===> empty_destination/empty_source/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> empty_destination/index_0/input.scss -a {b: str-insert("", "c", 0)} +@use "sass:string"; +a {b: string.insert("", "c", 0)} <===> empty_destination/index_0/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> empty_destination/index_1/input.scss -a {b: str-insert("", "c", 1)} +@use "sass:string"; +a {b: string.insert("", "c", 1)} <===> empty_destination/index_1/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> empty_destination/index_2/input.scss -a {b: str-insert("", "c", 2)} +@use "sass:string"; +a {b: string.insert("", "c", 2)} <===> empty_destination/index_2/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> empty_destination/index_negative_1/input.scss -a {b: str-insert("", "c", -1)} +@use "sass:string"; +a {b: string.insert("", "c", -1)} <===> empty_destination/index_negative_1/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> empty_insertion/input.scss -a {b: str-insert("cde", "", 1)} +@use "sass:string"; +a {b: string.insert("cde", "", 1)} <===> empty_insertion/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> index/positive/0/input.scss -a {b: str-insert("cde", "f", 0)} +@use "sass:string"; +a {b: string.insert("cde", "f", 0)} <===> index/positive/0/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> index/positive/1/input.scss -a {b: str-insert("cde", "f", 1)} +@use "sass:string"; +a {b: string.insert("cde", "f", 1)} <===> index/positive/1/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> index/positive/2/input.scss -a {b: str-insert("cde", "f", 2)} +@use "sass:string"; +a {b: string.insert("cde", "f", 2)} <===> index/positive/2/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> index/positive/last/input.scss -a {b: str-insert("cde", "f", 4)} +@use "sass:string"; +a {b: string.insert("cde", "f", 4)} <===> index/positive/last/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> index/positive/after_last/input.scss -a {b: str-insert("cde", "f", 100)} +@use "sass:string"; +a {b: string.insert("cde", "f", 100)} <===> index/positive/after_last/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> index/negative/1/input.scss -a {b: str-insert("cde", "f", -1)} +@use "sass:string"; +a {b: string.insert("cde", "f", -1)} <===> index/negative/1/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> index/negative/2/input.scss -a {b: str-insert("cde", "f", -2)} +@use "sass:string"; +a {b: string.insert("cde", "f", -2)} <===> index/negative/2/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> index/negative/last/input.scss -a {b: str-insert("cde", "f", -4)} +@use "sass:string"; +a {b: string.insert("cde", "f", -4)} <===> index/negative/last/output.css a { @@ -139,8 +153,9 @@ a { <===> ================================================================================ <===> index/negative/after_last/less_than_double/input.scss +@use "sass:string"; // Regression test for sass/dart-sass#1568 -a {b: str-insert("cdefghijkl", "mno", -15)} +a {b: string.insert("cdefghijkl", "mno", -15)} <===> index/negative/after_last/less_than_double/output.css a { @@ -150,7 +165,8 @@ a { <===> ================================================================================ <===> index/negative/after_last/more_than_double/input.scss -a {b: str-insert("cde", "f", -100)} +@use "sass:string"; +a {b: string.insert("cde", "f", -100)} <===> index/negative/after_last/more_than_double/output.css a { @@ -160,10 +176,11 @@ a { <===> ================================================================================ <===> double_width_character/input.scss +@use "sass:string"; // Sass treats strings as sequences of Unicode codepoint; it doesn't care if a // character is represented as two UTF-16 code units, so inserting a character // at index 2 shouldn't break this emoji in two. -a {b: str-insert("👭", "c", 2)} +a {b: string.insert("👭", "c", 2)} <===> double_width_character/output.css @charset "UTF-8"; @@ -174,11 +191,12 @@ a { <===> ================================================================================ <===> combining_character/input.scss +@use "sass:string"; // Sass does *not* treat strings as sequences of glyphs, so this string which // contains "c" followed by a combining umlaut should be considered two separate // characters even though it's rendered as only one and the "d" should be // injected between the two. -a {b: str-insert("c\0308", "d", 2)} +a {b: string.insert("c\0308", "d", 2)} <===> combining_character/output.css @charset "UTF-8"; @@ -189,95 +207,117 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: str-insert($string: "cde", $insert: "f", $index: 2)} +@use "sass:string"; +a {b: string.insert($string: "cde", $insert: "f", $index: 2)} <===> named/output.css a { b: "cfde"; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:string"; +a {b: string.str-insert("c", 1, "d")} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: string.str-insert("c", 1, "d")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + + <===> ================================================================================ <===> error/type/string/input.scss -a {b: str-insert(1, "", 1)} +@use "sass:string"; +a {b: string.insert(1, "", 1)} <===> error/type/string/error Error: $string: 1 is not a string. , -1 | a {b: str-insert(1, "", 1)} - | ^^^^^^^^^^^^^^^^^^^^ +2 | a {b: string.insert(1, "", 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/insert/input.scss -a {b: str-insert("", 1, 1)} +@use "sass:string"; +a {b: string.insert("", 1, 1)} <===> error/type/insert/error Error: $insert: 1 is not a string. , -1 | a {b: str-insert("", 1, 1)} - | ^^^^^^^^^^^^^^^^^^^^ +2 | a {b: string.insert("", 1, 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/type/index/input.scss -a {b: str-insert("", "", "")} +@use "sass:string"; +a {b: string.insert("", "", "")} <===> error/type/index/error Error: $index: "" is not a number. , -1 | a {b: str-insert("", "", "")} - | ^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: string.insert("", "", "")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/decimal/input.scss -a {b: str-insert("", "", 0.5)} +@use "sass:string"; +a {b: string.insert("", "", 0.5)} <===> error/decimal/error Error: $index: 0.5 is not an int. , -1 | a {b: str-insert("", "", 0.5)} - | ^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: string.insert("", "", 0.5)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: str-insert("", "")} +@use "sass:string"; +a {b: string.insert("", "")} <===> error/too_few_args/error Error: Missing argument $index. ,--> input.scss -1 | a {b: str-insert("", "")} - | ^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: string.insert("", "")} + | ^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function insert($string, $insert, $index) { | ================================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: str-insert("", "", 1, 2)} +@use "sass:string"; +a {b: string.insert("", "", 1, 2)} <===> error/too_many_args/error Error: Only 3 arguments allowed, but 4 were passed. ,--> input.scss -1 | a {b: str-insert("", "", 1, 2)} - | ^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: string.insert("", "", 1, 2)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function insert($string, $insert, $index) { | ================================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/string/length.hrx b/spec/core_functions/string/length.hrx index d2ade67e9..8f295476d 100644 --- a/spec/core_functions/string/length.hrx +++ b/spec/core_functions/string/length.hrx @@ -1,5 +1,6 @@ <===> empty/input.scss -a {b: str-length("")} +@use "sass:string"; +a {b: string.length("")} <===> empty/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> one_character/input.scss -a {b: str-length("c")} +@use "sass:string"; +a {b: string.length("c")} <===> one_character/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> multiple_characters/input.scss -a {b: str-length("fblthp abatement")} +@use "sass:string"; +a {b: string.length("fblthp abatement")} <===> multiple_characters/output.css a { @@ -29,9 +32,10 @@ a { <===> ================================================================================ <===> private_use_character/input.scss +@use "sass:string"; // Dart Sass emits private-use characters as escapes in expanded mode, but it // should stil treat them as single characters for the purpose of functions. -a {b: str-length("\E000")} +a {b: string.length("\E000")} <===> private_use_character/output.css a { @@ -41,9 +45,10 @@ a { <===> ================================================================================ <===> double_width_character/input.scss +@use "sass:string"; // Sass treats strings as sequences of Unicode codepoint; it doesn't care if a // character is represented as two UTF-16 code units. -a {b: str-length("👭")} +a {b: string.length("👭")} <===> double_width_character/output.css a { @@ -53,10 +58,11 @@ a { <===> ================================================================================ <===> combining_character/input.scss +@use "sass:string"; // Sass does *not* treat strings as sequences of glyphs, so this string which // contains "c" followed by a combining umlaut should be considered two separate // characters even though it's rendered as only one. -a {b: str-length("c\0308")} +a {b: string.length("c\0308")} <===> combining_character/output.css a { @@ -66,7 +72,8 @@ a { <===> ================================================================================ <===> unquoted/input.scss -a {b: str-length(loofamonster)} +@use "sass:string"; +a {b: string.length(loofamonster)} <===> unquoted/output.css a { @@ -76,56 +83,74 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: str-length($string: "c")} +@use "sass:string"; +a {b: string.length($string: "c")} <===> named/output.css a { b: 1; } +<===> +================================================================================ +<===> error/wrong_name/input.scss +@use "sass:string"; +a {b: string.str-length("c")} + +<===> error/wrong_name/error +Error: Undefined function. + , +2 | a {b: string.str-length("c")} + | ^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + <===> ================================================================================ <===> error/type/input.scss -a {b: str-length(1)} +@use "sass:string"; +a {b: string.length(1)} <===> error/type/error Error: $string: 1 is not a string. , -1 | a {b: str-length(1)} - | ^^^^^^^^^^^^^ +2 | a {b: string.length(1)} + | ^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: str-length()} +@use "sass:string"; +a {b: string.length()} <===> error/too_few_args/error Error: Missing argument $string. ,--> input.scss -1 | a {b: str-length()} - | ^^^^^^^^^^^^ invocation +2 | a {b: string.length()} + | ^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function length($string) { | =============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: str-length(c, d)} +@use "sass:string"; +a {b: string.length(c, d)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: str-length(c, d)} - | ^^^^^^^^^^^^^^^^ invocation +2 | a {b: string.length(c, d)} + | ^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function length($string) { | =============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/string/quote.hrx b/spec/core_functions/string/quote.hrx index e9c0154c4..95276bf45 100644 --- a/spec/core_functions/string/quote.hrx +++ b/spec/core_functions/string/quote.hrx @@ -1,5 +1,6 @@ <===> unquoted/input.scss -a {b: quote(c)} +@use "sass:string"; +a {b: string.quote(c)} <===> unquoted/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> quoted_double/input.scss -a {b: quote("c")} +@use "sass:string"; +a {b: string.quote("c")} <===> quoted_double/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> quoted_single/input.scss -a {b: quote('c')} +@use "sass:string"; +a {b: string.quote('c')} <===> quoted_single/output.css a { @@ -29,8 +32,9 @@ a { <===> ================================================================================ <===> quote_unquoted_quote/single/input.scss +@use "sass:string"; // See sass/libsass#2873 -a {b: quote(unquote('"'))} +a {b: string.quote(string.unquote('"'))} <===> quote_unquoted_quote/single/output.css a { @@ -40,8 +44,9 @@ a { <===> ================================================================================ <===> quote_unquoted_quote/double/input.scss +@use "sass:string"; // See sass/libsass#2873 -a {b: quote(unquote('"') + unquote("'"))} +a {b: string.quote(string.unquote('"') + string.unquote("'"))} <===> quote_unquoted_quote/double/output.css a { @@ -51,7 +56,8 @@ a { <===> ================================================================================ <===> escape/input.scss -a {b: quote(\0)} +@use "sass:string"; +a {b: string.quote(\0)} <===> escape/output.css a { @@ -61,7 +67,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: quote($string: c)} +@use "sass:string"; +a {b: string.quote($string: c)} <===> named/output.css a { @@ -71,46 +78,49 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: quote((1, 2, 3))} +@use "sass:string"; +a {b: string.quote((1, 2, 3))} <===> error/type/error Error: $string: 1, 2, 3 is not a string. , -1 | a {b: quote((1, 2, 3))} - | ^^^^^^^^^^^^^^^^ +2 | a {b: string.quote((1, 2, 3))} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: quote()} +@use "sass:string"; +a {b: string.quote()} <===> error/too_few_args/error Error: Missing argument $string. ,--> input.scss -1 | a {b: quote()} - | ^^^^^^^ invocation +2 | a {b: string.quote()} + | ^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function quote($string) { | ============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: quote(c, d)} +@use "sass:string"; +a {b: string.quote(c, d)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: quote(c, d)} - | ^^^^^^^^^^^ invocation +2 | a {b: string.quote(c, d)} + | ^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function quote($string) { | ============== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/string/slice/combining_character.hrx b/spec/core_functions/string/slice/combining_character.hrx index 9a28c6724..d3432dae8 100644 --- a/spec/core_functions/string/slice/combining_character.hrx +++ b/spec/core_functions/string/slice/combining_character.hrx @@ -1,9 +1,10 @@ <===> input.scss +@use "sass:string"; // Sass does *not* treat strings as sequences of glyphs, so this string which // contains "c" followed by a combining umlaut should be considered two separate // characters even though it's rendered as only one and only the "d" should be // sliced out. -a {b: str-slice("cd\0308e", 2, 2)} +a {b: string.slice("cd\0308e", 2, 2)} <===> output.css a { diff --git a/spec/core_functions/string/slice/double_width_character.hrx b/spec/core_functions/string/slice/double_width_character.hrx index 1da208faf..dcfe7e55d 100644 --- a/spec/core_functions/string/slice/double_width_character.hrx +++ b/spec/core_functions/string/slice/double_width_character.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:string"; // Sass treats strings as sequences of Unicode codepoint; it doesn't care if a // character is represented as two UTF-16 code units, so inserting a character // at index 2 shouldn't break this emoji in two. -a {b: str-slice("c👭d", 2, 2)} +a {b: string.slice("c👭d", 2, 2)} <===> output.css @charset "UTF-8"; diff --git a/spec/core_functions/string/slice/empty.hrx b/spec/core_functions/string/slice/empty.hrx index bc3a26c50..f0225ccd7 100644 --- a/spec/core_functions/string/slice/empty.hrx +++ b/spec/core_functions/string/slice/empty.hrx @@ -1,5 +1,6 @@ <===> start/0/input.scss -a {b: str-slice("", 0)} +@use "sass:string"; +a {b: string.slice("", 0)} <===> start/0/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> start/1/input.scss -a {b: str-slice("", 1)} +@use "sass:string"; +a {b: string.slice("", 1)} <===> start/1/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> start/2/input.scss -a {b: str-slice("", 2)} +@use "sass:string"; +a {b: string.slice("", 2)} <===> start/2/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> start/negative_1/input.scss -a {b: str-slice("", -1)} +@use "sass:string"; +a {b: string.slice("", -1)} <===> start/negative_1/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> end/0/input.scss -a {b: str-slice("", 1, 0)} +@use "sass:string"; +a {b: string.slice("", 1, 0)} <===> end/0/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> end/1/input.scss -a {b: str-slice("", 1, 1)} +@use "sass:string"; +a {b: string.slice("", 1, 1)} <===> end/1/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> end/2/input.scss -a {b: str-slice("", 1, 2)} +@use "sass:string"; +a {b: string.slice("", 1, 2)} <===> end/2/output.css a { diff --git a/spec/core_functions/string/slice/end.hrx b/spec/core_functions/string/slice/end.hrx index f328ad88c..37556626a 100644 --- a/spec/core_functions/string/slice/end.hrx +++ b/spec/core_functions/string/slice/end.hrx @@ -1,5 +1,6 @@ <===> positive/0/input.scss -a {b: str-slice("cde", 1, 0)} +@use "sass:string"; +a {b: string.slice("cde", 1, 0)} <===> positive/0/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> positive/1/input.scss -a {b: str-slice("cde", 1, 1)} +@use "sass:string"; +a {b: string.slice("cde", 1, 1)} <===> positive/1/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> positive/2/input.scss -a {b: str-slice("cde", 1, 2)} +@use "sass:string"; +a {b: string.slice("cde", 1, 2)} <===> positive/2/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> positive/last/input.scss -a {b: str-slice("cde", 1, 3)} +@use "sass:string"; +a {b: string.slice("cde", 1, 3)} <===> positive/last/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> positive/after_last/input.scss -a {b: str-slice("cde", 1, 100)} +@use "sass:string"; +a {b: string.slice("cde", 1, 100)} <===> positive/after_last/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> positive/after_start/input.scss -a {b: str-slice("cdef", 2, 3)} +@use "sass:string"; +a {b: string.slice("cdef", 2, 3)} <===> positive/after_start/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> negative/1/input.scss -a {b: str-slice("cde", 1, -1)} +@use "sass:string"; +a {b: string.slice("cde", 1, -1)} <===> negative/1/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> negative/2/input.scss -a {b: str-slice("cde", 1, -2)} +@use "sass:string"; +a {b: string.slice("cde", 1, -2)} <===> negative/2/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> negative/last/input.scss -a {b: str-slice("cde", 1, -4)} +@use "sass:string"; +a {b: string.slice("cde", 1, -4)} <===> negative/last/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> negative/after_last/input.scss -a {b: str-slice("cde", 1, -100)} +@use "sass:string"; +a {b: string.slice("cde", 1, -100)} <===> negative/after_last/output.css a { diff --git a/spec/core_functions/string/slice/error.hrx b/spec/core_functions/string/slice/error.hrx index 6c298a176..03a71c559 100644 --- a/spec/core_functions/string/slice/error.hrx +++ b/spec/core_functions/string/slice/error.hrx @@ -1,122 +1,145 @@ <===> type/string/input.scss -a {b: str-slice(1, 2)} +@use "sass:string"; +a {b: string.slice(1, 2)} <===> type/string/error Error: $string: 1 is not a string. , -1 | a {b: str-slice(1, 2)} - | ^^^^^^^^^^^^^^^ +2 | a {b: string.slice(1, 2)} + | ^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> type/start_at/input.scss -a {b: str-slice("cde", "f")} +@use "sass:string"; +a {b: string.slice("cde", "f")} <===> type/start_at/error Error: $start-at: "f" is not a number. , -1 | a {b: str-slice("cde", "f")} - | ^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: string.slice("cde", "f")} + | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> type/end_at/input.scss -a {b: str-slice("cde", 1, "f")} +@use "sass:string"; +a {b: string.slice("cde", 1, "f")} <===> type/end_at/error Error: $end-at: "f" is not a number. , -1 | a {b: str-slice("cde", 1, "f")} - | ^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: string.slice("cde", 1, "f")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> decimal/start/input.scss -a {b: str-slice("", 0.5)} +@use "sass:string"; +a {b: string.slice("", 0.5)} <===> decimal/start/error Error: 0.5 is not an int. , -1 | a {b: str-slice("", 0.5)} - | ^^^^^^^^^^^^^^^^^^ +2 | a {b: string.slice("", 0.5)} + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> decimal/end/input.scss -a {b: str-slice("", 1, 1.5)} +@use "sass:string"; +a {b: string.slice("", 1, 1.5)} <===> decimal/end/error Error: 1.5 is not an int. , -1 | a {b: str-slice("", 1, 1.5)} - | ^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: string.slice("", 1, 1.5)} + | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> unit/start/input.scss -a {b: str-slice("", 1px)} +@use "sass:string"; +a {b: string.slice("", 1px)} <===> unit/start/error Error: $start-at: Expected 1px to have no units. , -1 | a {b: str-slice("", 1px)} - | ^^^^^^^^^^^^^^^^^^ +2 | a {b: string.slice("", 1px)} + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> unit/end/input.scss -a {b: str-slice("", 1, 2px)} +@use "sass:string"; +a {b: string.slice("", 1, 2px)} <===> unit/end/error Error: $end-at: Expected 2px to have no units. , -1 | a {b: str-slice("", 1, 2px)} - | ^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: string.slice("", 1, 2px)} + | ^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 2:7 root stylesheet + +<===> +================================================================================ +<===> wrong_name/input.scss +@use "sass:string"; +a {b: string.str-slice("c", 1, 1)} + +<===> wrong_name/error +Error: Undefined function. + , +2 | a {b: string.str-slice("c", 1, 1)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_few_args/input.scss -a {b: str-slice("cde")} +@use "sass:string"; +a {b: string.slice("cde")} <===> too_few_args/error Error: Missing argument $start-at. ,--> input.scss -1 | a {b: str-slice("cde")} - | ^^^^^^^^^^^^^^^^ invocation +2 | a {b: string.slice("cde")} + | ^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function slice($string, $start-at, $end-at: -1) { | ====================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_many_args/input.scss -a {b: str-slice("cde", 1, 2, 3)} +@use "sass:string"; +a {b: string.slice("cde", 1, 2, 3)} <===> too_many_args/error Error: Only 3 arguments allowed, but 4 were passed. ,--> input.scss -1 | a {b: str-slice("cde", 1, 2, 3)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: string.slice("cde", 1, 2, 3)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function slice($string, $start-at, $end-at: -1) { | ====================================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/string/slice/named.hrx b/spec/core_functions/string/slice/named.hrx index 6296ed8f5..0ad864542 100644 --- a/spec/core_functions/string/slice/named.hrx +++ b/spec/core_functions/string/slice/named.hrx @@ -1,5 +1,6 @@ <===> input.scss -a {b: str-slice($string: "cde", $start-at: 2, $end-at: 2)} +@use "sass:string"; +a {b: string.slice($string: "cde", $start-at: 2, $end-at: 2)} <===> output.css a { diff --git a/spec/core_functions/string/slice/start.hrx b/spec/core_functions/string/slice/start.hrx index 8409dae32..8749d04a9 100644 --- a/spec/core_functions/string/slice/start.hrx +++ b/spec/core_functions/string/slice/start.hrx @@ -1,5 +1,6 @@ <===> positive/0/input.scss -a {b: str-slice("cde", 0)} +@use "sass:string"; +a {b: string.slice("cde", 0)} <===> positive/0/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> positive/1/input.scss -a {b: str-slice("cde", 1)} +@use "sass:string"; +a {b: string.slice("cde", 1)} <===> positive/1/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> positive/2/input.scss -a {b: str-slice("cde", 2)} +@use "sass:string"; +a {b: string.slice("cde", 2)} <===> positive/2/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> positive/last/input.scss -a {b: str-slice("cde", 4)} +@use "sass:string"; +a {b: string.slice("cde", 4)} <===> positive/last/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> positive/after_last/input.scss -a {b: str-slice("cde", 100)} +@use "sass:string"; +a {b: string.slice("cde", 100)} <===> positive/after_last/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> positive/after_end/input.scss -a {b: str-slice("cdef", 3, 2)} +@use "sass:string"; +a {b: string.slice("cdef", 3, 2)} <===> positive/after_end/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> negative/1/input.scss -a {b: str-slice("cde", -1)} +@use "sass:string"; +a {b: string.slice("cde", -1)} <===> negative/1/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> negative/2/input.scss -a {b: str-slice("cde", -2)} +@use "sass:string"; +a {b: string.slice("cde", -2)} <===> negative/2/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> negative/last/input.scss -a {b: str-slice("cde", -3)} +@use "sass:string"; +a {b: string.slice("cde", -3)} <===> negative/last/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> negative/after_last/input.scss -a {b: str-slice("cde", -100)} +@use "sass:string"; +a {b: string.slice("cde", -100)} <===> negative/after_last/output.css a { diff --git a/spec/core_functions/string/slice/unquoted.hrx b/spec/core_functions/string/slice/unquoted.hrx index 132b81df2..1e50acbc4 100644 --- a/spec/core_functions/string/slice/unquoted.hrx +++ b/spec/core_functions/string/slice/unquoted.hrx @@ -1,5 +1,6 @@ <===> input.scss -a {b: str-slice(cdefgh, 3, 5)} +@use "sass:string"; +a {b: string.slice(cdefgh, 3, 5)} <===> output.css a { diff --git a/spec/core_functions/string/split.hrx b/spec/core_functions/string/split.hrx index 1d1958e23..e114c88e8 100644 --- a/spec/core_functions/string/split.hrx +++ b/spec/core_functions/string/split.hrx @@ -10,11 +10,13 @@ a { <===> ================================================================================ <===> empty/input.scss +@use "sass:list"; +@use "sass:meta"; @use "sass:string"; $result: string.split("", "/"); a { - value: inspect($result); - separator: list-separator($result); + value: meta.inspect($result); + separator: list.separator($result); } <===> empty/output.css @@ -26,11 +28,13 @@ a { <===> ================================================================================ <===> single/input.scss +@use "sass:list"; +@use "sass:meta"; @use "sass:string"; $result: string.split("a", ""); a { - value: inspect($result); - separator: list-separator($result); + value: meta.inspect($result); + separator: list.separator($result); } <===> single/output.css diff --git a/spec/core_functions/string/to_lower_case.hrx b/spec/core_functions/string/to_lower_case.hrx index 263d690ef..221a09924 100644 --- a/spec/core_functions/string/to_lower_case.hrx +++ b/spec/core_functions/string/to_lower_case.hrx @@ -1,5 +1,6 @@ <===> empty/input.scss -a {b: to-lower-case("")} +@use "sass:string"; +a {b: string.to-lower-case("")} <===> empty/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> alphabet/input.scss -a {b: to-lower-case("ABCDEFGHIJKLMNOPQRSTUVQXYZ")} +@use "sass:string"; +a {b: string.to-lower-case("ABCDEFGHIJKLMNOPQRSTUVQXYZ")} <===> alphabet/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> number/input.scss -a {b: to-lower-case("1234567890")} +@use "sass:string"; +a {b: string.to-lower-case("1234567890")} <===> number/output.css a { @@ -29,8 +32,9 @@ a { <===> ================================================================================ <===> non_ascii/input.scss +@use "sass:string"; // Only ASCII characters have their case changed. -a {b: to-lower-case("ÄÇÐØÞ")} +a {b: string.to-lower-case("ÄÇÐØÞ")} <===> non_ascii/output.css @charset "UTF-8"; @@ -41,7 +45,8 @@ a { <===> ================================================================================ <===> unquoted/input.scss -a {b: to-lower-case(aBcDeF)} +@use "sass:string"; +a {b: string.to-lower-case(aBcDeF)} <===> unquoted/output.css a { @@ -51,7 +56,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: to-lower-case($string: abcDEF)} +@use "sass:string"; +a {b: string.to-lower-case($string: abcDEF)} <===> named/output.css a { @@ -61,47 +67,50 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: to-lower-case(1)} +@use "sass:string"; +a {b: string.to-lower-case(1)} <===> error/type/error Error: $string: 1 is not a string. , -1 | a {b: to-lower-case(1)} - | ^^^^^^^^^^^^^^^^ +2 | a {b: string.to-lower-case(1)} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: to-lower-case()} +@use "sass:string"; +a {b: string.to-lower-case()} <===> error/too_few_args/error Error: Missing argument $string. ,--> input.scss -1 | a {b: to-lower-case()} - | ^^^^^^^^^^^^^^^ invocation +2 | a {b: string.to-lower-case()} + | ^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function to-lower-case($string) { | ====================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: to-lower-case("", "")} +@use "sass:string"; +a {b: string.to-lower-case("", "")} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: to-lower-case("", "")} - | ^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: string.to-lower-case("", "")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function to-lower-case($string) { | ====================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/string/to_upper_case.hrx b/spec/core_functions/string/to_upper_case.hrx index 3c5fea09d..f25cb90d4 100644 --- a/spec/core_functions/string/to_upper_case.hrx +++ b/spec/core_functions/string/to_upper_case.hrx @@ -1,5 +1,6 @@ <===> empty/input.scss -a {b: to-upper-case("")} +@use "sass:string"; +a {b: string.to-upper-case("")} <===> empty/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> alphabet/input.scss -a {b: to-upper-case("abcdefghijklmnopqrstuvqxyz")} +@use "sass:string"; +a {b: string.to-upper-case("abcdefghijklmnopqrstuvqxyz")} <===> alphabet/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> number/input.scss -a {b: to-upper-case("1234567890")} +@use "sass:string"; +a {b: string.to-upper-case("1234567890")} <===> number/output.css a { @@ -29,8 +32,9 @@ a { <===> ================================================================================ <===> non_ascii/input.scss +@use "sass:string"; // Only ASCII characters have their case changed. -a {b: to-upper-case("äçðøþ")} +a {b: string.to-upper-case("äçðøþ")} <===> non_ascii/output.css @charset "UTF-8"; @@ -41,7 +45,8 @@ a { <===> ================================================================================ <===> unquoted/input.scss -a {b: to-upper-case(aBcDeF)} +@use "sass:string"; +a {b: string.to-upper-case(aBcDeF)} <===> unquoted/output.css a { @@ -51,7 +56,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: to-upper-case($string: abcDEF)} +@use "sass:string"; +a {b: string.to-upper-case($string: abcDEF)} <===> named/output.css a { @@ -61,47 +67,50 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: to-upper-case(1)} +@use "sass:string"; +a {b: string.to-upper-case(1)} <===> error/type/error Error: $string: 1 is not a string. , -1 | a {b: to-upper-case(1)} - | ^^^^^^^^^^^^^^^^ +2 | a {b: string.to-upper-case(1)} + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: to-upper-case()} +@use "sass:string"; +a {b: string.to-upper-case()} <===> error/too_few_args/error Error: Missing argument $string. ,--> input.scss -1 | a {b: to-upper-case()} - | ^^^^^^^^^^^^^^^ invocation +2 | a {b: string.to-upper-case()} + | ^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function to-upper-case($string) { | ====================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: to-upper-case("", "")} +@use "sass:string"; +a {b: string.to-upper-case("", "")} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: to-upper-case("", "")} - | ^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: string.to-upper-case("", "")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function to-upper-case($string) { | ====================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/string/unique_id.hrx b/spec/core_functions/string/unique_id.hrx index 4ccbca6c1..8b81fd007 100644 --- a/spec/core_functions/string/unique_id.hrx +++ b/spec/core_functions/string/unique_id.hrx @@ -1,14 +1,16 @@ <===> is_unique/input.scss +@use "sass:map"; +@use "sass:string"; // As the name suggests, every call to unique-id() should return a different // value. $ids: (); @for $i from 1 to 1000 { - $id: unique-id(); - @if map-has-key($ids, $id) { + $id: string.unique-id(); + @if map.has-key($ids, $id) { @error "#{$id} generated more than once"; } - $ids: map-merge($ids, ($id: null)); + $ids: map.merge($ids, ($id: null)); } <===> is_unique/output.css @@ -16,11 +18,13 @@ $ids: (); <===> ================================================================================ <===> is_identifier/input.scss +@use "sass:selector"; +@use "sass:string"; // Every call to unique-id() should return a valid CSS identifier. We can't test // this directly, so we make sure it can parse as a class selector with // selector-parse(). @for $i from 1 to 1000 { - $_: selector-parse(".#{unique-id()}"); + $_: selector.parse(".#{string.unique-id()}"); } <===> is_identifier/output.css @@ -28,16 +32,17 @@ $ids: (); <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: unique-id(c)} +@use "sass:string"; +a {b: string.unique-id(c)} <===> error/too_many_args/error Error: Only 0 arguments allowed, but 1 was passed. ,--> input.scss -1 | a {b: unique-id(c)} - | ^^^^^^^^^^^^ invocation +2 | a {b: string.unique-id(c)} + | ^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function unique-id() { | =========== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/string/unquote.hrx b/spec/core_functions/string/unquote.hrx index 8a19dbf2d..2368c921a 100644 --- a/spec/core_functions/string/unquote.hrx +++ b/spec/core_functions/string/unquote.hrx @@ -6,7 +6,8 @@ value with the same serialization. <===> ================================================================================ <===> unquoted/input.scss -a {b: unquote(c)} +@use "sass:string"; +a {b: string.unquote(c)} <===> unquoted/output.css a { @@ -16,7 +17,8 @@ a { <===> ================================================================================ <===> quoted/input.scss -a {b: unquote("c")} +@use "sass:string"; +a {b: string.unquote("c")} <===> quoted/output.css a { @@ -26,10 +28,11 @@ a { <===> ================================================================================ <===> empty/input.scss -$result: unquote(""); +@use "sass:string"; +$result: string.unquote(""); a { result: $result; // This will not be emitted because the contents is empty. - length: str-length($result); + length: string.length($result); same: $result == ""; } @@ -42,12 +45,13 @@ a { <===> ================================================================================ <===> escaped_quotes/unquoted/input.scss +@use "sass:string"; // Unquoting an unquoted string returns it exactly as-is, leaving escapes // totally unchanged (whether they're quotes or not). -$result: unquote(\"c\"); +$result: string.unquote(\"c\"); a { result: $result; - length: str-length($result); + length: string.length($result); same: $result == \"c\"; } @@ -61,13 +65,14 @@ a { <===> ================================================================================ <===> escaped_quotes/quoted/input.scss +@use "sass:string"; // Unquoting a quoted string returns an unquoted string with the same code // points. Code points such as quotes that need to be escaped in the original // don't need escaping in the output. -$result: unquote("\"c\""); +$result: string.unquote("\"c\""); a { result: $result; - length: str-length($result); + length: string.length($result); same: $result == "\"c\""; } @@ -81,14 +86,15 @@ a { <===> ================================================================================ <===> meaningful_css_characters/input.scss +@use "sass:string"; // Unquoted strings aren't required to be valid CSS identifiers, and the // `unquote()` function does *not* escape characters that aren't valid // identifier characters. This allows it to be used as an escape hatch to // produce CSS that Sass doesn't otherwise support. -$result: unquote("b; c {d: e"); +$result: string.unquote("b; c {d: e"); a { result: $result; - length: str-length($result); + length: string.length($result); same: $result == "b; c {d: e"; } @@ -102,10 +108,11 @@ a { <===> ================================================================================ <===> escaped_backslash/input.scss -$result: unquote("\\0 "); +@use "sass:string"; +$result: string.unquote("\\0 "); a { result: $result; - length: str-length($result); + length: string.length($result); same-as-argument: $result == "\\0 "; same-as-literal: $result == \0 ; } @@ -121,7 +128,8 @@ a { <===> ================================================================================ <===> named/input.scss -a {b: unquote($string: c)} +@use "sass:string"; +a {b: string.unquote($string: c)} <===> named/output.css a { @@ -131,46 +139,49 @@ a { <===> ================================================================================ <===> error/type/input.scss -a {b: unquote(1)} +@use "sass:string"; +a {b: string.unquote(1)} <===> error/type/error Error: $string: 1 is not a string. , -1 | a {b: unquote(1)} - | ^^^^^^^^^^ +2 | a {b: string.unquote(1)} + | ^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: unquote()} +@use "sass:string"; +a {b: string.unquote()} <===> error/too_few_args/error Error: Missing argument $string. ,--> input.scss -1 | a {b: unquote()} - | ^^^^^^^^^ invocation +2 | a {b: string.unquote()} + | ^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function unquote($string) { | ================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: unquote(c, d)} +@use "sass:string"; +a {b: string.unquote(c, d)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: unquote(c, d)} - | ^^^^^^^^^^^^^ invocation +2 | a {b: string.unquote(c, d)} + | ^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:string 1 | @function unquote($string) { | ================ declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/directives/use/css/import.hrx b/spec/directives/use/css/import.hrx index b31b9a119..4d54df8a4 100644 --- a/spec/directives/use/css/import.hrx +++ b/spec/directives/use/css/import.hrx @@ -154,15 +154,17 @@ in-input { outer {@import "imported"} <===> nested_import_into_use/_imported.scss +@use "sass:meta"; @use "used"; -in-imported {parent: inspect(&)} +in-imported {parent: meta.inspect(&)} <===> nested_import_into_use/_used.scss +@use "sass:meta"; // This parent selector will be `null`, because used modules are always // evaluated in a clean context, even if their CSS is then copied into an // imported file. -in-used {parent: inspect(&)} +in-used {parent: meta.inspect(&)} <===> nested_import_into_use/output.css outer in-used { diff --git a/spec/directives/use/member/nested_global_variable.hrx b/spec/directives/use/member/nested_global_variable.hrx index 2a5e01529..41b9f8ebd 100644 --- a/spec/directives/use/member/nested_global_variable.hrx +++ b/spec/directives/use/member/nested_global_variable.hrx @@ -1,7 +1,8 @@ <===> direct/input.scss +@use "sass:meta"; @use "other"; -a {b: inspect(other.$member)} +a {b: meta.inspect(other.$member)} <===> direct/other.scss x { @@ -22,9 +23,10 @@ a { <===> ================================================================================ <===> through_import/input.scss +@use "sass:meta"; @use "used"; -a {b: inspect(used.$member)} +a {b: meta.inspect(used.$member)} <===> through_import/used.scss @import "imported"; diff --git a/spec/directives/warn.hrx b/spec/directives/warn.hrx index 6042e9bfd..cecf15a46 100644 --- a/spec/directives/warn.hrx +++ b/spec/directives/warn.hrx @@ -105,8 +105,10 @@ WARNING: warning <===> ================================================================================ <===> functions_in_stack/input.scss +@use "sass:meta"; + @function issues-warning($a) { - @warn "From function: #{inspect($a)}"; + @warn "From function: #{meta.inspect($a)}"; @return $a; } @@ -125,9 +127,9 @@ WARNING: warning <===> functions_in_stack/warning WARNING: From function: testing - input.scss 2:3 issues-warning() - input.scss 7:11 calls-function-that-warns() - input.scss 11:3 root stylesheet + input.scss 4:3 issues-warning() + input.scss 9:11 calls-function-that-warns() + input.scss 13:3 root stylesheet <===> ================================================================================ diff --git a/spec/non_conformant/basic/22_colors_with_alpha.hrx b/spec/non_conformant/basic/22_colors_with_alpha.hrx index 18c699a70..91d1df1cc 100644 --- a/spec/non_conformant/basic/22_colors_with_alpha.hrx +++ b/spec/non_conformant/basic/22_colors_with_alpha.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:color"; $x: rgb(0, 255, 255); div { @@ -13,13 +14,13 @@ div { $x: rgb(123, 45, 6); - hoo: red($x); - moo: green($x); - poo: blue($x); + hoo: color.red($x); + moo: color.green($x); + poo: color.blue($x); - goo: mix(rgba(255, 0, 0, 0.5), #00f); + goo: color.mix(rgba(255, 0, 0, 0.5), #00f); - boo: invert(#123456); + boo: color.invert(#123456); } <===> output.css diff --git a/spec/non_conformant/basic/23_basic_value_interpolation.hrx b/spec/non_conformant/basic/23_basic_value_interpolation.hrx index 89a6ff3e4..e9024e024 100644 --- a/spec/non_conformant/basic/23_basic_value_interpolation.hrx +++ b/spec/non_conformant/basic/23_basic_value_interpolation.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:meta"; div { a: hello#{world}; a: hello #{world}; b: 12#{3}; - b: type-of(12#{3}); + b: meta.type-of(12#{3}); b: #{12 + 111}; - b: type-of(#{12 + 111}); + b: meta.type-of(#{12 + 111}); } <===> output.css div { diff --git a/spec/non_conformant/basic/24_namespace_properties.hrx b/spec/non_conformant/basic/24_namespace_properties.hrx index 54b9c3e3b..415531585 100644 --- a/spec/non_conformant/basic/24_namespace_properties.hrx +++ b/spec/non_conformant/basic/24_namespace_properties.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; div { a: { p1: q; @@ -12,7 +13,7 @@ div { foo { bar: baz { bip: bop; - bing: type-of("hello"); + bing: meta.type-of("hello"); bang: 1 + 2; bung: bap; bong: bup { diff --git a/spec/non_conformant/basic/25_basic_string_interpolation.hrx b/spec/non_conformant/basic/25_basic_string_interpolation.hrx index d4bd8d115..479a52108 100644 --- a/spec/non_conformant/basic/25_basic_string_interpolation.hrx +++ b/spec/non_conformant/basic/25_basic_string_interpolation.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:math"; div { - blah: "hello #{2+2} world #{unit(23px)} #{'bloo\n'} blah"; + blah: "hello #{2+2} world #{math.unit(23px)} #{'bloo\n'} blah"; } <===> output.css div { diff --git a/spec/non_conformant/basic/26_selector_interpolation.hrx b/spec/non_conformant/basic/26_selector_interpolation.hrx index 7c15b2639..847f3dccb 100644 --- a/spec/non_conformant/basic/26_selector_interpolation.hrx +++ b/spec/non_conformant/basic/26_selector_interpolation.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:list"; $x: oo, ba; $y: az, hu; @@ -6,7 +7,7 @@ f#{$x}r { p: 1; b#{$y}x { q: 2; - mumble#{length($x) + length($y)} { + mumble#{list.length($x) + list.length($y)} { r: 3; } } diff --git a/spec/non_conformant/basic/29_if.hrx b/spec/non_conformant/basic/29_if.hrx index 806e8bc6e..e308b43a2 100644 --- a/spec/non_conformant/basic/29_if.hrx +++ b/spec/non_conformant/basic/29_if.hrx @@ -1,29 +1,31 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; $x: a, b, 1+2; -@if type-of(nth($x, 3)) == number { +@if meta.type-of(list.nth($x, 3)) == number { div { background: gray; } } -@if type-of(nth($x, 2)) == number { +@if meta.type-of(list.nth($x, 2)) == number { div { background: gray; } } -@else if type-of(nth($x, 2)) == string { +@else if meta.type-of(list.nth($x, 2)) == string { div { background: blue; } } -@if type-of(nth($x, 2)) == number { +@if meta.type-of(list.nth($x, 2)) == number { div { background: gray; } } -@else if type-of(nth($x, 2)) == color { +@else if meta.type-of(list.nth($x, 2)) == color { div { background: blue; } diff --git a/spec/non_conformant/basic/33_ambiguous_imports.hrx b/spec/non_conformant/basic/33_ambiguous_imports.hrx index 1eea08b61..5d1113184 100644 --- a/spec/non_conformant/basic/33_ambiguous_imports.hrx +++ b/spec/non_conformant/basic/33_ambiguous_imports.hrx @@ -1,15 +1,17 @@ <===> input.scss +@use "sass:meta"; main { color: red; } -@import "dir"; +@include meta.load-css("dir"); <===> dir.scss +@use "sass:meta"; dir { color: blue; } -@import "blir/fudge"; +@include meta.load-css("blir/fudge"); <===> blir/_fudge.scss fudge { color: brown; diff --git a/spec/non_conformant/basic/51_trailing_commas_in_list.hrx b/spec/non_conformant/basic/51_trailing_commas_in_list.hrx index cfcd31b0f..6052439a1 100644 --- a/spec/non_conformant/basic/51_trailing_commas_in_list.hrx +++ b/spec/non_conformant/basic/51_trailing_commas_in_list.hrx @@ -1,10 +1,12 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; $mylist: (alpha, beta, gamma, ); $my-single-item-list: (alpha,); .test { - out1: length($mylist); - blah: type-of(nth($mylist,3)); - out: length($my-single-item-list); + out1: list.length($mylist); + blah: meta.type-of(list.nth($mylist,3)); + out: list.length($my-single-item-list); } <===> output.css .test { diff --git a/spec/non_conformant/basic/55_variable_exists.hrx b/spec/non_conformant/basic/55_variable_exists.hrx index 631efc46e..e6658a002 100644 --- a/spec/non_conformant/basic/55_variable_exists.hrx +++ b/spec/non_conformant/basic/55_variable_exists.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; @function exists($name) { - @return variable-exists($name); + @return meta.variable-exists($name); } @function f() { @@ -9,30 +10,30 @@ } @function g() { - @return variable-exists(foo); + @return meta.variable-exists(foo); } div { - foo: variable-exists(x); - foo: variable-exists("x"); + foo: meta.variable-exists(x); + foo: meta.variable-exists("x"); span { $x: false; - foo: variable-exists(x); - foo: variable-exists("x"); - foo: variable-exists(y); - foo: variable-exists("y"); + foo: meta.variable-exists(x); + foo: meta.variable-exists("x"); + foo: meta.variable-exists(y); + foo: meta.variable-exists("y"); foo: exists(x); foo: exists("x"); p { - foo: variable-exists(x); - foo: variable-exists("x"); + foo: meta.variable-exists(x); + foo: meta.variable-exists("x"); foo: exists(x); foo: exists("x"); - foo: variable-exists(y); - foo: variable-exists("y"); + foo: meta.variable-exists(y); + foo: meta.variable-exists("y"); foo: f(); $y: blah; } diff --git a/spec/non_conformant/basic/56_global_variable_exists.hrx b/spec/non_conformant/basic/56_global_variable_exists.hrx index 112f3a82d..441678df5 100644 --- a/spec/non_conformant/basic/56_global_variable_exists.hrx +++ b/spec/non_conformant/basic/56_global_variable_exists.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; @function exists($name) { - @return global-variable-exists($name); + @return meta.global-variable-exists($name); } @function f() { @@ -9,37 +10,37 @@ } @function g() { - @return global-variable-exists(foo); + @return meta.global-variable-exists(foo); } $z: hi; div { - foo: global-variable-exists(x); - foo: global-variable-exists("x"); - foo: global-variable-exists(z); - foo: global-variable-exists("z"); + foo: meta.global-variable-exists(x); + foo: meta.global-variable-exists("x"); + foo: meta.global-variable-exists(z); + foo: meta.global-variable-exists("z"); span { $x: false; - foo: global-variable-exists(x); - foo: global-variable-exists("x"); - foo: global-variable-exists(y); - foo: global-variable-exists("y"); + foo: meta.global-variable-exists(x); + foo: meta.global-variable-exists("x"); + foo: meta.global-variable-exists(y); + foo: meta.global-variable-exists("y"); - foo: global-variable-exists(z); - foo: global-variable-exists("z"); + foo: meta.global-variable-exists(z); + foo: meta.global-variable-exists("z"); p { - foo: global-variable-exists(x); - foo: global-variable-exists("x"); + foo: meta.global-variable-exists(x); + foo: meta.global-variable-exists("x"); foo: exists(x); foo: exists("x"); - foo: global-variable-exists(z); - foo: global-variable-exists("z"); - foo: global-variable-exists(y); - foo: global-variable-exists("y"); + foo: meta.global-variable-exists(z); + foo: meta.global-variable-exists("z"); + foo: meta.global-variable-exists(y); + foo: meta.global-variable-exists("y"); foo: f(); $y: blah; //TODO: check for shadowing diff --git a/spec/non_conformant/basic/57_function_exists.hrx b/spec/non_conformant/basic/57_function_exists.hrx index cfd90b653..62b51a84b 100644 --- a/spec/non_conformant/basic/57_function_exists.hrx +++ b/spec/non_conformant/basic/57_function_exists.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; @function exists($name) { - @return function-exists($name); + @return meta.function-exists($name); } @function f() { @@ -9,54 +10,54 @@ } @function g() { - @return function-exists(foo); + @return meta.function-exists(foo); } @function h() { - @return function-exists(lighten); + @return meta.function-exists(lighten); } div { - foo: function-exists(lighten); - foo: function-exists("lighten"); - foo: function-exists(exists); - foo: function-exists("exists"); - foo: function-exists(f); - foo: function-exists("f"); - foo: function-exists(g); - foo: function-exists("g"); - foo: function-exists(nope); - foo: function-exists("nope"); + foo: meta.function-exists(lighten); + foo: meta.function-exists("lighten"); + foo: meta.function-exists(exists); + foo: meta.function-exists("exists"); + foo: meta.function-exists(f); + foo: meta.function-exists("f"); + foo: meta.function-exists(g); + foo: meta.function-exists("g"); + foo: meta.function-exists(nope); + foo: meta.function-exists("nope"); foo: g(); foo: f(); foo: h(); span { - foo: function-exists(lighten); - foo: function-exists("lighten"); - foo: function-exists(exists); - foo: function-exists("exists"); - foo: function-exists(f); - foo: function-exists("f"); - foo: function-exists(g); - foo: function-exists("g"); - foo: function-exists(nope); - foo: function-exists("nope"); + foo: meta.function-exists(lighten); + foo: meta.function-exists("lighten"); + foo: meta.function-exists(exists); + foo: meta.function-exists("exists"); + foo: meta.function-exists(f); + foo: meta.function-exists("f"); + foo: meta.function-exists(g); + foo: meta.function-exists("g"); + foo: meta.function-exists(nope); + foo: meta.function-exists("nope"); foo: g(); foo: f(); foo: h(); p { - foo: function-exists(lighten); - foo: function-exists("lighten"); - foo: function-exists(exists); - foo: function-exists("exists"); - foo: function-exists(f); - foo: function-exists("f"); - foo: function-exists(g); - foo: function-exists("g"); - foo: function-exists(nope); - foo: function-exists("nope"); + foo: meta.function-exists(lighten); + foo: meta.function-exists("lighten"); + foo: meta.function-exists(exists); + foo: meta.function-exists("exists"); + foo: meta.function-exists(f); + foo: meta.function-exists("f"); + foo: meta.function-exists(g); + foo: meta.function-exists("g"); + foo: meta.function-exists(nope); + foo: meta.function-exists("nope"); foo: g(); foo: f(); foo: h(); diff --git a/spec/non_conformant/basic/58_mixin_exists.hrx b/spec/non_conformant/basic/58_mixin_exists.hrx index 05f8570b3..c59236371 100644 --- a/spec/non_conformant/basic/58_mixin_exists.hrx +++ b/spec/non_conformant/basic/58_mixin_exists.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; @function exists($name) { - @return mixin-exists($name); + @return meta.mixin-exists($name); } @function f() { @@ -9,11 +10,11 @@ } @function g() { - @return mixin-exists(foo); + @return meta.mixin-exists(foo); } @function h() { - @return mixin-exists(lighten); + @return meta.mixin-exists(lighten); } @mixin red-text { color: red; } @@ -21,40 +22,40 @@ @mixin green-text { color: red; } div { - foo: mixin-exists(red-text); - foo: mixin-exists("red-text"); - foo: mixin-exists(blue-text); - foo: mixin-exists("blue-text"); - foo: mixin-exists(green-text); - foo: mixin-exists("green-text"); - foo: mixin-exists(nope); - foo: mixin-exists("nope"); + foo: meta.mixin-exists(red-text); + foo: meta.mixin-exists("red-text"); + foo: meta.mixin-exists(blue-text); + foo: meta.mixin-exists("blue-text"); + foo: meta.mixin-exists(green-text); + foo: meta.mixin-exists("green-text"); + foo: meta.mixin-exists(nope); + foo: meta.mixin-exists("nope"); foo: g(); foo: f(); foo: h(); span { - foo: mixin-exists(red-text); - foo: mixin-exists("red-text"); - foo: mixin-exists(blue-text); - foo: mixin-exists("blue-text"); - foo: mixin-exists(green-text); - foo: mixin-exists("green-text"); - foo: mixin-exists(nope); - foo: mixin-exists("nope"); + foo: meta.mixin-exists(red-text); + foo: meta.mixin-exists("red-text"); + foo: meta.mixin-exists(blue-text); + foo: meta.mixin-exists("blue-text"); + foo: meta.mixin-exists(green-text); + foo: meta.mixin-exists("green-text"); + foo: meta.mixin-exists(nope); + foo: meta.mixin-exists("nope"); foo: g(); foo: f(); foo: h(); p { - foo: mixin-exists(red-text); - foo: mixin-exists("red-text"); - foo: mixin-exists(blue-text); - foo: mixin-exists("blue-text"); - foo: mixin-exists(green-text); - foo: mixin-exists("green-text"); - foo: mixin-exists(nope); - foo: mixin-exists("nope"); + foo: meta.mixin-exists(red-text); + foo: meta.mixin-exists("red-text"); + foo: meta.mixin-exists(blue-text); + foo: meta.mixin-exists("blue-text"); + foo: meta.mixin-exists(green-text); + foo: meta.mixin-exists("green-text"); + foo: meta.mixin-exists(nope); + foo: meta.mixin-exists("nope"); foo: g(); foo: f(); foo: h(); diff --git a/spec/non_conformant/basic/59_if_expression.hrx b/spec/non_conformant/basic/59_if_expression.hrx index 6dc369315..62c05bc42 100644 --- a/spec/non_conformant/basic/59_if_expression.hrx +++ b/spec/non_conformant/basic/59_if_expression.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:string"; $x: 0; $if-false: whatever; div { foo: if($if-true: hey, $if-false: ho, $condition: true); foo: if($if-true: hey, $if-false: ho, $condition: false); - foo: if($x != 0, if($x, true, false), unquote("x is zero")); + foo: if($x != 0, if($x, true, false), string.unquote("x is zero")); foo: if(false, 1/0, $if-false: $if-false); } <===> output.css diff --git a/spec/non_conformant/colors/basic.hrx b/spec/non_conformant/colors/basic.hrx index 8d0d96a38..5e696a7a9 100644 --- a/spec/non_conformant/colors/basic.hrx +++ b/spec/non_conformant/colors/basic.hrx @@ -1,10 +1,11 @@ <===> input.scss +@use "sass:string"; p { color: rgb(255, 128, 0); color: red green blue; color: (red) (green) (blue); color: red + hux; - color: unquote("red") + green; + color: string.unquote("red") + green; foo: rgb(200, 150%, 170%); } <===> output.css diff --git a/spec/non_conformant/colors/change-color.hrx b/spec/non_conformant/colors/change-color.hrx index ce7d4ec71..27371a80d 100644 --- a/spec/non_conformant/colors/change-color.hrx +++ b/spec/non_conformant/colors/change-color.hrx @@ -1,9 +1,10 @@ <===> input.scss +@use "sass:color"; p { - color: change-color(#102030, $blue: 5); - color: change-color(#102030, $alpha: .325); - color: change-color(#102030, $red: 120, $blue: 5); - color: change-color(hsl(25, 100%, 80%), $lightness: 40%, $alpha: 0.8); + color: color.change(#102030, $blue: 5); + color: color.change(#102030, $alpha: .325); + color: color.change(#102030, $red: 120, $blue: 5); + color: color.change(hsl(25, 100%, 80%), $lightness: 40%, $alpha: 0.8); } <===> output.css p { diff --git a/spec/non_conformant/errors/fn-change-color-1.hrx b/spec/non_conformant/errors/fn-change-color-1.hrx index 8355cac00..c3816b9ef 100644 --- a/spec/non_conformant/errors/fn-change-color-1.hrx +++ b/spec/non_conformant/errors/fn-change-color-1.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:color"; foo { - test: change-color(red, $red: 0.5, $hue: 0.2); + test: color.change(red, $red: 0.5, $hue: 0.2); } <===> error Error: RGB parameters may not be passed along with HSL parameters. , -2 | test: change-color(red, $red: 0.5, $hue: 0.2); +3 | test: color.change(red, $red: 0.5, $hue: 0.2); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:9 root stylesheet + input.scss 3:9 root stylesheet diff --git a/spec/non_conformant/errors/import/file/mixin/simple/inside.hrx b/spec/non_conformant/errors/import/file/mixin/simple/inside.hrx index 3cbc07d8f..43fca1bd7 100644 --- a/spec/non_conformant/errors/import/file/mixin/simple/inside.hrx +++ b/spec/non_conformant/errors/import/file/mixin/simple/inside.hrx @@ -1,9 +1,10 @@ <===> input.scss +@use "sass:string"; @mixin import-google-fonts() { @import url("http://fonts.googleapis.com/css?family=#{$family}"); } foo { - $family: unquote("Droid+Sans"); + $family: string.unquote("Droid+Sans"); @include import-google-fonts(); } <===> _include.scss @@ -11,8 +12,8 @@ foo { <===> error Error: Undefined variable. , -2 | @import url("http://fonts.googleapis.com/css?family=#{$family}"); +3 | @import url("http://fonts.googleapis.com/css?family=#{$family}"); | ^^^^^^^ ' - input.scss 2:57 import-google-fonts() - input.scss 6:3 root stylesheet + input.scss 3:57 import-google-fonts() + input.scss 7:3 root stylesheet diff --git a/spec/non_conformant/errors/import/file/mixin/simple/outside.hrx b/spec/non_conformant/errors/import/file/mixin/simple/outside.hrx index ca5e5f18f..1a42c5e00 100644 --- a/spec/non_conformant/errors/import/file/mixin/simple/outside.hrx +++ b/spec/non_conformant/errors/import/file/mixin/simple/outside.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:string"; @mixin import-google-fonts() { @import url("http://fonts.googleapis.com/css?family=#{$family}"); } -$family: unquote("Droid+Sans"); +$family: string.unquote("Droid+Sans"); @include import-google-fonts(); <===> _include.scss diff --git a/spec/non_conformant/errors/import/miss/mixin/simple/inside.hrx b/spec/non_conformant/errors/import/miss/mixin/simple/inside.hrx index ac91bab7e..0459ae76e 100644 --- a/spec/non_conformant/errors/import/miss/mixin/simple/inside.hrx +++ b/spec/non_conformant/errors/import/miss/mixin/simple/inside.hrx @@ -1,16 +1,17 @@ <===> input.scss +@use "sass:string"; @mixin import-google-fonts() { @import url("http://fonts.googleapis.com/css?family=#{$family}"); } foo { - $family: unquote("Droid+Sans"); + $family: string.unquote("Droid+Sans"); @include import-google-fonts(); } <===> error Error: Undefined variable. , -2 | @import url("http://fonts.googleapis.com/css?family=#{$family}"); +3 | @import url("http://fonts.googleapis.com/css?family=#{$family}"); | ^^^^^^^ ' - input.scss 2:57 import-google-fonts() - input.scss 6:3 root stylesheet + input.scss 3:57 import-google-fonts() + input.scss 7:3 root stylesheet diff --git a/spec/non_conformant/errors/import/miss/mixin/simple/outside.hrx b/spec/non_conformant/errors/import/miss/mixin/simple/outside.hrx index 5cf1442ed..5e34b1d92 100644 --- a/spec/non_conformant/errors/import/miss/mixin/simple/outside.hrx +++ b/spec/non_conformant/errors/import/miss/mixin/simple/outside.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:string"; @mixin import-google-fonts() { @import url("http://fonts.googleapis.com/css?family=#{$family}"); } -$family: unquote("Droid+Sans"); +$family: string.unquote("Droid+Sans"); @include import-google-fonts(); <===> output.css @import url("http://fonts.googleapis.com/css?family=Droid+Sans"); diff --git a/spec/non_conformant/errors/import/url/mixin/simple/inside.hrx b/spec/non_conformant/errors/import/url/mixin/simple/inside.hrx index ac91bab7e..0459ae76e 100644 --- a/spec/non_conformant/errors/import/url/mixin/simple/inside.hrx +++ b/spec/non_conformant/errors/import/url/mixin/simple/inside.hrx @@ -1,16 +1,17 @@ <===> input.scss +@use "sass:string"; @mixin import-google-fonts() { @import url("http://fonts.googleapis.com/css?family=#{$family}"); } foo { - $family: unquote("Droid+Sans"); + $family: string.unquote("Droid+Sans"); @include import-google-fonts(); } <===> error Error: Undefined variable. , -2 | @import url("http://fonts.googleapis.com/css?family=#{$family}"); +3 | @import url("http://fonts.googleapis.com/css?family=#{$family}"); | ^^^^^^^ ' - input.scss 2:57 import-google-fonts() - input.scss 6:3 root stylesheet + input.scss 3:57 import-google-fonts() + input.scss 7:3 root stylesheet diff --git a/spec/non_conformant/errors/import/url/mixin/simple/outside.hrx b/spec/non_conformant/errors/import/url/mixin/simple/outside.hrx index 5cf1442ed..5e34b1d92 100644 --- a/spec/non_conformant/errors/import/url/mixin/simple/outside.hrx +++ b/spec/non_conformant/errors/import/url/mixin/simple/outside.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:string"; @mixin import-google-fonts() { @import url("http://fonts.googleapis.com/css?family=#{$family}"); } -$family: unquote("Droid+Sans"); +$family: string.unquote("Droid+Sans"); @include import-google-fonts(); <===> output.css @import url("http://fonts.googleapis.com/css?family=Droid+Sans"); diff --git a/spec/non_conformant/misc/import_in_mixin.hrx b/spec/non_conformant/misc/import_in_mixin.hrx index 0803158f1..d4d33cbdb 100644 --- a/spec/non_conformant/misc/import_in_mixin.hrx +++ b/spec/non_conformant/misc/import_in_mixin.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:string"; @mixin import-google-fonts() { @import url("http://fonts.googleapis.com/css?family=#{$family}"); } -$family: unquote("Droid+Sans"); +$family: string.unquote("Droid+Sans"); @include import-google-fonts(); <===> output.css diff --git a/spec/non_conformant/misc/import_with_interpolation.hrx b/spec/non_conformant/misc/import_with_interpolation.hrx index 1ae4920d0..4956f1207 100644 --- a/spec/non_conformant/misc/import_with_interpolation.hrx +++ b/spec/non_conformant/misc/import_with_interpolation.hrx @@ -1,5 +1,6 @@ <===> input.scss -$family: unquote("Droid+Sans"); +@use "sass:string"; +$family: string.unquote("Droid+Sans"); @import url("http://fonts.googleapis.com/css?family=#{$family}"); <===> output.css diff --git a/spec/non_conformant/mixin/content/arguments/receiving.hrx b/spec/non_conformant/mixin/content/arguments/receiving.hrx index 0b5f142e1..48897de76 100644 --- a/spec/non_conformant/mixin/content/arguments/receiving.hrx +++ b/spec/non_conformant/mixin/content/arguments/receiving.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; // Content blocks' argument lists can define arguments in in all the same ways // as they're defined in any other argument list. @@ -44,8 +45,8 @@ with-splat { } @include mixin using ($args...) { - positional: inspect($args); - keywords: inspect(keywords($args)); + positional: meta.inspect($args); + keywords: meta.inspect(keywords($args)); } } @@ -55,8 +56,8 @@ with-splat { } @include mixin using ($args...) { - positional: inspect($args); - keywords: inspect(keywords($args)); + positional: meta.inspect($args); + keywords: meta.inspect(keywords($args)); } } @@ -66,8 +67,8 @@ with-splat { } @include mixin using ($args...) { - positional: inspect($args); - keywords: inspect(keywords($args)); + positional: meta.inspect($args); + keywords: meta.inspect(keywords($args)); } } @@ -77,8 +78,8 @@ with-splat { } @include mixin using ($args...) { - positional: inspect($args); - keywords: inspect(keywords($args)); + positional: meta.inspect($args); + keywords: meta.inspect(keywords($args)); } } } diff --git a/spec/non_conformant/sass/var-args/success.hrx b/spec/non_conformant/sass/var-args/success.hrx index 809a8f940..9bf23d51a 100644 --- a/spec/non_conformant/sass/var-args/success.hrx +++ b/spec/non_conformant/sass/var-args/success.hrx @@ -1,24 +1,26 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; @mixin foo($x, $y, $zs...) { - grarh: type-of(false); + grarh: meta.type-of(false); f: $zs; fa: $x, $y, $zs; fv: $zs; - ft: type-of($zs); - fj: join(1 2 3, $zs); - fjt: type-of(join(1 2 3, $zs)); - fkt: type-of(join($zs, 1 2 3)); - hoopla: length(a b c d e); - boopla: type-of(123+234); - koopla: type-of(length(a b c d)); + ft: meta.type-of($zs); + fj: list.join(1 2 3, $zs); + fjt: meta.type-of(list.join(1 2 3, $zs)); + fkt: meta.type-of(list.join($zs, 1 2 3)); + hoopla: list.length(a b c d e); + boopla: meta.type-of(123+234); + koopla: meta.type-of(list.length(a b c d)); } @mixin bar($x, $y, $z) { ba: $x, $y, $z; bv: $z; - bt: type-of($z); - bj: join(1 2 3, $z); - bjt: type-of(join(1 2 3, $z)); + bt: meta.type-of($z); + bj: list.join(1 2 3, $z); + bjt: meta.type-of(list.join(1 2 3, $z)); } $stuff: hey hoo ha; @@ -35,7 +37,7 @@ div { @include foo(a, b, c d e...); @include foo(a, c d e...); @include foo(a, $stuff...); - new: type-of("hello"); + new: meta.type-of("hello"); } @mixin bad($x, $y, $z) { @@ -45,9 +47,9 @@ div { } @mixin foo($x, $y, $z) { - a: type-of(join($x, $y)); - b: type-of($z); - c: type-of(length($x)); + a: meta.type-of(list.join($x, $y)); + b: meta.type-of($z); + c: meta.type-of(list.length($x)); } div { diff --git a/spec/non_conformant/scss-tests/008_test_sass_script.hrx b/spec/non_conformant/scss-tests/008_test_sass_script.hrx index 5f9eb8f9d..18f509cea 100644 --- a/spec/non_conformant/scss-tests/008_test_sass_script.hrx +++ b/spec/non_conformant/scss-tests/008_test_sass_script.hrx @@ -1,9 +1,10 @@ <===> input.scss +@use "sass:math"; foo { a: 1 + 2; b: 1 - 2; c: foo + bar; - d: floor(12.3px); } + d: math.floor(12.3px); } <===> output.css foo { diff --git a/spec/non_conformant/scss-tests/028_test_import_with_interpolation.hrx b/spec/non_conformant/scss-tests/028_test_import_with_interpolation.hrx index 1ae4920d0..4956f1207 100644 --- a/spec/non_conformant/scss-tests/028_test_import_with_interpolation.hrx +++ b/spec/non_conformant/scss-tests/028_test_import_with_interpolation.hrx @@ -1,5 +1,6 @@ <===> input.scss -$family: unquote("Droid+Sans"); +@use "sass:string"; +$family: string.unquote("Droid+Sans"); @import url("http://fonts.googleapis.com/css?family=#{$family}"); <===> output.css diff --git a/spec/non_conformant/scss-tests/065_test_mixin_empty_var_args.hrx b/spec/non_conformant/scss-tests/065_test_mixin_empty_var_args.hrx index bd34695b4..28a4cafb6 100644 --- a/spec/non_conformant/scss-tests/065_test_mixin_empty_var_args.hrx +++ b/spec/non_conformant/scss-tests/065_test_mixin_empty_var_args.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:list"; @mixin foo($a, $b...) { a: $a; - b: length($b); + b: list.length($b); } .foo {@include foo(1)} diff --git a/spec/non_conformant/scss-tests/066_test_mixin_var_args_act_like_list.hrx b/spec/non_conformant/scss-tests/066_test_mixin_var_args_act_like_list.hrx index 2d39d5ea6..65bbdc017 100644 --- a/spec/non_conformant/scss-tests/066_test_mixin_var_args_act_like_list.hrx +++ b/spec/non_conformant/scss-tests/066_test_mixin_var_args_act_like_list.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:list"; @mixin foo($a, $b...) { - a: length($b); - b: nth($b, 2); + a: list.length($b); + b: list.nth($b, 2); } .foo {@include foo(1, 2, 3, 4)} diff --git a/spec/non_conformant/scss-tests/084_test_function_empty_var_args.hrx b/spec/non_conformant/scss-tests/084_test_function_empty_var_args.hrx index b0f4512a5..85a92a815 100644 --- a/spec/non_conformant/scss-tests/084_test_function_empty_var_args.hrx +++ b/spec/non_conformant/scss-tests/084_test_function_empty_var_args.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:list"; @function foo($a, $b...) { - @return "a: #{$a}, b: #{length($b)}"; + @return "a: #{$a}, b: #{list.length($b)}"; } .foo {val: foo(1)} diff --git a/spec/non_conformant/scss-tests/085_test_function_var_args_act_like_list.hrx b/spec/non_conformant/scss-tests/085_test_function_var_args_act_like_list.hrx index 620510aec..44e0839aa 100644 --- a/spec/non_conformant/scss-tests/085_test_function_var_args_act_like_list.hrx +++ b/spec/non_conformant/scss-tests/085_test_function_var_args_act_like_list.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:list"; @function foo($a, $b...) { - @return "a: #{length($b)}, b: #{nth($b, 2)}"; + @return "a: #{list.length($b)}, b: #{list.nth($b, 2)}"; } .foo {val: foo(1, 2, 3, 4)} diff --git a/spec/non_conformant/scss-tests/103_test_function_var_args_passed_to_native.hrx b/spec/non_conformant/scss-tests/103_test_function_var_args_passed_to_native.hrx index 70e6e6510..fe2b49b01 100644 --- a/spec/non_conformant/scss-tests/103_test_function_var_args_passed_to_native.hrx +++ b/spec/non_conformant/scss-tests/103_test_function_var_args_passed_to_native.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:color"; @function foo($args...) { - @return adjust-color($args...); + @return color.adjust($args...); } .foo {val: foo(#102030, $blue: 5)} diff --git a/spec/non_conformant/scss-tests/190_test_options_passed_to_script.hrx b/spec/non_conformant/scss-tests/190_test_options_passed_to_script.hrx index d42969daa..364a5651b 100644 --- a/spec/non_conformant/scss-tests/190_test_options_passed_to_script.hrx +++ b/spec/non_conformant/scss-tests/190_test_options_passed_to_script.hrx @@ -1,5 +1,6 @@ <===> input.scss -foo {color: darken(black, 10%)} +@use "sass:color"; +foo {color: color.adjust(black, $lightness: -10%)} <===> output.css foo { diff --git a/spec/non_conformant/scss/alpha.hrx b/spec/non_conformant/scss/alpha.hrx index 8626c43b9..bf638dc5f 100644 --- a/spec/non_conformant/scss/alpha.hrx +++ b/spec/non_conformant/scss/alpha.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:color"; $x: rgb(0, 255, 255); div { @@ -14,13 +15,13 @@ div { $x: rgb(123, 45, 6); - hoo: red($x); - moo: green($x); - poo: blue($x); + hoo: color.red($x); + moo: color.green($x); + poo: color.blue($x); // goo: mix(rgba(255, 0, 0, 0.5), #00f); - boo: invert(#123456); + boo: color.invert(#123456); } <===> output.css diff --git a/spec/non_conformant/scss/cons-up.hrx b/spec/non_conformant/scss/cons-up.hrx index 1077200f8..3fadae3e8 100644 --- a/spec/non_conformant/scss/cons-up.hrx +++ b/spec/non_conformant/scss/cons-up.hrx @@ -1,4 +1,7 @@ <===> input.scss +@use "sass:string"; +@use "sass:list"; + $inputs-list: 'input[type="email"]', 'input[type="number"]', 'input[type="password"]', @@ -19,13 +22,13 @@ $inputs-list: 'input[type="email"]', $unquoted-inputs-list: (); @each $input-type in $inputs-list { - $unquoted-inputs-list: append($unquoted-inputs-list, unquote($input-type), comma); + $unquoted-inputs-list: list.append($unquoted-inputs-list, string.unquote($input-type), comma); } div { content: $unquoted-inputs-list; - content: append((), hello); - content: length(()); + content: list.append((), hello); + content: list.length(()); } <===> output.css div { diff --git a/spec/non_conformant/scss/directives-in-propsets.hrx b/spec/non_conformant/scss/directives-in-propsets.hrx index 8b8e91ade..6d2b0ec15 100644 --- a/spec/non_conformant/scss/directives-in-propsets.hrx +++ b/spec/non_conformant/scss/directives-in-propsets.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $color: red; $position: 50%; $x: 0; @@ -12,10 +13,10 @@ div { something: { color: green; } - @if (type-of($color) == "color") { + @if (meta.type-of($color) == "color") { color: $color; } - @if (type-of($position) == "number") { + @if (meta.type-of($position) == "number") { position: $position; @include foo(); } diff --git a/spec/non_conformant/scss/each_in_functions.hrx b/spec/non_conformant/scss/each_in_functions.hrx index e1c382af9..e27781dd9 100644 --- a/spec/non_conformant/scss/each_in_functions.hrx +++ b/spec/non_conformant/scss/each_in_functions.hrx @@ -1,11 +1,13 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; $GLOBAL: global; @function foo($g1, $g2, $g3) { @each $value in $g1, $g2, $g3 { $GLOBAL: $GLOBAL each $value !global; - $GLOBAL: $GLOBAL type1 type-of(nth($value, 1)) !global; - $GLOBAL: $GLOBAL type2 type-of(nth($value, 2)) !global; + $GLOBAL: $GLOBAL type1 meta.type-of(list.nth($value, 1)) !global; + $GLOBAL: $GLOBAL type2 meta.type-of(list.nth($value, 2)) !global; } @each $value in (foo: foo, bar: bar) { $GLOBAL: $GLOBAL map $value !global; @@ -17,7 +19,7 @@ div { a: foo(50% 50%, cover circle, red blue); b: $GLOBAL; $colors: red green blue; - c: a, b, type-of(nth($colors, 2)), d; + c: a, b, meta.type-of(list.nth($colors, 2)), d; } <===> output.css diff --git a/spec/non_conformant/scss/ie-backslash.hrx b/spec/non_conformant/scss/ie-backslash.hrx index c442e8506..3b72ce5d5 100644 --- a/spec/non_conformant/scss/ie-backslash.hrx +++ b/spec/non_conformant/scss/ie-backslash.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:color"; div { - background-color: darken(red, 10%) \9; + background-color: color.adjust(red, $lightness: -10%) \9; } <===> output.css div { diff --git a/spec/non_conformant/scss/ie-functions.hrx b/spec/non_conformant/scss/ie-functions.hrx index dc544d96b..d42c7cdc4 100644 --- a/spec/non_conformant/scss/ie-functions.hrx +++ b/spec/non_conformant/scss/ie-functions.hrx @@ -1,9 +1,13 @@ <===> input.scss +@use "sass:color"; +@use "sass:math"; +@use "sass:meta"; + @mixin ie-opacity($opacity) { - opacity: $opacity / 100; + opacity: math.div($opacity, 100); filter: alpha(opacity=$opacity); bilter: alpha(opacity=$opacity); - kilter: type-of(opacity=$opacity); + kilter: meta.type-of(opacity=$opacity); left: expression(document.body.clientWidth/2-oDiv.offsetWidth/2); flop: expression(document.body.clientHeight/2-oDiv.offsetHeight/2); } @@ -16,10 +20,10 @@ foo { something: blah(hux = mumble); blah: progid:something.something(flip=foobar, bang=#abc); blah: progid:bar.hux(); - blah: type-of(hux = mumble); + blah: meta.type-of(hux = mumble); @include ie-opacity(.5); left: expression(document.body.clientWidth/4); - filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($startColor)}', endColorstr='#{ie-hex-str($endColor)}', GradientType=1); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{color.ie-hex-str($startColor)}', endColorstr='#{color.ie-hex-str($endColor)}', GradientType=1); } .parser { @@ -69,17 +73,3 @@ foo { filter: progid:DXImageTransform.Microsoft.MotionBlur(strength=13, direction=310) progid:DXImageTransform.Microsoft.Blur(pixelradius=2) progid:DXImageTransform.Microsoft.Wheel(duration=3); filter: progid:DXImageTransform.Microsoft.gradient(enabled="false", startColorstr=#550000FF, endColorstr=#55FFFF00); } - -<===> warning -DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. - -Recommendation: math.div($opacity, 100) or calc($opacity / 100) - -More info and automated migrator: https://sass-lang.com/d/slash-div - - , -2 | opacity: $opacity / 100; - | ^^^^^^^^^^^^^^ - ' - input.scss 2:12 ie-opacity() - input.scss 19:3 root stylesheet diff --git a/spec/non_conformant/scss/media/script_features.hrx b/spec/non_conformant/scss/media/script_features.hrx index b0dfa9abf..41087ef31 100644 --- a/spec/non_conformant/scss/media/script_features.hrx +++ b/spec/non_conformant/scss/media/script_features.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:list"; $foo: 3; $bar: 4; // Media features are special-cased to allow raw script without interpolation. @@ -6,7 +7,7 @@ $bar: 4; // Not just variables, but full script $vals: 1 2 3; -@media screen and (max-width: 1 + 2) and (min-width: 5 + 6 + nth($vals, 2)) {x {y: z}} +@media screen and (max-width: 1 + 2) and (min-width: 5 + 6 + list.nth($vals, 2)) {x {y: z}} <===> output.css diff --git a/spec/non_conformant/scss/null.hrx b/spec/non_conformant/scss/null.hrx index a303edee9..dcf6e0f34 100644 --- a/spec/non_conformant/scss/null.hrx +++ b/spec/non_conformant/scss/null.hrx @@ -1,27 +1,29 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; $x: 2; div { $x: null; - a: length(null null null); + a: list.length(null null null); b: #{null}; - d: type-of($x); + d: meta.type-of($x); e: null == null; f: -null; g: -fudge; h: (null null null); i: froo(null, 4); j: (null), (null), 3, 4; - k: length(((null), (null), 3, 4)); - - a2: length($x $x $x); + k: list.length(((null), (null), 3, 4)); + + a2: list.length($x $x $x); b2: #{$x}; e2: $x == null; f2: -$x; h2: ($x $x $x); i2: froo($x, 4); j2: ($x), ($x), 3, 4; - k2: length((($x), ($x), 3, 4)); + k2: list.length((($x), ($x), 3, 4)); } <===> output.css div { diff --git a/spec/non_conformant/scss/sass_script.hrx b/spec/non_conformant/scss/sass_script.hrx index 5f9eb8f9d..18f509cea 100644 --- a/spec/non_conformant/scss/sass_script.hrx +++ b/spec/non_conformant/scss/sass_script.hrx @@ -1,9 +1,10 @@ <===> input.scss +@use "sass:math"; foo { a: 1 + 2; b: 1 - 2; c: foo + bar; - d: floor(12.3px); } + d: math.floor(12.3px); } <===> output.css foo { diff --git a/spec/non_conformant/scss/simple-lists.hrx b/spec/non_conformant/scss/simple-lists.hrx index 195e6dbc6..d233924dc 100644 --- a/spec/non_conformant/scss/simple-lists.hrx +++ b/spec/non_conformant/scss/simple-lists.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:string"; div { hey: a, b, c, d; ho: a b c d; - ha: unquote("a, b, c, d"); + ha: string.unquote("a, b, c, d"); } <===> output.css div { diff --git a/spec/non_conformant/scss/zero-compression.hrx b/spec/non_conformant/scss/zero-compression.hrx index 6c65c02f8..cb274906d 100644 --- a/spec/non_conformant/scss/zero-compression.hrx +++ b/spec/non_conformant/scss/zero-compression.hrx @@ -1,12 +1,14 @@ <===> input.scss -$orig: 0.12em; -$value: (0.12em); -$score: (item-height: 0.12em); -foo { - tst-1: 0 -#{0.12em}; - tst-2: 0 -#{$orig}; - tst-3: 0 -#{$value}; - tst-4: 0 -#{map-get($score, item-height)}; +@use "sass:map"; + +$orig: 0.12em; +$value: (0.12em); +$score: (item-height: 0.12em); +foo { + tst-1: 0 -#{0.12em}; + tst-2: 0 -#{$orig}; + tst-3: 0 -#{$value}; + tst-4: 0 -#{map.get($score, item-height)}; } <===> output.css foo { diff --git a/spec/values/colors/alpha_hex/initial_digit.hrx b/spec/values/colors/alpha_hex/initial_digit.hrx index 4820997d9..2b4c2aa09 100644 --- a/spec/values/colors/alpha_hex/initial_digit.hrx +++ b/spec/values/colors/alpha_hex/initial_digit.hrx @@ -1,18 +1,19 @@ <===> input.scss +@use "sass:color"; a { four-digit: #0123; eight-digit: #98765432; // Verify that the color channels are set correctly. - four-digit-red: red(#0123); - four-digit-green: green(#0123); - four-digit-blue: blue(#0123); - four-digit-alpha: alpha(#0123); + four-digit-red: color.red(#0123); + four-digit-green: color.green(#0123); + four-digit-blue: color.blue(#0123); + four-digit-alpha: color.alpha(#0123); - eight-digit-red: red(#98765432); - eight-digit-green: green(#98765432); - eight-digit-blue: blue(#98765432); - eight-digit-alpha: alpha(#98765432); + eight-digit-red: color.red(#98765432); + eight-digit-green: color.green(#98765432); + eight-digit-blue: color.blue(#98765432); + eight-digit-alpha: color.alpha(#98765432); } <===> output.css diff --git a/spec/values/colors/alpha_hex/initial_letter.hrx b/spec/values/colors/alpha_hex/initial_letter.hrx index 51904d1a7..fde7d324b 100644 --- a/spec/values/colors/alpha_hex/initial_letter.hrx +++ b/spec/values/colors/alpha_hex/initial_letter.hrx @@ -1,18 +1,19 @@ <===> input.scss +@use "sass:color"; a { four-digit: #AbCd; eight-digit: #aBcDeF12; // Verify that the color channels are set correctly. - four-digit-red: red(#abcd); - four-digit-green: green(#abcd); - four-digit-blue: blue(#abcd); - four-digit-alpha: alpha(#abcd); + four-digit-red: color.red(#abcd); + four-digit-green: color.green(#abcd); + four-digit-blue: color.blue(#abcd); + four-digit-alpha: color.alpha(#abcd); - eight-digit-red: red(#ABCDEF12); - eight-digit-green: green(#ABCDEF12); - eight-digit-blue: blue(#ABCDEF12); - eight-digit-alpha: alpha(#ABCDEF12); + eight-digit-red: color.red(#ABCDEF12); + eight-digit-green: color.green(#ABCDEF12); + eight-digit-blue: color.blue(#ABCDEF12); + eight-digit-alpha: color.alpha(#ABCDEF12); } <===> output.css diff --git a/spec/values/identifiers/escape/script.hrx b/spec/values/identifiers/escape/script.hrx index 2ab8efbb1..58c1e4536 100644 --- a/spec/values/identifiers/escape/script.hrx +++ b/spec/values/identifiers/escape/script.hrx @@ -1,14 +1,15 @@ <===> input.scss +@use "sass:string"; // SassScript functions operate on the normalized form of the identifier. .script { - unescaped-str-length: str-length(ax) str-length(\61x) str-length(\00061 x); - escaped-str-length: str-length(\1Ax) str-length(\0001A x); + unescaped-str-length: string.length(ax) string.length(\61x) string.length(\00061 x); + escaped-str-length: string.length(\1Ax) string.length(\0001A x); - unescaped-slice: str-slice(xaz, 2, 2) str-slice(x\61z, 2, 2) str-slice(x\00061 z, 2, 2); - escaped-slice: str-slice(x\1Az, 2, 5) str-slice(x\0001A z, 2, 5); + unescaped-slice: string.slice(xaz, 2, 2) string.slice(x\61z, 2, 2) string.slice(x\00061 z, 2, 2); + escaped-slice: string.slice(x\1Az, 2, 5) string.slice(x\0001A z, 2, 5); - unescaped-quote: quote(ax) quote(\61x) quote(\00061 x); - escaped-quote: quote(\1Ax) quote(\0001A x); + unescaped-quote: string.quote(ax) string.quote(\61x) string.quote(\00061 x); + escaped-quote: string.quote(\1Ax) string.quote(\0001A x); } <===> output.css diff --git a/spec/values/lists/slash.hrx b/spec/values/lists/slash.hrx index e5058aa94..a10090132 100644 --- a/spec/values/lists/slash.hrx +++ b/spec/values/lists/slash.hrx @@ -65,7 +65,7 @@ a { @use "sass:list"; // CSS doesn't use slash-separated bracketed lists, but Sass supports them in // case one day that changes. -a {b: join(c d, e f, $separator: slash, $bracketed: true)} +a {b: list.join(c d, e f, $separator: slash, $bracketed: true)} <===> output/bracketed_slash/output.css a { @@ -76,7 +76,7 @@ a { ================================================================================ <===> functions/length/input.scss @use "sass:list"; -a {b: length(list.slash(c, d, e, f, g))} +a {b: list.length(list.slash(c, d, e, f, g))} <===> functions/length/output.css a { @@ -87,7 +87,7 @@ a { ================================================================================ <===> functions/nth/input.scss @use "sass:list"; -a {b: nth(list.slash(c, d, e, f, g), 3)} +a {b: list.nth(list.slash(c, d, e, f, g), 3)} <===> functions/nth/output.css a { diff --git a/spec/values/maps/key_equality.hrx b/spec/values/maps/key_equality.hrx index 19d52b34a..f8a796f2f 100644 --- a/spec/values/maps/key_equality.hrx +++ b/spec/values/maps/key_equality.hrx @@ -1,102 +1,39 @@ <===> nan/input.scss -a {b: inspect(map-get(((0/0): b), 0/0))} +@use "sass:map"; +@use "sass:math"; +@use "sass:meta"; + +a {b: meta.inspect(map.get((math.div(0, 0): b), math.div(0, 0)))} <===> nan/output.css a { b: null; } -<===> nan/warning -DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. - -Recommendation: math.div(0, 0) or calc(0 / 0) - -More info and automated migrator: https://sass-lang.com/d/slash-div - - , -1 | a {b: inspect(map-get(((0/0): b), 0/0))} - | ^^^ - ' - input.scss 1:25 root stylesheet - -DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. - -Recommendation: math.div(0, 0) - -More info and automated migrator: https://sass-lang.com/d/slash-div - - , -1 | a {b: inspect(map-get(((0/0): b), 0/0))} - | ^^^ - ' - input.scss 1:35 root stylesheet - <===> ================================================================================ <===> infinity/positive/input.scss -a {b: inspect(map-get(((1/0): b), 1/0))} +@use "sass:map"; +@use "sass:math"; +@use "sass:meta"; + +a {b: meta.inspect(map.get(((math.div(1, 0)): b), math.div(1, 0)))} <===> infinity/positive/output.css a { b: b; } -<===> infinity/positive/warning -DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. - -Recommendation: math.div(1, 0) or calc(1 / 0) - -More info and automated migrator: https://sass-lang.com/d/slash-div - - , -1 | a {b: inspect(map-get(((1/0): b), 1/0))} - | ^^^ - ' - input.scss 1:25 root stylesheet - -DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. - -Recommendation: math.div(1, 0) - -More info and automated migrator: https://sass-lang.com/d/slash-div - - , -1 | a {b: inspect(map-get(((1/0): b), 1/0))} - | ^^^ - ' - input.scss 1:35 root stylesheet - <===> ================================================================================ <===> infinity/negative/input.scss -a {b: inspect(map-get(((-1/0): b), -1/0))} +@use "sass:map"; +@use "sass:math"; +@use "sass:meta"; + +a {b: meta.inspect(map.get(((math.div(-1, 0)): b), math.div(-1, 0)))} <===> infinity/negative/output.css a { b: b; } - -<===> infinity/negative/warning -DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. - -Recommendation: math.div(-1, 0) or calc(-1 / 0) - -More info and automated migrator: https://sass-lang.com/d/slash-div - - , -1 | a {b: inspect(map-get(((-1/0): b), -1/0))} - | ^^^^ - ' - input.scss 1:25 root stylesheet - -DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. - -Recommendation: math.div(-1, 0) - -More info and automated migrator: https://sass-lang.com/d/slash-div - - , -1 | a {b: inspect(map-get(((-1/0): b), -1/0))} - | ^^^^ - ' - input.scss 1:36 root stylesheet diff --git a/spec/values/maps/length.hrx b/spec/values/maps/length.hrx index 8471a78f1..c22e6ebb4 100644 --- a/spec/values/maps/length.hrx +++ b/spec/values/maps/length.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:list"; $map: (aaa: 100, bbb: 200, ccc: 300); a { - b: length($map); + b: list.length($map); } <===> output.css diff --git a/spec/values/maps/map-values.hrx b/spec/values/maps/map-values.hrx index 291fb0429..9fbff6a15 100644 --- a/spec/values/maps/map-values.hrx +++ b/spec/values/maps/map-values.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:map"; div { - foo: map-values((foo: 1, bar: 2)); - foo: map-values((foo: 1, bar: 2, baz: 2)); + foo: map.values((foo: 1, bar: 2)); + foo: map.values((foo: 1, bar: 2, baz: 2)); } <===> output.css diff --git a/spec/values/numbers/divide/slash_free/argument.hrx b/spec/values/numbers/divide/slash_free/argument.hrx index 7538a3cf6..b708e44ed 100644 --- a/spec/values/numbers/divide/slash_free/argument.hrx +++ b/spec/values/numbers/divide/slash_free/argument.hrx @@ -24,7 +24,8 @@ More info and automated migrator: https://sass-lang.com/d/slash-div <===> ================================================================================ <===> function/built_in/input.scss -c {d: join(1/2, 3/4)} +@use "sass:list"; +c {d: list.join(1/2, 3/4)} <===> function/built_in/output.css c { @@ -39,10 +40,10 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(1/2, 3/4)} - | ^^^ +2 | c {d: list.join(1/2, 3/4)} + | ^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -51,15 +52,16 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(1/2, 3/4)} - | ^^^ +2 | c {d: list.join(1/2, 3/4)} + | ^^^ ' - input.scss 1:17 root stylesheet + input.scss 2:22 root stylesheet <===> ================================================================================ <===> function/named/input.scss -c {d: join($list1: 1/2, $list2: 3/4)} +@use "sass:list"; +c {d: list.join($list1: 1/2, $list2: 3/4)} <===> function/named/output.css c { @@ -74,10 +76,10 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join($list1: 1/2, $list2: 3/4)} - | ^^^ +2 | c {d: list.join($list1: 1/2, $list2: 3/4)} + | ^^^ ' - input.scss 1:20 root stylesheet + input.scss 2:25 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -86,15 +88,16 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join($list1: 1/2, $list2: 3/4)} - | ^^^ +2 | c {d: list.join($list1: 1/2, $list2: 3/4)} + | ^^^ ' - input.scss 1:33 root stylesheet + input.scss 2:38 root stylesheet <===> ================================================================================ <===> function/rest/single/input.scss -c {d: join(1/2, 3/4...)} +@use "sass:list"; +c {d: list.join(1/2, 3/4...)} <===> function/rest/single/output.css c { @@ -109,10 +112,10 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(1/2, 3/4...)} - | ^^^ +2 | c {d: list.join(1/2, 3/4...)} + | ^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -121,15 +124,16 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(1/2, 3/4...)} - | ^^^ +2 | c {d: list.join(1/2, 3/4...)} + | ^^^ ' - input.scss 1:17 root stylesheet + input.scss 2:22 root stylesheet <===> ================================================================================ <===> function/rest/list/input.scss -c {d: join(1/2 3/4...)} +@use "sass:list"; +c {d: list.join(1/2 3/4...)} <===> function/rest/list/output.css c { @@ -144,10 +148,10 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(1/2 3/4...)} - | ^^^^^^^ +2 | c {d: list.join(1/2 3/4...)} + | ^^^^^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -156,15 +160,16 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(1/2 3/4...)} - | ^^^^^^^ +2 | c {d: list.join(1/2 3/4...)} + | ^^^^^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet <===> ================================================================================ <===> function/rest/map/input.scss -c {d: join(("list1": 1/2, "list2": 3/4)...)} +@use "sass:list"; +c {d: list.join(("list1": 1/2, "list2": 3/4)...)} <===> function/rest/map/output.css c { @@ -179,10 +184,10 @@ Recommendation: math.div(1, 2) or calc(1 / 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(("list1": 1/2, "list2": 3/4)...)} - | ^^^ +2 | c {d: list.join(("list1": 1/2, "list2": 3/4)...)} + | ^^^ ' - input.scss 1:22 root stylesheet + input.scss 2:27 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -191,15 +196,16 @@ Recommendation: math.div(3, 4) or calc(3 / 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(("list1": 1/2, "list2": 3/4)...)} - | ^^^ +2 | c {d: list.join(("list1": 1/2, "list2": 3/4)...)} + | ^^^ ' - input.scss 1:36 root stylesheet + input.scss 2:41 root stylesheet <===> ================================================================================ <===> function/rest/kwargs/input.scss -c {d: join(1/2..., ("list2": 3/4)...)} +@use "sass:list"; +c {d: list.join(1/2..., ("list2": 3/4)...)} <===> function/rest/kwargs/output.css c { @@ -214,10 +220,10 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(1/2..., ("list2": 3/4)...)} - | ^^^ +2 | c {d: list.join(1/2..., ("list2": 3/4)...)} + | ^^^ ' - input.scss 1:12 root stylesheet + input.scss 2:17 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -226,10 +232,10 @@ Recommendation: math.div(3, 4) or calc(3 / 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | c {d: join(1/2..., ("list2": 3/4)...)} - | ^^^ +2 | c {d: list.join(1/2..., ("list2": 3/4)...)} + | ^^^ ' - input.scss 1:30 root stylesheet + input.scss 2:35 root stylesheet <===> ================================================================================ diff --git a/spec/values/numbers/divide/slash_free/return.hrx b/spec/values/numbers/divide/slash_free/return.hrx index 36bbbc80c..3d9d3ee1c 100644 --- a/spec/values/numbers/divide/slash_free/return.hrx +++ b/spec/values/numbers/divide/slash_free/return.hrx @@ -25,7 +25,8 @@ More info and automated migrator: https://sass-lang.com/d/slash-div <===> ================================================================================ <===> built_in/input.scss -a {b: nth(3 1/2 4, 2)} +@use "sass:list"; +a {b: list.nth(3 1/2 4, 2)} <===> built_in/output.css a { @@ -40,7 +41,7 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | a {b: nth(3 1/2 4, 2)} - | ^^^^^^^^^^^^^^^ +2 | a {b: list.nth(3 1/2 4, 2)} + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/values/numbers/divide/slash_separated.hrx b/spec/values/numbers/divide/slash_separated.hrx index 9d6e03ce0..28b6c255f 100644 --- a/spec/values/numbers/divide/slash_separated.hrx +++ b/spec/values/numbers/divide/slash_separated.hrx @@ -91,7 +91,8 @@ c { <===> ================================================================================ <===> list/argument/function/built_in/input.scss -c {d: join(1 2/3 4, ())} +@use "sass:list"; +c {d: list.join(1 2/3 4, ())} <===> list/argument/function/built_in/output.css c { From f3d9fc8519a6ffd5b33541772c7b3afeb97d2741 Mon Sep 17 00:00:00 2001 From: Natalie Weizenbaum Date: Tue, 9 Jul 2024 14:31:18 -0700 Subject: [PATCH 6/7] Update tests for interleaved declarations (#2002) See sass/sass#3885 --- spec/css/font-face.hrx | 51 + spec/css/style_rule.hrx | 136 + spec/libsass-closed-issues/issue_1081.hrx | 19 + spec/libsass/at-stuff.hrx | 181 + spec/libsass/env.hrx | 22 + spec/libsass/media.hrx | 46 +- spec/libsass/mixin.hrx | 22 + spec/libsass/multi-blocks.hrx | 46 +- spec/libsass/variable-scoping/defaults.hrx | 20 + .../variable-scoping/lexical-scope.hrx | 52 + spec/libsass/variable-scoping/root-scope.hrx | 58 + .../basic/06_nesting_and_comments.hrx | 39 + .../07_nested_simple_selector_groups.hrx | 19 + .../basic/08_selector_combinators.hrx | 38 + .../basic/12_pseudo_classes_and_elements.hrx | 18 + .../basic/13_back_references.hrx | 18 + spec/non_conformant/basic/14_imports.hrx | 20 + spec/non_conformant/basic/17_basic_mixins.hrx | 41 + .../basic/19_full_mixin_craziness.hrx | 57 + .../non_conformant/basic/27_media_queries.hrx | 22 + spec/non_conformant/misc/mixin_content.hrx | 20 + ...36_test_nested_rules_with_declarations.hrx | 16 + ...mbiguous_nested_rules_and_declarations.hrx | 16 + .../scss-tests/055_test_basic_mixins.hrx | 17 + .../scss-tests/188_test_mixin_content.hrx | 20 + ...mbiguous_nested_rules_and_declarations.hrx | 16 + .../scss/functions-and-mixins.hrx | 21 + spec/non_conformant/scss/huge.hrx | 19457 ++++++++++++++++ spec/non_conformant/scss/mixin-content.hrx | 51 + 29 files changed, 20557 insertions(+), 2 deletions(-) diff --git a/spec/css/font-face.hrx b/spec/css/font-face.hrx index e5e0b1b52..1309231ae 100644 --- a/spec/css/font-face.hrx +++ b/spec/css/font-face.hrx @@ -54,6 +54,21 @@ a b c { e: f; } +<===> bubble/deeply-nested/warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1 | a { b { c { @font-face { e: f } g: h; } } } + | ^^^^ declaration + | =================== nested rule + ' + input.scss 1:33 root stylesheet + <===> ================================================================================ <===> bubble/loaded/import/input.scss @@ -73,6 +88,24 @@ c { a: b; } +<===> bubble/loaded/import/warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + ,--> input.scss +3 | d: e; + | ^^^^ declaration + ' + ,--> upstream.scss +1 | @font-face { a: b } + | =================== nested rule + ' + input.scss 3:3 root stylesheet + <===> ================================================================================ <===> bubble/loaded/meta-load-css/input.scss @@ -93,3 +126,21 @@ c { @font-face { a: b; } + +<===> bubble/loaded/meta-load-css/warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + ,--> input.scss +5 | d: e; + | ^^^^ declaration + ' + ,--> upstream.scss +1 | @font-face { a: b } + | =================== nested rule + ' + input.scss 5:3 root stylesheet diff --git a/spec/css/style_rule.hrx b/spec/css/style_rule.hrx index b7386e06c..18b979899 100644 --- a/spec/css/style_rule.hrx +++ b/spec/css/style_rule.hrx @@ -17,6 +17,142 @@ a { b: c; } +<===> +================================================================================ +<===> declaration/interleaved/before_nested_rule/input.scss +a { + b: c; + d {e: f} +} + +<===> declaration/interleaved/before_nested_rule/output.css +a { + b: c; +} +a d { + e: f; +} + +<===> +================================================================================ +<===> declaration/interleaved/after_nested_rule/input.scss +a { + b {c: d} + e: f +} + +<===> declaration/interleaved/after_nested_rule/output.css +a { + e: f; +} +a b { + c: d; +} + +<===> declaration/interleaved/after_nested_rule/warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2 | b {c: d} + | ======== nested rule +3 | e: f + | ^^^^ declaration + ' + input.scss 3:3 root stylesheet + +<===> +================================================================================ +<===> declaration/interleaved/around_nested_rule/input.scss +a { + b: c; + d {e: f} + g: h; +} + +<===> declaration/interleaved/around_nested_rule/output.css +a { + b: c; + g: h; +} +a d { + e: f; +} + +<===> declaration/interleaved/around_nested_rule/warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3 | d {e: f} + | ======== nested rule +4 | g: h; + | ^^^^ declaration + ' + input.scss 4:3 root stylesheet + +<===> +================================================================================ +<===> declaration/interleaved/in_at_rule/input.scss +@a { + b { + c {d: e} + f: g; + } +} + +<===> declaration/interleaved/in_at_rule/output.css +@a { + b { + f: g; + } + b c { + d: e; + } +} + +<===> declaration/interleaved/in_at_rule/warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3 | c {d: e} + | ======== nested rule +4 | f: g; + | ^^^^ declaration + ' + input.scss 4:5 root stylesheet + +<===> +================================================================================ +<===> declaration/interleaved/in_bubbled_rule/input.scss +a { + b {c: d} + @e {f: g} +} + +<===> declaration/interleaved/in_bubbled_rule/output.css +a b { + c: d; +} +@e { + a { + f: g; + } +} + <===> ================================================================================ <===> declaration/comment/before_colon/loud/input.scss diff --git a/spec/libsass-closed-issues/issue_1081.hrx b/spec/libsass-closed-issues/issue_1081.hrx index 857e8edb6..936a39c57 100644 --- a/spec/libsass-closed-issues/issue_1081.hrx +++ b/spec/libsass-closed-issues/issue_1081.hrx @@ -49,3 +49,22 @@ unnecessary and can safely be removed. | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' input.scss 1:1 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + ,--> input.scss +11| foo: $foo; + | ^^^^^^^^^ declaration + ' + ,--> _import.scss +7 | / import-after { +8 | | foo: $foo; +9 | | } + | '--- nested rule + ' + input.scss 11:3 root stylesheet diff --git a/spec/libsass/at-stuff.hrx b/spec/libsass/at-stuff.hrx index 085fcc2ab..14fda5208 100644 --- a/spec/libsass/at-stuff.hrx +++ b/spec/libsass/at-stuff.hrx @@ -106,3 +106,184 @@ div span { @fudge foo { color: red; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5 | / @fudge { +6 | | span { +7 | | width: 10px; +8 | | a { +9 | | font: whatever; +10 | | } +11 | | } +12 | | } + | '--- nested rule +13 | height: 20px; + | ^^^^^^^^^^^^ declaration + ' + input.scss 13:2 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +30 | / span { +31 | | font: whatever; +32 | | } + | '--- nested rule +33 | / border: { +34 | | upper: { +35 | | left: 10px; +36 | | right: 9px; +37 | | } +38 | | lower: { +39 | | left: 8px; +40 | | right: 7px; +41 | | } +42 | | } + | '--- declaration + ' + input.scss 33:2 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +30 | / span { +31 | | font: whatever; +32 | | } + | '--- nested rule +... | +34 | / upper: { +35 | | left: 10px; +36 | | right: 9px; +37 | | } + | '--- declaration + ' + input.scss 34:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +30 | / span { +31 | | font: whatever; +32 | | } + | '--- nested rule +... | +35 | left: 10px; + | ^^^^^^^^^^ declaration + ' + input.scss 35:4 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +30 | / span { +31 | | font: whatever; +32 | | } + | '--- nested rule +... | +36 | right: 9px; + | ^^^^^^^^^^ declaration + ' + input.scss 36:4 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +30 | / span { +31 | | font: whatever; +32 | | } + | '--- nested rule +... | +38 | / lower: { +39 | | left: 8px; +40 | | right: 7px; +41 | | } + | '--- declaration + ' + input.scss 38:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +30 | / span { +31 | | font: whatever; +32 | | } + | '--- nested rule +... | +39 | left: 8px; + | ^^^^^^^^^ declaration + ' + input.scss 39:4 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +30 | / span { +31 | | font: whatever; +32 | | } + | '--- nested rule +... | +40 | right: 7px; + | ^^^^^^^^^^ declaration + ' + input.scss 40:4 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +30 | / span { +31 | | font: whatever; +32 | | } + | '--- nested rule +... | +43 | background: gray; + | ^^^^^^^^^^^^^^^^ declaration + ' + input.scss 43:2 root stylesheet diff --git a/spec/libsass/env.hrx b/spec/libsass/env.hrx index c91412799..b22516d3c 100644 --- a/spec/libsass/env.hrx +++ b/spec/libsass/env.hrx @@ -73,8 +73,30 @@ div p { font: 3; } } + div { content: "foo"; font: fudge; width: "block for foo!"; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9 | / span { +10 | | $x: 2 !global; +11 | | /* 2 */ +12 | | font: $x; +13 | | } + | '--- nested rule +... | +15 | font: $x; + | ^^^^^^^^ declaration + ' + input.scss 15:3 root stylesheet diff --git a/spec/libsass/media.hrx b/spec/libsass/media.hrx index fd9ef9098..e7f91bc77 100644 --- a/spec/libsass/media.hrx +++ b/spec/libsass/media.hrx @@ -136,7 +136,6 @@ div { p a:after { content: ">>"; } - span { display: inline-block; } @@ -207,3 +206,48 @@ div span { color: green; } } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +43 | / k l m { +44 | | hee: fee; +45 | | } + | '--- nested rule +... | +47 | haa: hoo; + | ^^^^^^^^ declaration + ' + input.scss 47:7 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +39 | / @media print and (foo: 1 2 3), (bar: 3px hux(muz)), not screen { +40 | | /* aa */ +41 | | hey: ho; +42 | | /* bb */ +43 | | k l m { +44 | | hee: fee; +45 | | } +46 | | /* cc */ +47 | | haa: hoo; +48 | | /* dd */ +49 | | } + | '--- nested rule +... | +52 | blah: blah; + | ^^^^^^^^^^ declaration + ' + input.scss 52:3 root stylesheet diff --git a/spec/libsass/mixin.hrx b/spec/libsass/mixin.hrx index 69061cb5c..8c109d824 100644 --- a/spec/libsass/mixin.hrx +++ b/spec/libsass/mixin.hrx @@ -89,3 +89,25 @@ div { bar-y: default; blah: hello; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9 | / @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { +10 | | & { +11 | | background-image: image-url("#{$file}@2x.#{$type}"); +12 | | -webkit-background-size: $width $height; +13 | | } +14 | | } + | '--- nested rule +... | +22 | fudge: walnut; + | ^^^^^^^^^^^^^ declaration + ' + input.scss 22:3 root stylesheet diff --git a/spec/libsass/multi-blocks.hrx b/spec/libsass/multi-blocks.hrx index 7710f92b1..945654158 100644 --- a/spec/libsass/multi-blocks.hrx +++ b/spec/libsass/multi-blocks.hrx @@ -94,7 +94,6 @@ a b e f { p a:after { content: ">>"; } - span { display: inline-block; } @@ -124,3 +123,48 @@ a b c d e f { hee: fee; } } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +53 | / k l m { +54 | | hee: fee; +55 | | } + | '--- nested rule +... | +57 | haa: hoo; + | ^^^^^^^^ declaration + ' + input.scss 57:7 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +49 | / @media print and (foo: 1 2 3), (bar: 3px hux(muz)), not screen { +50 | | /* aa */ +51 | | hey: ho; +52 | | /* bb */ +53 | | k l m { +54 | | hee: fee; +55 | | } +56 | | /* cc */ +57 | | haa: hoo; +58 | | /* dd */ +59 | | } + | '--- nested rule +... | +62 | blah: blah; + | ^^^^^^^^^^ declaration + ' + input.scss 62:3 root stylesheet diff --git a/spec/libsass/variable-scoping/defaults.hrx b/spec/libsass/variable-scoping/defaults.hrx index 785982cbd..d8603690b 100644 --- a/spec/libsass/variable-scoping/defaults.hrx +++ b/spec/libsass/variable-scoping/defaults.hrx @@ -66,3 +66,23 @@ Recommendation: add `$n: null` at the stylesheet root. | ^^^^^^^^^^^^^^ ' input.scss 6:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19 | / div { +20 | | $i: 9999; +21 | | $n: 9999 !default; +22 | | bar: $i; +23 | | bar: $n; +24 | | } + | '--- nested rule +25 | baz: $i; + | ^^^^^^^ declaration + ' + input.scss 25:3 root stylesheet diff --git a/spec/libsass/variable-scoping/lexical-scope.hrx b/spec/libsass/variable-scoping/lexical-scope.hrx index 0b803e978..90fe2f0f6 100644 --- a/spec/libsass/variable-scoping/lexical-scope.hrx +++ b/spec/libsass/variable-scoping/lexical-scope.hrx @@ -40,3 +40,55 @@ div for { x: 5; x: 999; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6 | / for { +7 | | @for $x from 1 through 5 { +8 | | $y: $y + 5; +9 | | y: $y; +10 | | x: $x; +11 | | $x: 999; +12 | | x: $x; +13 | | $y: -9 !global; +14 | | $x: -9 !global; +15 | | } +16 | | } + | '--- nested rule +17 | x: $x; + | ^^^^^ declaration + ' + input.scss 17:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6 | / for { +7 | | @for $x from 1 through 5 { +8 | | $y: $y + 5; +9 | | y: $y; +10 | | x: $x; +11 | | $x: 999; +12 | | x: $x; +13 | | $y: -9 !global; +14 | | $x: -9 !global; +15 | | } +16 | | } + | '--- nested rule +... | +18 | y: $y; + | ^^^^^ declaration + ' + input.scss 18:3 root stylesheet diff --git a/spec/libsass/variable-scoping/root-scope.hrx b/spec/libsass/variable-scoping/root-scope.hrx index dc8ede440..beb868a88 100644 --- a/spec/libsass/variable-scoping/root-scope.hrx +++ b/spec/libsass/variable-scoping/root-scope.hrx @@ -44,3 +44,61 @@ div for { x: -9; y: -9; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6 | / for { +7 | | x: $x; +8 | | y: $y; +9 | | @for $x from 1 through 5 { +10 | | $y: $y + 5; +11 | | x: $x; +12 | | y: $y; +13 | | $x: 999; +14 | | $y: -9 !global; +15 | | $x: -9 !global; +16 | | } +17 | | x: $x; +18 | | y: $y; +19 | | } + | '--- nested rule +20 | x: $x; + | ^^^^^ declaration + ' + input.scss 20:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6 | / for { +7 | | x: $x; +8 | | y: $y; +9 | | @for $x from 1 through 5 { +10 | | $y: $y + 5; +11 | | x: $x; +12 | | y: $y; +13 | | $x: 999; +14 | | $y: -9 !global; +15 | | $x: -9 !global; +16 | | } +17 | | x: $x; +18 | | y: $y; +19 | | } + | '--- nested rule +... | +21 | y: $y; + | ^^^^^ declaration + ' + input.scss 21:3 root stylesheet diff --git a/spec/non_conformant/basic/06_nesting_and_comments.hrx b/spec/non_conformant/basic/06_nesting_and_comments.hrx index 7db150b17..132386485 100644 --- a/spec/non_conformant/basic/06_nesting_and_comments.hrx +++ b/spec/non_conformant/basic/06_nesting_and_comments.hrx @@ -98,3 +98,42 @@ div empty_with_comment { div empty_with_comment span { c: d; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12 | / a { +13 | | text-decoration: none; /* where will this comment go? */ +14 | | color: green; +15 | | /* what about this comment? */ border: 1px $blah red; +16 | | } + | '--- nested rule +... | +18 | display: inline-block; + | ^^^^^^^^^^^^^^^^^^^^^ declaration + ' + input.scss 18:5 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +27 | / p { /* comment after open brace goes in */ +28 | | padding: 10px 8%; +29 | | -webkit-box-sizing: $blux; +30 | | } /* comment after close brace goes out */ + | '---^ nested rule +31 | margin: 10px 5px; + | ^^^^^^^^^^^^^^^^ declaration + ' + input.scss 31:3 root stylesheet diff --git a/spec/non_conformant/basic/07_nested_simple_selector_groups.hrx b/spec/non_conformant/basic/07_nested_simple_selector_groups.hrx index 82ca45aea..ce96d280b 100644 --- a/spec/non_conformant/basic/07_nested_simple_selector_groups.hrx +++ b/spec/non_conformant/basic/07_nested_simple_selector_groups.hrx @@ -52,3 +52,22 @@ c i k m, c i k n, c i k o, c i l m, c i l n, c i l o, c j k m, c j k n, c j k o, wow: we are far inside; but: it still works; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19 | / m, n, o { +20 | | wow: we are far inside; +21 | | but: it still works; +22 | | } + | '--- nested rule +23 | hoo: boo; + | ^^^^^^^^ declaration + ' + input.scss 23:7 root stylesheet diff --git a/spec/non_conformant/basic/08_selector_combinators.hrx b/spec/non_conformant/basic/08_selector_combinators.hrx index 252e97375..d6f5415b8 100644 --- a/spec/non_conformant/basic/08_selector_combinators.hrx +++ b/spec/non_conformant/basic/08_selector_combinators.hrx @@ -16,3 +16,41 @@ a + b > c d e { color: blue; background: white; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2 | / d e { +3 | | color: blue; +4 | | background: white; +5 | | } + | '--- nested rule +6 | color: red; + | ^^^^^^^^^^ declaration + ' + input.scss 6:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2 | / d e { +3 | | color: blue; +4 | | background: white; +5 | | } + | '--- nested rule +... | +7 | background: gray; + | ^^^^^^^^^^^^^^^^ declaration + ' + input.scss 7:3 root stylesheet diff --git a/spec/non_conformant/basic/12_pseudo_classes_and_elements.hrx b/spec/non_conformant/basic/12_pseudo_classes_and_elements.hrx index 9c1a52f23..1888832a6 100644 --- a/spec/non_conformant/basic/12_pseudo_classes_and_elements.hrx +++ b/spec/non_conformant/basic/12_pseudo_classes_and_elements.hrx @@ -36,3 +36,21 @@ a b :first-child :not(.foo), a b :nth-of-type(-2n+1) :not(.foo) { a b :first-child a, a b :nth-of-type(-2n+1) a { b: c; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4 | / .foo#bar:nth-child(even) { +5 | | hoo: goo; +6 | | } + | '--- nested rule +7 | blah: bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7:5 root stylesheet diff --git a/spec/non_conformant/basic/13_back_references.hrx b/spec/non_conformant/basic/13_back_references.hrx index 6b0f86b72..435a72ede 100644 --- a/spec/non_conformant/basic/13_back_references.hrx +++ b/spec/non_conformant/basic/13_back_references.hrx @@ -12,3 +12,21 @@ hey, ho { hey > boo, foo hey.goo, ho > boo, foo ho.goo { bloo: bloo; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2 | / & > boo, foo &.goo { +3 | | bloo: bloo; +4 | | } + | '--- nested rule +5 | blah: blah; + | ^^^^^^^^^^ declaration + ' + input.scss 5:3 root stylesheet diff --git a/spec/non_conformant/basic/14_imports.hrx b/spec/non_conformant/basic/14_imports.hrx index 719cc48fe..463a0da7a 100644 --- a/spec/non_conformant/basic/14_imports.hrx +++ b/spec/non_conformant/basic/14_imports.hrx @@ -56,3 +56,23 @@ foo blux { hey: another thing; ho: will this work; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + ,--> input.scss +8 | hello: world; + | ^^^^^^^^^^^^ declaration + ' + ,--> d.scss +1 | / d { +2 | | inside: d now; +3 | | } + | '--- nested rule + ' + input.scss 8:5 root stylesheet diff --git a/spec/non_conformant/basic/17_basic_mixins.hrx b/spec/non_conformant/basic/17_basic_mixins.hrx index a7b59c5dc..581d365a7 100644 --- a/spec/non_conformant/basic/17_basic_mixins.hrx +++ b/spec/non_conformant/basic/17_basic_mixins.hrx @@ -57,3 +57,44 @@ a div foo, a div bar, a span foo, a span bar { div { blah: blah from a variable blah; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6 | flugablug: $a $b glug; + | ^^^^^^^^^^^^^^^^^^^^^ declaration +... | +13 | / foo, bar { +14 | | more: stuff so forth; +15 | | blah: blah; +16 | | } + | '--- nested rule + ' + input.scss 6:3 bar() + input.scss 27:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6 | flugablug: $a $b glug; + | ^^^^^^^^^^^^^^^^^^^^^ declaration +... | +13 | / foo, bar { +14 | | more: stuff so forth; +15 | | blah: blah; +16 | | } + | '--- nested rule + ' + input.scss 6:3 bar() + input.scss 28:3 root stylesheet diff --git a/spec/non_conformant/basic/19_full_mixin_craziness.hrx b/spec/non_conformant/basic/19_full_mixin_craziness.hrx index a059c8ef5..eeff8a9b3 100644 --- a/spec/non_conformant/basic/19_full_mixin_craziness.hrx +++ b/spec/non_conformant/basic/19_full_mixin_craziness.hrx @@ -199,3 +199,60 @@ div { a: global-x; b: changed global y; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7 | margin: $x $y; + | ^^^^^^^^^^^^^ declaration +8 | / blip { +9 | | hey: now; +10 | | } + | '--- nested rule + ' + input.scss 7:3 foo() + input.scss 27:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8 | / blip { +9 | | hey: now; +10 | | } + | '--- nested rule +... | +15 | margin: $x $y $z; + | ^^^^^^^^^^^^^^^^ declaration + ' + input.scss 15:3 foogoo() + input.scss 28:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8 | / blip { +9 | | hey: now; +10 | | } + | '--- nested rule +... | +15 | margin: $x $y $z; + | ^^^^^^^^^^^^^^^^ declaration + ' + input.scss 15:3 foogoo() + input.scss 29:3 root stylesheet diff --git a/spec/non_conformant/basic/27_media_queries.hrx b/spec/non_conformant/basic/27_media_queries.hrx index 883cd0838..73646c15f 100644 --- a/spec/non_conformant/basic/27_media_queries.hrx +++ b/spec/non_conformant/basic/27_media_queries.hrx @@ -35,3 +35,25 @@ a b c d e f { hee: fee; } } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8 | / @media print and (foo: 1 2 3), (bar: 3px hux(muz)), not screen { +9 | | hey: ho; +10 | | k l m { +11 | | hee: fee; +12 | | } +13 | | } + | '--- nested rule +... | +15 | blah: blah; + | ^^^^^^^^^^ declaration + ' + input.scss 15:3 root stylesheet diff --git a/spec/non_conformant/misc/mixin_content.hrx b/spec/non_conformant/misc/mixin_content.hrx index 59fd198b0..2403da99f 100644 --- a/spec/non_conformant/misc/mixin_content.hrx +++ b/spec/non_conformant/misc/mixin_content.hrx @@ -23,3 +23,23 @@ $color: blue; color: blue; border-color: yellow; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3 | / .#{$class} { +4 | | background-color: $color; +5 | | @content; +6 | | border-color: $color; + | | ^^^^^^^^^^^^^^^^^^^^ declaration +7 | | } + | '--- nested rule + ' + input.scss 6:5 context() + input.scss 9:1 root stylesheet diff --git a/spec/non_conformant/scss-tests/036_test_nested_rules_with_declarations.hrx b/spec/non_conformant/scss-tests/036_test_nested_rules_with_declarations.hrx index d199ff045..2fbbbea5f 100644 --- a/spec/non_conformant/scss-tests/036_test_nested_rules_with_declarations.hrx +++ b/spec/non_conformant/scss-tests/036_test_nested_rules_with_declarations.hrx @@ -10,3 +10,19 @@ foo { foo bar { c: d; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2 | bar {c: d} + | ========== nested rule +3 | a: b} + | ^^^^ declaration + ' + input.scss 3:3 root stylesheet diff --git a/spec/non_conformant/scss-tests/039_test_almost_ambiguous_nested_rules_and_declarations.hrx b/spec/non_conformant/scss-tests/039_test_almost_ambiguous_nested_rules_and_declarations.hrx index 03c10188a..1fcb841cb 100644 --- a/spec/non_conformant/scss-tests/039_test_almost_ambiguous_nested_rules_and_declarations.hrx +++ b/spec/non_conformant/scss-tests/039_test_almost_ambiguous_nested_rules_and_declarations.hrx @@ -14,3 +14,19 @@ foo bar:baz:bang:bop:biddle:woo:look:at:all:these:pseudoclasses { foo bar:baz bang bop biddle woo look at all these elems { a: b; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3 | bar:baz bang bop biddle woo look at all these elems {a: b}; + | ========================================================== nested rule +4 | bar:baz bang bop biddle woo look at all these elems; } + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration + ' + input.scss 4:3 root stylesheet diff --git a/spec/non_conformant/scss-tests/055_test_basic_mixins.hrx b/spec/non_conformant/scss-tests/055_test_basic_mixins.hrx index d8622c256..50ac4ae7d 100644 --- a/spec/non_conformant/scss-tests/055_test_basic_mixins.hrx +++ b/spec/non_conformant/scss-tests/055_test_basic_mixins.hrx @@ -13,3 +13,20 @@ bar { bar .foo { a: b; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2 | .foo {a: b}} + | =========== nested rule +... | +6 | c: d; } + | ^^^^ declaration + ' + input.scss 6:3 root stylesheet diff --git a/spec/non_conformant/scss-tests/188_test_mixin_content.hrx b/spec/non_conformant/scss-tests/188_test_mixin_content.hrx index 59fd198b0..2403da99f 100644 --- a/spec/non_conformant/scss-tests/188_test_mixin_content.hrx +++ b/spec/non_conformant/scss-tests/188_test_mixin_content.hrx @@ -23,3 +23,23 @@ $color: blue; color: blue; border-color: yellow; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3 | / .#{$class} { +4 | | background-color: $color; +5 | | @content; +6 | | border-color: $color; + | | ^^^^^^^^^^^^^^^^^^^^ declaration +7 | | } + | '--- nested rule + ' + input.scss 6:5 context() + input.scss 9:1 root stylesheet diff --git a/spec/non_conformant/scss/almost_ambiguous_nested_rules_and_declarations.hrx b/spec/non_conformant/scss/almost_ambiguous_nested_rules_and_declarations.hrx index 03c10188a..1fcb841cb 100644 --- a/spec/non_conformant/scss/almost_ambiguous_nested_rules_and_declarations.hrx +++ b/spec/non_conformant/scss/almost_ambiguous_nested_rules_and_declarations.hrx @@ -14,3 +14,19 @@ foo bar:baz:bang:bop:biddle:woo:look:at:all:these:pseudoclasses { foo bar:baz bang bop biddle woo look at all these elems { a: b; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3 | bar:baz bang bop biddle woo look at all these elems {a: b}; + | ========================================================== nested rule +4 | bar:baz bang bop biddle woo look at all these elems; } + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ declaration + ' + input.scss 4:3 root stylesheet diff --git a/spec/non_conformant/scss/functions-and-mixins.hrx b/spec/non_conformant/scss/functions-and-mixins.hrx index 0e3afcb78..6fb320c8d 100644 --- a/spec/non_conformant/scss/functions-and-mixins.hrx +++ b/spec/non_conformant/scss/functions-and-mixins.hrx @@ -32,3 +32,24 @@ div span div { content: "hello"; width: 8; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15 | / div { +16 | | content: foo(); +17 | | @include foo(); +18 | | width: length(1,2,2,3); +19 | | } + | '--- nested rule +... | +22 | height: length(a b c d e); + | ^^^^^^^^^^^^^^^^^^^^^^^^^ declaration + ' + input.scss 22:3 root stylesheet diff --git a/spec/non_conformant/scss/huge.hrx b/spec/non_conformant/scss/huge.hrx index 3841a27da..e9275c819 100644 --- a/spec/non_conformant/scss/huge.hrx +++ b/spec/non_conformant/scss/huge.hrx @@ -49664,3 +49664,19460 @@ div div div div p div div p empty not-empty span { display: block; -webkit-box-sizing: border-box; } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17 | / a { +18 | | display: inline-block; +19 | | padding: 5px; +20 | | color: $blee; +21 | | } + | '--- nested rule +22 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22:7 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +41 | / a { +42 | | display: inline-block; +43 | | padding: 5px; +44 | | color: $blee; +45 | | } + | '--- nested rule +46 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 46:15 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +65 | / a { +66 | | display: inline-block; +67 | | padding: 5px; +68 | | color: $blee; +69 | | } + | '--- nested rule +70 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 70:17 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +94 | / a { +95 | | display: inline-block; +96 | | padding: 5px; +97 | | color: $blee; +98 | | } + | '--- nested rule +99 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 99:9 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +137 | / a { +138 | | display: inline-block; +139 | | padding: 5px; +140 | | color: $blee; +141 | | } + | '--- nested rule +142 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 142:13 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +161 | / a { +162 | | display: inline-block; +163 | | padding: 5px; +164 | | color: $blee; +165 | | } + | '--- nested rule +166 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 166:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +185 | / a { +186 | | display: inline-block; +187 | | padding: 5px; +188 | | color: $blee; +189 | | } + | '--- nested rule +190 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 190:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +214 | / a { +215 | | display: inline-block; +216 | | padding: 5px; +217 | | color: $blee; +218 | | } + | '--- nested rule +219 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 219:15 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +237 | / a { +238 | | display: inline-block; +239 | | padding: 5px; +240 | | color: $blee; +241 | | } + | '--- nested rule +242 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 242:11 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +261 | / a { +262 | | display: inline-block; +263 | | padding: 5px; +264 | | color: $blee; +265 | | } + | '--- nested rule +266 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 266:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +285 | / a { +286 | | display: inline-block; +287 | | padding: 5px; +288 | | color: $blee; +289 | | } + | '--- nested rule +290 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 290:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +314 | / a { +315 | | display: inline-block; +316 | | padding: 5px; +317 | | color: $blee; +318 | | } + | '--- nested rule +319 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 319:13 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +324 | / span { +325 | | display: block; +326 | | -webkit-box-sizing: border-box; +327 | | } + | '--- nested rule +... | +334 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 334:5 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +353 | / a { +354 | | display: inline-block; +355 | | padding: 5px; +356 | | color: $blee; +357 | | } + | '--- nested rule +358 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 358:13 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +377 | / a { +378 | | display: inline-block; +379 | | padding: 5px; +380 | | color: $blee; +381 | | } + | '--- nested rule +382 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 382:15 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +406 | / a { +407 | | display: inline-block; +408 | | padding: 5px; +409 | | color: $blee; +410 | | } + | '--- nested rule +411 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 411:7 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +438 | / a { +439 | | display: inline-block; +440 | | padding: 5px; +441 | | color: $blee; +442 | | } + | '--- nested rule +443 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 443:13 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +462 | / a { +463 | | display: inline-block; +464 | | padding: 5px; +465 | | color: $blee; +466 | | } + | '--- nested rule +467 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 467:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +486 | / a { +487 | | display: inline-block; +488 | | padding: 5px; +489 | | color: $blee; +490 | | } + | '--- nested rule +491 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 491:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +515 | / a { +516 | | display: inline-block; +517 | | padding: 5px; +518 | | color: $blee; +519 | | } + | '--- nested rule +520 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 520:15 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +558 | / a { +559 | | display: inline-block; +560 | | padding: 5px; +561 | | color: $blee; +562 | | } + | '--- nested rule +563 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 563:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +582 | / a { +583 | | display: inline-block; +584 | | padding: 5px; +585 | | color: $blee; +586 | | } + | '--- nested rule +587 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 587:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +606 | / a { +607 | | display: inline-block; +608 | | padding: 5px; +609 | | color: $blee; +610 | | } + | '--- nested rule +611 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 611:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +635 | / a { +636 | | display: inline-block; +637 | | padding: 5px; +638 | | color: $blee; +639 | | } + | '--- nested rule +640 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 640:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +658 | / a { +659 | | display: inline-block; +660 | | padding: 5px; +661 | | color: $blee; +662 | | } + | '--- nested rule +663 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 663:17 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +682 | / a { +683 | | display: inline-block; +684 | | padding: 5px; +685 | | color: $blee; +686 | | } + | '--- nested rule +687 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 687:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +706 | / a { +707 | | display: inline-block; +708 | | padding: 5px; +709 | | color: $blee; +710 | | } + | '--- nested rule +711 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 711:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +735 | / a { +736 | | display: inline-block; +737 | | padding: 5px; +738 | | color: $blee; +739 | | } + | '--- nested rule +740 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 740:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +745 | / span { +746 | | display: block; +747 | | -webkit-box-sizing: border-box; +748 | | } + | '--- nested rule +... | +755 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 755:11 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +774 | / a { +775 | | display: inline-block; +776 | | padding: 5px; +777 | | color: $blee; +778 | | } + | '--- nested rule +779 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 779:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +798 | / a { +799 | | display: inline-block; +800 | | padding: 5px; +801 | | color: $blee; +802 | | } + | '--- nested rule +803 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 803:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +836 | / a { +837 | | display: inline-block; +838 | | padding: 5px; +839 | | color: $blee; +840 | | } + | '--- nested rule +841 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 841:15 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +860 | / a { +861 | | display: inline-block; +862 | | padding: 5px; +863 | | color: $blee; +864 | | } + | '--- nested rule +865 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 865:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +884 | / a { +885 | | display: inline-block; +886 | | padding: 5px; +887 | | color: $blee; +888 | | } + | '--- nested rule +889 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 889:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +913 | / a { +914 | | display: inline-block; +915 | | padding: 5px; +916 | | color: $blee; +917 | | } + | '--- nested rule +918 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 918:17 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +956 | / a { +957 | | display: inline-block; +958 | | padding: 5px; +959 | | color: $blee; +960 | | } + | '--- nested rule +961 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 961:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +980 | / a { +981 | | display: inline-block; +982 | | padding: 5px; +983 | | color: $blee; +984 | | } + | '--- nested rule +985 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 985:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1004 | / a { +1005 | | display: inline-block; +1006 | | padding: 5px; +1007 | | color: $blee; +1008 | | } + | '--- nested rule +1009 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1009:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1033 | / a { +1034 | | display: inline-block; +1035 | | padding: 5px; +1036 | | color: $blee; +1037 | | } + | '--- nested rule +1038 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1038:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1056 | / a { +1057 | | display: inline-block; +1058 | | padding: 5px; +1059 | | color: $blee; +1060 | | } + | '--- nested rule +1061 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1061:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1080 | / a { +1081 | | display: inline-block; +1082 | | padding: 5px; +1083 | | color: $blee; +1084 | | } + | '--- nested rule +1085 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1085:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1104 | / a { +1105 | | display: inline-block; +1106 | | padding: 5px; +1107 | | color: $blee; +1108 | | } + | '--- nested rule +1109 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1109:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1133 | / a { +1134 | | display: inline-block; +1135 | | padding: 5px; +1136 | | color: $blee; +1137 | | } + | '--- nested rule +1138 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1138:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1143 | / span { +1144 | | display: block; +1145 | | -webkit-box-sizing: border-box; +1146 | | } + | '--- nested rule +... | +1153 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1153:13 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1172 | / a { +1173 | | display: inline-block; +1174 | | padding: 5px; +1175 | | color: $blee; +1176 | | } + | '--- nested rule +1177 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1177:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1196 | / a { +1197 | | display: inline-block; +1198 | | padding: 5px; +1199 | | color: $blee; +1200 | | } + | '--- nested rule +1201 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1201:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1225 | / a { +1226 | | display: inline-block; +1227 | | padding: 5px; +1228 | | color: $blee; +1229 | | } + | '--- nested rule +1230 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1230:15 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1257 | / a { +1258 | | display: inline-block; +1259 | | padding: 5px; +1260 | | color: $blee; +1261 | | } + | '--- nested rule +1262 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1262:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1281 | / a { +1282 | | display: inline-block; +1283 | | padding: 5px; +1284 | | color: $blee; +1285 | | } + | '--- nested rule +1286 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1286:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1305 | / a { +1306 | | display: inline-block; +1307 | | padding: 5px; +1308 | | color: $blee; +1309 | | } + | '--- nested rule +1310 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1310:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1334 | / a { +1335 | | display: inline-block; +1336 | | padding: 5px; +1337 | | color: $blee; +1338 | | } + | '--- nested rule +1339 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1339:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1377 | / a { +1378 | | display: inline-block; +1379 | | padding: 5px; +1380 | | color: $blee; +1381 | | } + | '--- nested rule +1382 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1382:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1401 | / a { +1402 | | display: inline-block; +1403 | | padding: 5px; +1404 | | color: $blee; +1405 | | } + | '--- nested rule +1406 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1406:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1425 | / a { +1426 | | display: inline-block; +1427 | | padding: 5px; +1428 | | color: $blee; +1429 | | } + | '--- nested rule +1430 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1430:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1454 | / a { +1455 | | display: inline-block; +1456 | | padding: 5px; +1457 | | color: $blee; +1458 | | } + | '--- nested rule +1459 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1459:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1477 | / a { +1478 | | display: inline-block; +1479 | | padding: 5px; +1480 | | color: $blee; +1481 | | } + | '--- nested rule +1482 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1482:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1501 | / a { +1502 | | display: inline-block; +1503 | | padding: 5px; +1504 | | color: $blee; +1505 | | } + | '--- nested rule +1506 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1506:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1525 | / a { +1526 | | display: inline-block; +1527 | | padding: 5px; +1528 | | color: $blee; +1529 | | } + | '--- nested rule +1530 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1530:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1554 | / a { +1555 | | display: inline-block; +1556 | | padding: 5px; +1557 | | color: $blee; +1558 | | } + | '--- nested rule +1559 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1559:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1564 | / span { +1565 | | display: block; +1566 | | -webkit-box-sizing: border-box; +1567 | | } + | '--- nested rule +... | +1574 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1574:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1593 | / a { +1594 | | display: inline-block; +1595 | | padding: 5px; +1596 | | color: $blee; +1597 | | } + | '--- nested rule +1598 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1598:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1617 | / a { +1618 | | display: inline-block; +1619 | | padding: 5px; +1620 | | color: $blee; +1621 | | } + | '--- nested rule +1622 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1622:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1652 | / a { +1653 | | display: inline-block; +1654 | | padding: 5px; +1655 | | color: $blee; +1656 | | } + | '--- nested rule +1657 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1657:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1676 | / a { +1677 | | display: inline-block; +1678 | | padding: 5px; +1679 | | color: $blee; +1680 | | } + | '--- nested rule +1681 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1681:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1700 | / a { +1701 | | display: inline-block; +1702 | | padding: 5px; +1703 | | color: $blee; +1704 | | } + | '--- nested rule +1705 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1705:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1729 | / a { +1730 | | display: inline-block; +1731 | | padding: 5px; +1732 | | color: $blee; +1733 | | } + | '--- nested rule +1734 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1734:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1772 | / a { +1773 | | display: inline-block; +1774 | | padding: 5px; +1775 | | color: $blee; +1776 | | } + | '--- nested rule +1777 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1777:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1796 | / a { +1797 | | display: inline-block; +1798 | | padding: 5px; +1799 | | color: $blee; +1800 | | } + | '--- nested rule +1801 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1801:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1820 | / a { +1821 | | display: inline-block; +1822 | | padding: 5px; +1823 | | color: $blee; +1824 | | } + | '--- nested rule +1825 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1825:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1849 | / a { +1850 | | display: inline-block; +1851 | | padding: 5px; +1852 | | color: $blee; +1853 | | } + | '--- nested rule +1854 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1854:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1872 | / a { +1873 | | display: inline-block; +1874 | | padding: 5px; +1875 | | color: $blee; +1876 | | } + | '--- nested rule +1877 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1877:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1896 | / a { +1897 | | display: inline-block; +1898 | | padding: 5px; +1899 | | color: $blee; +1900 | | } + | '--- nested rule +1901 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1901:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1920 | / a { +1921 | | display: inline-block; +1922 | | padding: 5px; +1923 | | color: $blee; +1924 | | } + | '--- nested rule +1925 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1925:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1949 | / a { +1950 | | display: inline-block; +1951 | | padding: 5px; +1952 | | color: $blee; +1953 | | } + | '--- nested rule +1954 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1954:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1959 | / span { +1960 | | display: block; +1961 | | -webkit-box-sizing: border-box; +1962 | | } + | '--- nested rule +... | +1969 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1969:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +1988 | / a { +1989 | | display: inline-block; +1990 | | padding: 5px; +1991 | | color: $blee; +1992 | | } + | '--- nested rule +1993 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 1993:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2012 | / a { +2013 | | display: inline-block; +2014 | | padding: 5px; +2015 | | color: $blee; +2016 | | } + | '--- nested rule +2017 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2017:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2041 | / a { +2042 | | display: inline-block; +2043 | | padding: 5px; +2044 | | color: $blee; +2045 | | } + | '--- nested rule +2046 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2046:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2073 | / a { +2074 | | display: inline-block; +2075 | | padding: 5px; +2076 | | color: $blee; +2077 | | } + | '--- nested rule +2078 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2078:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2097 | / a { +2098 | | display: inline-block; +2099 | | padding: 5px; +2100 | | color: $blee; +2101 | | } + | '--- nested rule +2102 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2102:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2121 | / a { +2122 | | display: inline-block; +2123 | | padding: 5px; +2124 | | color: $blee; +2125 | | } + | '--- nested rule +2126 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2126:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2150 | / a { +2151 | | display: inline-block; +2152 | | padding: 5px; +2153 | | color: $blee; +2154 | | } + | '--- nested rule +2155 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2155:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2193 | / a { +2194 | | display: inline-block; +2195 | | padding: 5px; +2196 | | color: $blee; +2197 | | } + | '--- nested rule +2198 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2198:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2217 | / a { +2218 | | display: inline-block; +2219 | | padding: 5px; +2220 | | color: $blee; +2221 | | } + | '--- nested rule +2222 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2222:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2241 | / a { +2242 | | display: inline-block; +2243 | | padding: 5px; +2244 | | color: $blee; +2245 | | } + | '--- nested rule +2246 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2246:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2270 | / a { +2271 | | display: inline-block; +2272 | | padding: 5px; +2273 | | color: $blee; +2274 | | } + | '--- nested rule +2275 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2275:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2293 | / a { +2294 | | display: inline-block; +2295 | | padding: 5px; +2296 | | color: $blee; +2297 | | } + | '--- nested rule +2298 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2298:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2317 | / a { +2318 | | display: inline-block; +2319 | | padding: 5px; +2320 | | color: $blee; +2321 | | } + | '--- nested rule +2322 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2322:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2341 | / a { +2342 | | display: inline-block; +2343 | | padding: 5px; +2344 | | color: $blee; +2345 | | } + | '--- nested rule +2346 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2346:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2370 | / a { +2371 | | display: inline-block; +2372 | | padding: 5px; +2373 | | color: $blee; +2374 | | } + | '--- nested rule +2375 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2375:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2380 | / span { +2381 | | display: block; +2382 | | -webkit-box-sizing: border-box; +2383 | | } + | '--- nested rule +... | +2390 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2390:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2409 | / a { +2410 | | display: inline-block; +2411 | | padding: 5px; +2412 | | color: $blee; +2413 | | } + | '--- nested rule +2414 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2414:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2433 | / a { +2434 | | display: inline-block; +2435 | | padding: 5px; +2436 | | color: $blee; +2437 | | } + | '--- nested rule +2438 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2438:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2471 | / a { +2472 | | display: inline-block; +2473 | | padding: 5px; +2474 | | color: $blee; +2475 | | } + | '--- nested rule +2476 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2476:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2495 | / a { +2496 | | display: inline-block; +2497 | | padding: 5px; +2498 | | color: $blee; +2499 | | } + | '--- nested rule +2500 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2500:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2519 | / a { +2520 | | display: inline-block; +2521 | | padding: 5px; +2522 | | color: $blee; +2523 | | } + | '--- nested rule +2524 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2524:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2548 | / a { +2549 | | display: inline-block; +2550 | | padding: 5px; +2551 | | color: $blee; +2552 | | } + | '--- nested rule +2553 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2553:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2591 | / a { +2592 | | display: inline-block; +2593 | | padding: 5px; +2594 | | color: $blee; +2595 | | } + | '--- nested rule +2596 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2596:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2615 | / a { +2616 | | display: inline-block; +2617 | | padding: 5px; +2618 | | color: $blee; +2619 | | } + | '--- nested rule +2620 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2620:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2639 | / a { +2640 | | display: inline-block; +2641 | | padding: 5px; +2642 | | color: $blee; +2643 | | } + | '--- nested rule +2644 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2644:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2668 | / a { +2669 | | display: inline-block; +2670 | | padding: 5px; +2671 | | color: $blee; +2672 | | } + | '--- nested rule +2673 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2673:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2691 | / a { +2692 | | display: inline-block; +2693 | | padding: 5px; +2694 | | color: $blee; +2695 | | } + | '--- nested rule +2696 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2696:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2715 | / a { +2716 | | display: inline-block; +2717 | | padding: 5px; +2718 | | color: $blee; +2719 | | } + | '--- nested rule +2720 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2720:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2739 | / a { +2740 | | display: inline-block; +2741 | | padding: 5px; +2742 | | color: $blee; +2743 | | } + | '--- nested rule +2744 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2744:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2768 | / a { +2769 | | display: inline-block; +2770 | | padding: 5px; +2771 | | color: $blee; +2772 | | } + | '--- nested rule +2773 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2773:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2778 | / span { +2779 | | display: block; +2780 | | -webkit-box-sizing: border-box; +2781 | | } + | '--- nested rule +... | +2788 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2788:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2807 | / a { +2808 | | display: inline-block; +2809 | | padding: 5px; +2810 | | color: $blee; +2811 | | } + | '--- nested rule +2812 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2812:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2831 | / a { +2832 | | display: inline-block; +2833 | | padding: 5px; +2834 | | color: $blee; +2835 | | } + | '--- nested rule +2836 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2836:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2860 | / a { +2861 | | display: inline-block; +2862 | | padding: 5px; +2863 | | color: $blee; +2864 | | } + | '--- nested rule +2865 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2865:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2892 | / a { +2893 | | display: inline-block; +2894 | | padding: 5px; +2895 | | color: $blee; +2896 | | } + | '--- nested rule +2897 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2897:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2916 | / a { +2917 | | display: inline-block; +2918 | | padding: 5px; +2919 | | color: $blee; +2920 | | } + | '--- nested rule +2921 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2921:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2940 | / a { +2941 | | display: inline-block; +2942 | | padding: 5px; +2943 | | color: $blee; +2944 | | } + | '--- nested rule +2945 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2945:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +2969 | / a { +2970 | | display: inline-block; +2971 | | padding: 5px; +2972 | | color: $blee; +2973 | | } + | '--- nested rule +2974 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 2974:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3012 | / a { +3013 | | display: inline-block; +3014 | | padding: 5px; +3015 | | color: $blee; +3016 | | } + | '--- nested rule +3017 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3017:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3036 | / a { +3037 | | display: inline-block; +3038 | | padding: 5px; +3039 | | color: $blee; +3040 | | } + | '--- nested rule +3041 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3041:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3060 | / a { +3061 | | display: inline-block; +3062 | | padding: 5px; +3063 | | color: $blee; +3064 | | } + | '--- nested rule +3065 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3065:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3089 | / a { +3090 | | display: inline-block; +3091 | | padding: 5px; +3092 | | color: $blee; +3093 | | } + | '--- nested rule +3094 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3094:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3112 | / a { +3113 | | display: inline-block; +3114 | | padding: 5px; +3115 | | color: $blee; +3116 | | } + | '--- nested rule +3117 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3117:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3136 | / a { +3137 | | display: inline-block; +3138 | | padding: 5px; +3139 | | color: $blee; +3140 | | } + | '--- nested rule +3141 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3141:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3160 | / a { +3161 | | display: inline-block; +3162 | | padding: 5px; +3163 | | color: $blee; +3164 | | } + | '--- nested rule +3165 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3165:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3189 | / a { +3190 | | display: inline-block; +3191 | | padding: 5px; +3192 | | color: $blee; +3193 | | } + | '--- nested rule +3194 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3194:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3199 | / span { +3200 | | display: block; +3201 | | -webkit-box-sizing: border-box; +3202 | | } + | '--- nested rule +... | +3209 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3209:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3228 | / a { +3229 | | display: inline-block; +3230 | | padding: 5px; +3231 | | color: $blee; +3232 | | } + | '--- nested rule +3233 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3233:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3252 | / a { +3253 | | display: inline-block; +3254 | | padding: 5px; +3255 | | color: $blee; +3256 | | } + | '--- nested rule +3257 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3257:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3281 | / a { +3282 | | display: inline-block; +3283 | | padding: 5px; +3284 | | color: $blee; +3285 | | } + | '--- nested rule +3286 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3286:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3310 | / a { +3311 | | display: inline-block; +3312 | | padding: 5px; +3313 | | color: $blee; +3314 | | } + | '--- nested rule +3315 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3315:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3342 | / a { +3343 | | display: inline-block; +3344 | | padding: 5px; +3345 | | color: $blee; +3346 | | } + | '--- nested rule +3347 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3347:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3371 | / a { +3372 | | display: inline-block; +3373 | | padding: 5px; +3374 | | color: $blee; +3375 | | } + | '--- nested rule +3376 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3376:13 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3407 | / a { +3408 | | display: inline-block; +3409 | | padding: 5px; +3410 | | color: $blee; +3411 | | } + | '--- nested rule +3412 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3412:11 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3431 | / a { +3432 | | display: inline-block; +3433 | | padding: 5px; +3434 | | color: $blee; +3435 | | } + | '--- nested rule +3436 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3436:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3455 | / a { +3456 | | display: inline-block; +3457 | | padding: 5px; +3458 | | color: $blee; +3459 | | } + | '--- nested rule +3460 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3460:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3484 | / a { +3485 | | display: inline-block; +3486 | | padding: 5px; +3487 | | color: $blee; +3488 | | } + | '--- nested rule +3489 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3489:13 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3527 | / a { +3528 | | display: inline-block; +3529 | | padding: 5px; +3530 | | color: $blee; +3531 | | } + | '--- nested rule +3532 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3532:17 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3551 | / a { +3552 | | display: inline-block; +3553 | | padding: 5px; +3554 | | color: $blee; +3555 | | } + | '--- nested rule +3556 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3556:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3575 | / a { +3576 | | display: inline-block; +3577 | | padding: 5px; +3578 | | color: $blee; +3579 | | } + | '--- nested rule +3580 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3580:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3604 | / a { +3605 | | display: inline-block; +3606 | | padding: 5px; +3607 | | color: $blee; +3608 | | } + | '--- nested rule +3609 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3609:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3627 | / a { +3628 | | display: inline-block; +3629 | | padding: 5px; +3630 | | color: $blee; +3631 | | } + | '--- nested rule +3632 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3632:15 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3651 | / a { +3652 | | display: inline-block; +3653 | | padding: 5px; +3654 | | color: $blee; +3655 | | } + | '--- nested rule +3656 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3656:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3675 | / a { +3676 | | display: inline-block; +3677 | | padding: 5px; +3678 | | color: $blee; +3679 | | } + | '--- nested rule +3680 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3680:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3704 | / a { +3705 | | display: inline-block; +3706 | | padding: 5px; +3707 | | color: $blee; +3708 | | } + | '--- nested rule +3709 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3709:17 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3714 | / span { +3715 | | display: block; +3716 | | -webkit-box-sizing: border-box; +3717 | | } + | '--- nested rule +... | +3724 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3724:9 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3743 | / a { +3744 | | display: inline-block; +3745 | | padding: 5px; +3746 | | color: $blee; +3747 | | } + | '--- nested rule +3748 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3748:17 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3767 | / a { +3768 | | display: inline-block; +3769 | | padding: 5px; +3770 | | color: $blee; +3771 | | } + | '--- nested rule +3772 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3772:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3796 | / a { +3797 | | display: inline-block; +3798 | | padding: 5px; +3799 | | color: $blee; +3800 | | } + | '--- nested rule +3801 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3801:11 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3828 | / a { +3829 | | display: inline-block; +3830 | | padding: 5px; +3831 | | color: $blee; +3832 | | } + | '--- nested rule +3833 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3833:17 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3852 | / a { +3853 | | display: inline-block; +3854 | | padding: 5px; +3855 | | color: $blee; +3856 | | } + | '--- nested rule +3857 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3857:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3876 | / a { +3877 | | display: inline-block; +3878 | | padding: 5px; +3879 | | color: $blee; +3880 | | } + | '--- nested rule +3881 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3881:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3905 | / a { +3906 | | display: inline-block; +3907 | | padding: 5px; +3908 | | color: $blee; +3909 | | } + | '--- nested rule +3910 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3910:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3948 | / a { +3949 | | display: inline-block; +3950 | | padding: 5px; +3951 | | color: $blee; +3952 | | } + | '--- nested rule +3953 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3953:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3972 | / a { +3973 | | display: inline-block; +3974 | | padding: 5px; +3975 | | color: $blee; +3976 | | } + | '--- nested rule +3977 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 3977:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +3996 | / a { +3997 | | display: inline-block; +3998 | | padding: 5px; +3999 | | color: $blee; +4000 | | } + | '--- nested rule +4001 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4001:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4025 | / a { +4026 | | display: inline-block; +4027 | | padding: 5px; +4028 | | color: $blee; +4029 | | } + | '--- nested rule +4030 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4030:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4048 | / a { +4049 | | display: inline-block; +4050 | | padding: 5px; +4051 | | color: $blee; +4052 | | } + | '--- nested rule +4053 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4053:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4072 | / a { +4073 | | display: inline-block; +4074 | | padding: 5px; +4075 | | color: $blee; +4076 | | } + | '--- nested rule +4077 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4077:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4096 | / a { +4097 | | display: inline-block; +4098 | | padding: 5px; +4099 | | color: $blee; +4100 | | } + | '--- nested rule +4101 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4101:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4125 | / a { +4126 | | display: inline-block; +4127 | | padding: 5px; +4128 | | color: $blee; +4129 | | } + | '--- nested rule +4130 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4130:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4135 | / span { +4136 | | display: block; +4137 | | -webkit-box-sizing: border-box; +4138 | | } + | '--- nested rule +... | +4145 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4145:15 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4164 | / a { +4165 | | display: inline-block; +4166 | | padding: 5px; +4167 | | color: $blee; +4168 | | } + | '--- nested rule +4169 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4169:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4188 | / a { +4189 | | display: inline-block; +4190 | | padding: 5px; +4191 | | color: $blee; +4192 | | } + | '--- nested rule +4193 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4193:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4226 | / a { +4227 | | display: inline-block; +4228 | | padding: 5px; +4229 | | color: $blee; +4230 | | } + | '--- nested rule +4231 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4231:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4250 | / a { +4251 | | display: inline-block; +4252 | | padding: 5px; +4253 | | color: $blee; +4254 | | } + | '--- nested rule +4255 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4255:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4274 | / a { +4275 | | display: inline-block; +4276 | | padding: 5px; +4277 | | color: $blee; +4278 | | } + | '--- nested rule +4279 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4279:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4303 | / a { +4304 | | display: inline-block; +4305 | | padding: 5px; +4306 | | color: $blee; +4307 | | } + | '--- nested rule +4308 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4308:21 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4346 | / a { +4347 | | display: inline-block; +4348 | | padding: 5px; +4349 | | color: $blee; +4350 | | } + | '--- nested rule +4351 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4351:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4370 | / a { +4371 | | display: inline-block; +4372 | | padding: 5px; +4373 | | color: $blee; +4374 | | } + | '--- nested rule +4375 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4375:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4394 | / a { +4395 | | display: inline-block; +4396 | | padding: 5px; +4397 | | color: $blee; +4398 | | } + | '--- nested rule +4399 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4399:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4423 | / a { +4424 | | display: inline-block; +4425 | | padding: 5px; +4426 | | color: $blee; +4427 | | } + | '--- nested rule +4428 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4428:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4446 | / a { +4447 | | display: inline-block; +4448 | | padding: 5px; +4449 | | color: $blee; +4450 | | } + | '--- nested rule +4451 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4451:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4470 | / a { +4471 | | display: inline-block; +4472 | | padding: 5px; +4473 | | color: $blee; +4474 | | } + | '--- nested rule +4475 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4475:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4494 | / a { +4495 | | display: inline-block; +4496 | | padding: 5px; +4497 | | color: $blee; +4498 | | } + | '--- nested rule +4499 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4499:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4523 | / a { +4524 | | display: inline-block; +4525 | | padding: 5px; +4526 | | color: $blee; +4527 | | } + | '--- nested rule +4528 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4528:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4533 | / span { +4534 | | display: block; +4535 | | -webkit-box-sizing: border-box; +4536 | | } + | '--- nested rule +... | +4543 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4543:17 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4562 | / a { +4563 | | display: inline-block; +4564 | | padding: 5px; +4565 | | color: $blee; +4566 | | } + | '--- nested rule +4567 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4567:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4586 | / a { +4587 | | display: inline-block; +4588 | | padding: 5px; +4589 | | color: $blee; +4590 | | } + | '--- nested rule +4591 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4591:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4615 | / a { +4616 | | display: inline-block; +4617 | | padding: 5px; +4618 | | color: $blee; +4619 | | } + | '--- nested rule +4620 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4620:19 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4647 | / a { +4648 | | display: inline-block; +4649 | | padding: 5px; +4650 | | color: $blee; +4651 | | } + | '--- nested rule +4652 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4652:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4671 | / a { +4672 | | display: inline-block; +4673 | | padding: 5px; +4674 | | color: $blee; +4675 | | } + | '--- nested rule +4676 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4676:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4695 | / a { +4696 | | display: inline-block; +4697 | | padding: 5px; +4698 | | color: $blee; +4699 | | } + | '--- nested rule +4700 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4700:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4724 | / a { +4725 | | display: inline-block; +4726 | | padding: 5px; +4727 | | color: $blee; +4728 | | } + | '--- nested rule +4729 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4729:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4767 | / a { +4768 | | display: inline-block; +4769 | | padding: 5px; +4770 | | color: $blee; +4771 | | } + | '--- nested rule +4772 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4772:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4791 | / a { +4792 | | display: inline-block; +4793 | | padding: 5px; +4794 | | color: $blee; +4795 | | } + | '--- nested rule +4796 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4796:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4815 | / a { +4816 | | display: inline-block; +4817 | | padding: 5px; +4818 | | color: $blee; +4819 | | } + | '--- nested rule +4820 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4820:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4844 | / a { +4845 | | display: inline-block; +4846 | | padding: 5px; +4847 | | color: $blee; +4848 | | } + | '--- nested rule +4849 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4849:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4867 | / a { +4868 | | display: inline-block; +4869 | | padding: 5px; +4870 | | color: $blee; +4871 | | } + | '--- nested rule +4872 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4872:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4891 | / a { +4892 | | display: inline-block; +4893 | | padding: 5px; +4894 | | color: $blee; +4895 | | } + | '--- nested rule +4896 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4896:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4915 | / a { +4916 | | display: inline-block; +4917 | | padding: 5px; +4918 | | color: $blee; +4919 | | } + | '--- nested rule +4920 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4920:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4944 | / a { +4945 | | display: inline-block; +4946 | | padding: 5px; +4947 | | color: $blee; +4948 | | } + | '--- nested rule +4949 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4949:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4954 | / span { +4955 | | display: block; +4956 | | -webkit-box-sizing: border-box; +4957 | | } + | '--- nested rule +... | +4964 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4964:23 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +4983 | / a { +4984 | | display: inline-block; +4985 | | padding: 5px; +4986 | | color: $blee; +4987 | | } + | '--- nested rule +4988 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 4988:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5007 | / a { +5008 | | display: inline-block; +5009 | | padding: 5px; +5010 | | color: $blee; +5011 | | } + | '--- nested rule +5012 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5012:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5042 | / a { +5043 | | display: inline-block; +5044 | | padding: 5px; +5045 | | color: $blee; +5046 | | } + | '--- nested rule +5047 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5047:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5066 | / a { +5067 | | display: inline-block; +5068 | | padding: 5px; +5069 | | color: $blee; +5070 | | } + | '--- nested rule +5071 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5071:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5090 | / a { +5091 | | display: inline-block; +5092 | | padding: 5px; +5093 | | color: $blee; +5094 | | } + | '--- nested rule +5095 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5095:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5119 | / a { +5120 | | display: inline-block; +5121 | | padding: 5px; +5122 | | color: $blee; +5123 | | } + | '--- nested rule +5124 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5124:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5162 | / a { +5163 | | display: inline-block; +5164 | | padding: 5px; +5165 | | color: $blee; +5166 | | } + | '--- nested rule +5167 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5167:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5186 | / a { +5187 | | display: inline-block; +5188 | | padding: 5px; +5189 | | color: $blee; +5190 | | } + | '--- nested rule +5191 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5191:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5210 | / a { +5211 | | display: inline-block; +5212 | | padding: 5px; +5213 | | color: $blee; +5214 | | } + | '--- nested rule +5215 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5215:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5239 | / a { +5240 | | display: inline-block; +5241 | | padding: 5px; +5242 | | color: $blee; +5243 | | } + | '--- nested rule +5244 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5244:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5262 | / a { +5263 | | display: inline-block; +5264 | | padding: 5px; +5265 | | color: $blee; +5266 | | } + | '--- nested rule +5267 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5267:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5286 | / a { +5287 | | display: inline-block; +5288 | | padding: 5px; +5289 | | color: $blee; +5290 | | } + | '--- nested rule +5291 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5291:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5310 | / a { +5311 | | display: inline-block; +5312 | | padding: 5px; +5313 | | color: $blee; +5314 | | } + | '--- nested rule +5315 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5315:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5339 | / a { +5340 | | display: inline-block; +5341 | | padding: 5px; +5342 | | color: $blee; +5343 | | } + | '--- nested rule +5344 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5344:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5349 | / span { +5350 | | display: block; +5351 | | -webkit-box-sizing: border-box; +5352 | | } + | '--- nested rule +... | +5359 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5359:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5378 | / a { +5379 | | display: inline-block; +5380 | | padding: 5px; +5381 | | color: $blee; +5382 | | } + | '--- nested rule +5383 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5383:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5402 | / a { +5403 | | display: inline-block; +5404 | | padding: 5px; +5405 | | color: $blee; +5406 | | } + | '--- nested rule +5407 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5407:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5431 | / a { +5432 | | display: inline-block; +5433 | | padding: 5px; +5434 | | color: $blee; +5435 | | } + | '--- nested rule +5436 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5436:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5463 | / a { +5464 | | display: inline-block; +5465 | | padding: 5px; +5466 | | color: $blee; +5467 | | } + | '--- nested rule +5468 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5468:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5487 | / a { +5488 | | display: inline-block; +5489 | | padding: 5px; +5490 | | color: $blee; +5491 | | } + | '--- nested rule +5492 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5492:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5511 | / a { +5512 | | display: inline-block; +5513 | | padding: 5px; +5514 | | color: $blee; +5515 | | } + | '--- nested rule +5516 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5516:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5540 | / a { +5541 | | display: inline-block; +5542 | | padding: 5px; +5543 | | color: $blee; +5544 | | } + | '--- nested rule +5545 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5545:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5583 | / a { +5584 | | display: inline-block; +5585 | | padding: 5px; +5586 | | color: $blee; +5587 | | } + | '--- nested rule +5588 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5588:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5607 | / a { +5608 | | display: inline-block; +5609 | | padding: 5px; +5610 | | color: $blee; +5611 | | } + | '--- nested rule +5612 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5612:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5631 | / a { +5632 | | display: inline-block; +5633 | | padding: 5px; +5634 | | color: $blee; +5635 | | } + | '--- nested rule +5636 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5636:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5660 | / a { +5661 | | display: inline-block; +5662 | | padding: 5px; +5663 | | color: $blee; +5664 | | } + | '--- nested rule +5665 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5665:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5683 | / a { +5684 | | display: inline-block; +5685 | | padding: 5px; +5686 | | color: $blee; +5687 | | } + | '--- nested rule +5688 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5688:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5707 | / a { +5708 | | display: inline-block; +5709 | | padding: 5px; +5710 | | color: $blee; +5711 | | } + | '--- nested rule +5712 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5712:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5731 | / a { +5732 | | display: inline-block; +5733 | | padding: 5px; +5734 | | color: $blee; +5735 | | } + | '--- nested rule +5736 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5736:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5760 | / a { +5761 | | display: inline-block; +5762 | | padding: 5px; +5763 | | color: $blee; +5764 | | } + | '--- nested rule +5765 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5765:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5770 | / span { +5771 | | display: block; +5772 | | -webkit-box-sizing: border-box; +5773 | | } + | '--- nested rule +... | +5780 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5780:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5799 | / a { +5800 | | display: inline-block; +5801 | | padding: 5px; +5802 | | color: $blee; +5803 | | } + | '--- nested rule +5804 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5804:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5823 | / a { +5824 | | display: inline-block; +5825 | | padding: 5px; +5826 | | color: $blee; +5827 | | } + | '--- nested rule +5828 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5828:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5861 | / a { +5862 | | display: inline-block; +5863 | | padding: 5px; +5864 | | color: $blee; +5865 | | } + | '--- nested rule +5866 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5866:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5885 | / a { +5886 | | display: inline-block; +5887 | | padding: 5px; +5888 | | color: $blee; +5889 | | } + | '--- nested rule +5890 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5890:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5909 | / a { +5910 | | display: inline-block; +5911 | | padding: 5px; +5912 | | color: $blee; +5913 | | } + | '--- nested rule +5914 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5914:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5938 | / a { +5939 | | display: inline-block; +5940 | | padding: 5px; +5941 | | color: $blee; +5942 | | } + | '--- nested rule +5943 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5943:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +5981 | / a { +5982 | | display: inline-block; +5983 | | padding: 5px; +5984 | | color: $blee; +5985 | | } + | '--- nested rule +5986 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 5986:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6005 | / a { +6006 | | display: inline-block; +6007 | | padding: 5px; +6008 | | color: $blee; +6009 | | } + | '--- nested rule +6010 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6010:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6029 | / a { +6030 | | display: inline-block; +6031 | | padding: 5px; +6032 | | color: $blee; +6033 | | } + | '--- nested rule +6034 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6034:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6058 | / a { +6059 | | display: inline-block; +6060 | | padding: 5px; +6061 | | color: $blee; +6062 | | } + | '--- nested rule +6063 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6063:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6081 | / a { +6082 | | display: inline-block; +6083 | | padding: 5px; +6084 | | color: $blee; +6085 | | } + | '--- nested rule +6086 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6086:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6105 | / a { +6106 | | display: inline-block; +6107 | | padding: 5px; +6108 | | color: $blee; +6109 | | } + | '--- nested rule +6110 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6110:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6129 | / a { +6130 | | display: inline-block; +6131 | | padding: 5px; +6132 | | color: $blee; +6133 | | } + | '--- nested rule +6134 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6134:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6158 | / a { +6159 | | display: inline-block; +6160 | | padding: 5px; +6161 | | color: $blee; +6162 | | } + | '--- nested rule +6163 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6163:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6168 | / span { +6169 | | display: block; +6170 | | -webkit-box-sizing: border-box; +6171 | | } + | '--- nested rule +... | +6178 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6178:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6197 | / a { +6198 | | display: inline-block; +6199 | | padding: 5px; +6200 | | color: $blee; +6201 | | } + | '--- nested rule +6202 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6202:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6221 | / a { +6222 | | display: inline-block; +6223 | | padding: 5px; +6224 | | color: $blee; +6225 | | } + | '--- nested rule +6226 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6226:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6250 | / a { +6251 | | display: inline-block; +6252 | | padding: 5px; +6253 | | color: $blee; +6254 | | } + | '--- nested rule +6255 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6255:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6282 | / a { +6283 | | display: inline-block; +6284 | | padding: 5px; +6285 | | color: $blee; +6286 | | } + | '--- nested rule +6287 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6287:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6306 | / a { +6307 | | display: inline-block; +6308 | | padding: 5px; +6309 | | color: $blee; +6310 | | } + | '--- nested rule +6311 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6311:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6330 | / a { +6331 | | display: inline-block; +6332 | | padding: 5px; +6333 | | color: $blee; +6334 | | } + | '--- nested rule +6335 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6335:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6359 | / a { +6360 | | display: inline-block; +6361 | | padding: 5px; +6362 | | color: $blee; +6363 | | } + | '--- nested rule +6364 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6364:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6402 | / a { +6403 | | display: inline-block; +6404 | | padding: 5px; +6405 | | color: $blee; +6406 | | } + | '--- nested rule +6407 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6407:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6426 | / a { +6427 | | display: inline-block; +6428 | | padding: 5px; +6429 | | color: $blee; +6430 | | } + | '--- nested rule +6431 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6431:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6450 | / a { +6451 | | display: inline-block; +6452 | | padding: 5px; +6453 | | color: $blee; +6454 | | } + | '--- nested rule +6455 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6455:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6479 | / a { +6480 | | display: inline-block; +6481 | | padding: 5px; +6482 | | color: $blee; +6483 | | } + | '--- nested rule +6484 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6484:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6502 | / a { +6503 | | display: inline-block; +6504 | | padding: 5px; +6505 | | color: $blee; +6506 | | } + | '--- nested rule +6507 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6507:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6526 | / a { +6527 | | display: inline-block; +6528 | | padding: 5px; +6529 | | color: $blee; +6530 | | } + | '--- nested rule +6531 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6531:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6550 | / a { +6551 | | display: inline-block; +6552 | | padding: 5px; +6553 | | color: $blee; +6554 | | } + | '--- nested rule +6555 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6555:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6579 | / a { +6580 | | display: inline-block; +6581 | | padding: 5px; +6582 | | color: $blee; +6583 | | } + | '--- nested rule +6584 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6584:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6589 | / span { +6590 | | display: block; +6591 | | -webkit-box-sizing: border-box; +6592 | | } + | '--- nested rule +... | +6599 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6599:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6618 | / a { +6619 | | display: inline-block; +6620 | | padding: 5px; +6621 | | color: $blee; +6622 | | } + | '--- nested rule +6623 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6623:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6642 | / a { +6643 | | display: inline-block; +6644 | | padding: 5px; +6645 | | color: $blee; +6646 | | } + | '--- nested rule +6647 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6647:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6671 | / a { +6672 | | display: inline-block; +6673 | | padding: 5px; +6674 | | color: $blee; +6675 | | } + | '--- nested rule +6676 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6676:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6700 | / a { +6701 | | display: inline-block; +6702 | | padding: 5px; +6703 | | color: $blee; +6704 | | } + | '--- nested rule +6705 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6705:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6732 | / a { +6733 | | display: inline-block; +6734 | | padding: 5px; +6735 | | color: $blee; +6736 | | } + | '--- nested rule +6737 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6737:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6766 | / a { +6767 | | display: inline-block; +6768 | | padding: 5px; +6769 | | color: $blee; +6770 | | } + | '--- nested rule +6771 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6771:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6790 | / a { +6791 | | display: inline-block; +6792 | | padding: 5px; +6793 | | color: $blee; +6794 | | } + | '--- nested rule +6795 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6795:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6814 | / a { +6815 | | display: inline-block; +6816 | | padding: 5px; +6817 | | color: $blee; +6818 | | } + | '--- nested rule +6819 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6819:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6843 | / a { +6844 | | display: inline-block; +6845 | | padding: 5px; +6846 | | color: $blee; +6847 | | } + | '--- nested rule +6848 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6848:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6886 | / a { +6887 | | display: inline-block; +6888 | | padding: 5px; +6889 | | color: $blee; +6890 | | } + | '--- nested rule +6891 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6891:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6910 | / a { +6911 | | display: inline-block; +6912 | | padding: 5px; +6913 | | color: $blee; +6914 | | } + | '--- nested rule +6915 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6915:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6934 | / a { +6935 | | display: inline-block; +6936 | | padding: 5px; +6937 | | color: $blee; +6938 | | } + | '--- nested rule +6939 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6939:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6963 | / a { +6964 | | display: inline-block; +6965 | | padding: 5px; +6966 | | color: $blee; +6967 | | } + | '--- nested rule +6968 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6968:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +6986 | / a { +6987 | | display: inline-block; +6988 | | padding: 5px; +6989 | | color: $blee; +6990 | | } + | '--- nested rule +6991 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 6991:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7010 | / a { +7011 | | display: inline-block; +7012 | | padding: 5px; +7013 | | color: $blee; +7014 | | } + | '--- nested rule +7015 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7015:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7034 | / a { +7035 | | display: inline-block; +7036 | | padding: 5px; +7037 | | color: $blee; +7038 | | } + | '--- nested rule +7039 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7039:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7063 | / a { +7064 | | display: inline-block; +7065 | | padding: 5px; +7066 | | color: $blee; +7067 | | } + | '--- nested rule +7068 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7068:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7073 | / span { +7074 | | display: block; +7075 | | -webkit-box-sizing: border-box; +7076 | | } + | '--- nested rule +... | +7083 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7083:25 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7102 | / a { +7103 | | display: inline-block; +7104 | | padding: 5px; +7105 | | color: $blee; +7106 | | } + | '--- nested rule +7107 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7107:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7126 | / a { +7127 | | display: inline-block; +7128 | | padding: 5px; +7129 | | color: $blee; +7130 | | } + | '--- nested rule +7131 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7131:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7155 | / a { +7156 | | display: inline-block; +7157 | | padding: 5px; +7158 | | color: $blee; +7159 | | } + | '--- nested rule +7160 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7160:27 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7187 | / a { +7188 | | display: inline-block; +7189 | | padding: 5px; +7190 | | color: $blee; +7191 | | } + | '--- nested rule +7192 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7192:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7211 | / a { +7212 | | display: inline-block; +7213 | | padding: 5px; +7214 | | color: $blee; +7215 | | } + | '--- nested rule +7216 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7216:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7235 | / a { +7236 | | display: inline-block; +7237 | | padding: 5px; +7238 | | color: $blee; +7239 | | } + | '--- nested rule +7240 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7240:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7264 | / a { +7265 | | display: inline-block; +7266 | | padding: 5px; +7267 | | color: $blee; +7268 | | } + | '--- nested rule +7269 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7269:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7307 | / a { +7308 | | display: inline-block; +7309 | | padding: 5px; +7310 | | color: $blee; +7311 | | } + | '--- nested rule +7312 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7312:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7331 | / a { +7332 | | display: inline-block; +7333 | | padding: 5px; +7334 | | color: $blee; +7335 | | } + | '--- nested rule +7336 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7336:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7355 | / a { +7356 | | display: inline-block; +7357 | | padding: 5px; +7358 | | color: $blee; +7359 | | } + | '--- nested rule +7360 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7360:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7384 | / a { +7385 | | display: inline-block; +7386 | | padding: 5px; +7387 | | color: $blee; +7388 | | } + | '--- nested rule +7389 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7389:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7407 | / a { +7408 | | display: inline-block; +7409 | | padding: 5px; +7410 | | color: $blee; +7411 | | } + | '--- nested rule +7412 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7412:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7431 | / a { +7432 | | display: inline-block; +7433 | | padding: 5px; +7434 | | color: $blee; +7435 | | } + | '--- nested rule +7436 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7436:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7455 | / a { +7456 | | display: inline-block; +7457 | | padding: 5px; +7458 | | color: $blee; +7459 | | } + | '--- nested rule +7460 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7460:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7484 | / a { +7485 | | display: inline-block; +7486 | | padding: 5px; +7487 | | color: $blee; +7488 | | } + | '--- nested rule +7489 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7489:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7494 | / span { +7495 | | display: block; +7496 | | -webkit-box-sizing: border-box; +7497 | | } + | '--- nested rule +... | +7504 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7504:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7523 | / a { +7524 | | display: inline-block; +7525 | | padding: 5px; +7526 | | color: $blee; +7527 | | } + | '--- nested rule +7528 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7528:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7547 | / a { +7548 | | display: inline-block; +7549 | | padding: 5px; +7550 | | color: $blee; +7551 | | } + | '--- nested rule +7552 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7552:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7585 | / a { +7586 | | display: inline-block; +7587 | | padding: 5px; +7588 | | color: $blee; +7589 | | } + | '--- nested rule +7590 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7590:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7609 | / a { +7610 | | display: inline-block; +7611 | | padding: 5px; +7612 | | color: $blee; +7613 | | } + | '--- nested rule +7614 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7614:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7633 | / a { +7634 | | display: inline-block; +7635 | | padding: 5px; +7636 | | color: $blee; +7637 | | } + | '--- nested rule +7638 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7638:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7662 | / a { +7663 | | display: inline-block; +7664 | | padding: 5px; +7665 | | color: $blee; +7666 | | } + | '--- nested rule +7667 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7667:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7705 | / a { +7706 | | display: inline-block; +7707 | | padding: 5px; +7708 | | color: $blee; +7709 | | } + | '--- nested rule +7710 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7710:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7729 | / a { +7730 | | display: inline-block; +7731 | | padding: 5px; +7732 | | color: $blee; +7733 | | } + | '--- nested rule +7734 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7734:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7753 | / a { +7754 | | display: inline-block; +7755 | | padding: 5px; +7756 | | color: $blee; +7757 | | } + | '--- nested rule +7758 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7758:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7782 | / a { +7783 | | display: inline-block; +7784 | | padding: 5px; +7785 | | color: $blee; +7786 | | } + | '--- nested rule +7787 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7787:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7805 | / a { +7806 | | display: inline-block; +7807 | | padding: 5px; +7808 | | color: $blee; +7809 | | } + | '--- nested rule +7810 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7810:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7829 | / a { +7830 | | display: inline-block; +7831 | | padding: 5px; +7832 | | color: $blee; +7833 | | } + | '--- nested rule +7834 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7834:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7853 | / a { +7854 | | display: inline-block; +7855 | | padding: 5px; +7856 | | color: $blee; +7857 | | } + | '--- nested rule +7858 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7858:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7882 | / a { +7883 | | display: inline-block; +7884 | | padding: 5px; +7885 | | color: $blee; +7886 | | } + | '--- nested rule +7887 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7887:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7892 | / span { +7893 | | display: block; +7894 | | -webkit-box-sizing: border-box; +7895 | | } + | '--- nested rule +... | +7902 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7902:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7921 | / a { +7922 | | display: inline-block; +7923 | | padding: 5px; +7924 | | color: $blee; +7925 | | } + | '--- nested rule +7926 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7926:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7945 | / a { +7946 | | display: inline-block; +7947 | | padding: 5px; +7948 | | color: $blee; +7949 | | } + | '--- nested rule +7950 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7950:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +7974 | / a { +7975 | | display: inline-block; +7976 | | padding: 5px; +7977 | | color: $blee; +7978 | | } + | '--- nested rule +7979 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 7979:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8006 | / a { +8007 | | display: inline-block; +8008 | | padding: 5px; +8009 | | color: $blee; +8010 | | } + | '--- nested rule +8011 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8011:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8030 | / a { +8031 | | display: inline-block; +8032 | | padding: 5px; +8033 | | color: $blee; +8034 | | } + | '--- nested rule +8035 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8035:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8054 | / a { +8055 | | display: inline-block; +8056 | | padding: 5px; +8057 | | color: $blee; +8058 | | } + | '--- nested rule +8059 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8059:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8083 | / a { +8084 | | display: inline-block; +8085 | | padding: 5px; +8086 | | color: $blee; +8087 | | } + | '--- nested rule +8088 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8088:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8126 | / a { +8127 | | display: inline-block; +8128 | | padding: 5px; +8129 | | color: $blee; +8130 | | } + | '--- nested rule +8131 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8131:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8150 | / a { +8151 | | display: inline-block; +8152 | | padding: 5px; +8153 | | color: $blee; +8154 | | } + | '--- nested rule +8155 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8155:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8174 | / a { +8175 | | display: inline-block; +8176 | | padding: 5px; +8177 | | color: $blee; +8178 | | } + | '--- nested rule +8179 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8179:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8203 | / a { +8204 | | display: inline-block; +8205 | | padding: 5px; +8206 | | color: $blee; +8207 | | } + | '--- nested rule +8208 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8208:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8226 | / a { +8227 | | display: inline-block; +8228 | | padding: 5px; +8229 | | color: $blee; +8230 | | } + | '--- nested rule +8231 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8231:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8250 | / a { +8251 | | display: inline-block; +8252 | | padding: 5px; +8253 | | color: $blee; +8254 | | } + | '--- nested rule +8255 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8255:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8274 | / a { +8275 | | display: inline-block; +8276 | | padding: 5px; +8277 | | color: $blee; +8278 | | } + | '--- nested rule +8279 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8279:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8303 | / a { +8304 | | display: inline-block; +8305 | | padding: 5px; +8306 | | color: $blee; +8307 | | } + | '--- nested rule +8308 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8308:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8313 | / span { +8314 | | display: block; +8315 | | -webkit-box-sizing: border-box; +8316 | | } + | '--- nested rule +... | +8323 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8323:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8342 | / a { +8343 | | display: inline-block; +8344 | | padding: 5px; +8345 | | color: $blee; +8346 | | } + | '--- nested rule +8347 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8347:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8366 | / a { +8367 | | display: inline-block; +8368 | | padding: 5px; +8369 | | color: $blee; +8370 | | } + | '--- nested rule +8371 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8371:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8401 | / a { +8402 | | display: inline-block; +8403 | | padding: 5px; +8404 | | color: $blee; +8405 | | } + | '--- nested rule +8406 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8406:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8425 | / a { +8426 | | display: inline-block; +8427 | | padding: 5px; +8428 | | color: $blee; +8429 | | } + | '--- nested rule +8430 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8430:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8449 | / a { +8450 | | display: inline-block; +8451 | | padding: 5px; +8452 | | color: $blee; +8453 | | } + | '--- nested rule +8454 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8454:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8478 | / a { +8479 | | display: inline-block; +8480 | | padding: 5px; +8481 | | color: $blee; +8482 | | } + | '--- nested rule +8483 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8483:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8521 | / a { +8522 | | display: inline-block; +8523 | | padding: 5px; +8524 | | color: $blee; +8525 | | } + | '--- nested rule +8526 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8526:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8545 | / a { +8546 | | display: inline-block; +8547 | | padding: 5px; +8548 | | color: $blee; +8549 | | } + | '--- nested rule +8550 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8550:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8569 | / a { +8570 | | display: inline-block; +8571 | | padding: 5px; +8572 | | color: $blee; +8573 | | } + | '--- nested rule +8574 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8574:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8598 | / a { +8599 | | display: inline-block; +8600 | | padding: 5px; +8601 | | color: $blee; +8602 | | } + | '--- nested rule +8603 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8603:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8621 | / a { +8622 | | display: inline-block; +8623 | | padding: 5px; +8624 | | color: $blee; +8625 | | } + | '--- nested rule +8626 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8626:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8645 | / a { +8646 | | display: inline-block; +8647 | | padding: 5px; +8648 | | color: $blee; +8649 | | } + | '--- nested rule +8650 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8650:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8669 | / a { +8670 | | display: inline-block; +8671 | | padding: 5px; +8672 | | color: $blee; +8673 | | } + | '--- nested rule +8674 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8674:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8698 | / a { +8699 | | display: inline-block; +8700 | | padding: 5px; +8701 | | color: $blee; +8702 | | } + | '--- nested rule +8703 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8703:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8708 | / span { +8709 | | display: block; +8710 | | -webkit-box-sizing: border-box; +8711 | | } + | '--- nested rule +... | +8718 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8718:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8737 | / a { +8738 | | display: inline-block; +8739 | | padding: 5px; +8740 | | color: $blee; +8741 | | } + | '--- nested rule +8742 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8742:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8761 | / a { +8762 | | display: inline-block; +8763 | | padding: 5px; +8764 | | color: $blee; +8765 | | } + | '--- nested rule +8766 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8766:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8790 | / a { +8791 | | display: inline-block; +8792 | | padding: 5px; +8793 | | color: $blee; +8794 | | } + | '--- nested rule +8795 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8795:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8822 | / a { +8823 | | display: inline-block; +8824 | | padding: 5px; +8825 | | color: $blee; +8826 | | } + | '--- nested rule +8827 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8827:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8846 | / a { +8847 | | display: inline-block; +8848 | | padding: 5px; +8849 | | color: $blee; +8850 | | } + | '--- nested rule +8851 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8851:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8870 | / a { +8871 | | display: inline-block; +8872 | | padding: 5px; +8873 | | color: $blee; +8874 | | } + | '--- nested rule +8875 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8875:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8899 | / a { +8900 | | display: inline-block; +8901 | | padding: 5px; +8902 | | color: $blee; +8903 | | } + | '--- nested rule +8904 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8904:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8942 | / a { +8943 | | display: inline-block; +8944 | | padding: 5px; +8945 | | color: $blee; +8946 | | } + | '--- nested rule +8947 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8947:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8966 | / a { +8967 | | display: inline-block; +8968 | | padding: 5px; +8969 | | color: $blee; +8970 | | } + | '--- nested rule +8971 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8971:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +8990 | / a { +8991 | | display: inline-block; +8992 | | padding: 5px; +8993 | | color: $blee; +8994 | | } + | '--- nested rule +8995 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 8995:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9019 | / a { +9020 | | display: inline-block; +9021 | | padding: 5px; +9022 | | color: $blee; +9023 | | } + | '--- nested rule +9024 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9024:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9042 | / a { +9043 | | display: inline-block; +9044 | | padding: 5px; +9045 | | color: $blee; +9046 | | } + | '--- nested rule +9047 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9047:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9066 | / a { +9067 | | display: inline-block; +9068 | | padding: 5px; +9069 | | color: $blee; +9070 | | } + | '--- nested rule +9071 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9071:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9090 | / a { +9091 | | display: inline-block; +9092 | | padding: 5px; +9093 | | color: $blee; +9094 | | } + | '--- nested rule +9095 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9095:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9119 | / a { +9120 | | display: inline-block; +9121 | | padding: 5px; +9122 | | color: $blee; +9123 | | } + | '--- nested rule +9124 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9124:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9129 | / span { +9130 | | display: block; +9131 | | -webkit-box-sizing: border-box; +9132 | | } + | '--- nested rule +... | +9139 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9139:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9158 | / a { +9159 | | display: inline-block; +9160 | | padding: 5px; +9161 | | color: $blee; +9162 | | } + | '--- nested rule +9163 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9163:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9182 | / a { +9183 | | display: inline-block; +9184 | | padding: 5px; +9185 | | color: $blee; +9186 | | } + | '--- nested rule +9187 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9187:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9220 | / a { +9221 | | display: inline-block; +9222 | | padding: 5px; +9223 | | color: $blee; +9224 | | } + | '--- nested rule +9225 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9225:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9244 | / a { +9245 | | display: inline-block; +9246 | | padding: 5px; +9247 | | color: $blee; +9248 | | } + | '--- nested rule +9249 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9249:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9268 | / a { +9269 | | display: inline-block; +9270 | | padding: 5px; +9271 | | color: $blee; +9272 | | } + | '--- nested rule +9273 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9273:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9297 | / a { +9298 | | display: inline-block; +9299 | | padding: 5px; +9300 | | color: $blee; +9301 | | } + | '--- nested rule +9302 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9302:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9340 | / a { +9341 | | display: inline-block; +9342 | | padding: 5px; +9343 | | color: $blee; +9344 | | } + | '--- nested rule +9345 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9345:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9364 | / a { +9365 | | display: inline-block; +9366 | | padding: 5px; +9367 | | color: $blee; +9368 | | } + | '--- nested rule +9369 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9369:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9388 | / a { +9389 | | display: inline-block; +9390 | | padding: 5px; +9391 | | color: $blee; +9392 | | } + | '--- nested rule +9393 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9393:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9417 | / a { +9418 | | display: inline-block; +9419 | | padding: 5px; +9420 | | color: $blee; +9421 | | } + | '--- nested rule +9422 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9422:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9440 | / a { +9441 | | display: inline-block; +9442 | | padding: 5px; +9443 | | color: $blee; +9444 | | } + | '--- nested rule +9445 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9445:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9464 | / a { +9465 | | display: inline-block; +9466 | | padding: 5px; +9467 | | color: $blee; +9468 | | } + | '--- nested rule +9469 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9469:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9488 | / a { +9489 | | display: inline-block; +9490 | | padding: 5px; +9491 | | color: $blee; +9492 | | } + | '--- nested rule +9493 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9493:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9517 | / a { +9518 | | display: inline-block; +9519 | | padding: 5px; +9520 | | color: $blee; +9521 | | } + | '--- nested rule +9522 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9522:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9527 | / span { +9528 | | display: block; +9529 | | -webkit-box-sizing: border-box; +9530 | | } + | '--- nested rule +... | +9537 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9537:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9556 | / a { +9557 | | display: inline-block; +9558 | | padding: 5px; +9559 | | color: $blee; +9560 | | } + | '--- nested rule +9561 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9561:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9580 | / a { +9581 | | display: inline-block; +9582 | | padding: 5px; +9583 | | color: $blee; +9584 | | } + | '--- nested rule +9585 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9585:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9609 | / a { +9610 | | display: inline-block; +9611 | | padding: 5px; +9612 | | color: $blee; +9613 | | } + | '--- nested rule +9614 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9614:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9641 | / a { +9642 | | display: inline-block; +9643 | | padding: 5px; +9644 | | color: $blee; +9645 | | } + | '--- nested rule +9646 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9646:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9665 | / a { +9666 | | display: inline-block; +9667 | | padding: 5px; +9668 | | color: $blee; +9669 | | } + | '--- nested rule +9670 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9670:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9689 | / a { +9690 | | display: inline-block; +9691 | | padding: 5px; +9692 | | color: $blee; +9693 | | } + | '--- nested rule +9694 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9694:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9718 | / a { +9719 | | display: inline-block; +9720 | | padding: 5px; +9721 | | color: $blee; +9722 | | } + | '--- nested rule +9723 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9723:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9761 | / a { +9762 | | display: inline-block; +9763 | | padding: 5px; +9764 | | color: $blee; +9765 | | } + | '--- nested rule +9766 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9766:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9785 | / a { +9786 | | display: inline-block; +9787 | | padding: 5px; +9788 | | color: $blee; +9789 | | } + | '--- nested rule +9790 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9790:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9809 | / a { +9810 | | display: inline-block; +9811 | | padding: 5px; +9812 | | color: $blee; +9813 | | } + | '--- nested rule +9814 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9814:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9838 | / a { +9839 | | display: inline-block; +9840 | | padding: 5px; +9841 | | color: $blee; +9842 | | } + | '--- nested rule +9843 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9843:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9861 | / a { +9862 | | display: inline-block; +9863 | | padding: 5px; +9864 | | color: $blee; +9865 | | } + | '--- nested rule +9866 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9866:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9885 | / a { +9886 | | display: inline-block; +9887 | | padding: 5px; +9888 | | color: $blee; +9889 | | } + | '--- nested rule +9890 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9890:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9909 | / a { +9910 | | display: inline-block; +9911 | | padding: 5px; +9912 | | color: $blee; +9913 | | } + | '--- nested rule +9914 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9914:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9938 | / a { +9939 | | display: inline-block; +9940 | | padding: 5px; +9941 | | color: $blee; +9942 | | } + | '--- nested rule +9943 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9943:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9948 | / span { +9949 | | display: block; +9950 | | -webkit-box-sizing: border-box; +9951 | | } + | '--- nested rule +... | +9958 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9958:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +9977 | / a { +9978 | | display: inline-block; +9979 | | padding: 5px; +9980 | | color: $blee; +9981 | | } + | '--- nested rule +9982 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 9982:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10001 | / a { +10002 | | display: inline-block; +10003 | | padding: 5px; +10004 | | color: $blee; +10005 | | } + | '--- nested rule +10006 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10006:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10030 | / a { +10031 | | display: inline-block; +10032 | | padding: 5px; +10033 | | color: $blee; +10034 | | } + | '--- nested rule +10035 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10035:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10059 | / a { +10060 | | display: inline-block; +10061 | | padding: 5px; +10062 | | color: $blee; +10063 | | } + | '--- nested rule +10064 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10064:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10091 | / a { +10092 | | display: inline-block; +10093 | | padding: 5px; +10094 | | color: $blee; +10095 | | } + | '--- nested rule +10096 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10096:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10120 | / a { +10121 | | display: inline-block; +10122 | | padding: 5px; +10123 | | color: $blee; +10124 | | } + | '--- nested rule +10125 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10125:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10156 | / a { +10157 | | display: inline-block; +10158 | | padding: 5px; +10159 | | color: $blee; +10160 | | } + | '--- nested rule +10161 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10161:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10180 | / a { +10181 | | display: inline-block; +10182 | | padding: 5px; +10183 | | color: $blee; +10184 | | } + | '--- nested rule +10185 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10185:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10204 | / a { +10205 | | display: inline-block; +10206 | | padding: 5px; +10207 | | color: $blee; +10208 | | } + | '--- nested rule +10209 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10209:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10233 | / a { +10234 | | display: inline-block; +10235 | | padding: 5px; +10236 | | color: $blee; +10237 | | } + | '--- nested rule +10238 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10238:33 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10276 | / a { +10277 | | display: inline-block; +10278 | | padding: 5px; +10279 | | color: $blee; +10280 | | } + | '--- nested rule +10281 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10281:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10300 | / a { +10301 | | display: inline-block; +10302 | | padding: 5px; +10303 | | color: $blee; +10304 | | } + | '--- nested rule +10305 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10305:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10324 | / a { +10325 | | display: inline-block; +10326 | | padding: 5px; +10327 | | color: $blee; +10328 | | } + | '--- nested rule +10329 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10329:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10353 | / a { +10354 | | display: inline-block; +10355 | | padding: 5px; +10356 | | color: $blee; +10357 | | } + | '--- nested rule +10358 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10358:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10376 | / a { +10377 | | display: inline-block; +10378 | | padding: 5px; +10379 | | color: $blee; +10380 | | } + | '--- nested rule +10381 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10381:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10400 | / a { +10401 | | display: inline-block; +10402 | | padding: 5px; +10403 | | color: $blee; +10404 | | } + | '--- nested rule +10405 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10405:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10424 | / a { +10425 | | display: inline-block; +10426 | | padding: 5px; +10427 | | color: $blee; +10428 | | } + | '--- nested rule +10429 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10429:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10453 | / a { +10454 | | display: inline-block; +10455 | | padding: 5px; +10456 | | color: $blee; +10457 | | } + | '--- nested rule +10458 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10458:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10463 | / span { +10464 | | display: block; +10465 | | -webkit-box-sizing: border-box; +10466 | | } + | '--- nested rule +... | +10473 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10473:29 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10492 | / a { +10493 | | display: inline-block; +10494 | | padding: 5px; +10495 | | color: $blee; +10496 | | } + | '--- nested rule +10497 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10497:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10516 | / a { +10517 | | display: inline-block; +10518 | | padding: 5px; +10519 | | color: $blee; +10520 | | } + | '--- nested rule +10521 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10521:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10545 | / a { +10546 | | display: inline-block; +10547 | | padding: 5px; +10548 | | color: $blee; +10549 | | } + | '--- nested rule +10550 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10550:31 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10577 | / a { +10578 | | display: inline-block; +10579 | | padding: 5px; +10580 | | color: $blee; +10581 | | } + | '--- nested rule +10582 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10582:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10601 | / a { +10602 | | display: inline-block; +10603 | | padding: 5px; +10604 | | color: $blee; +10605 | | } + | '--- nested rule +10606 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10606:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10625 | / a { +10626 | | display: inline-block; +10627 | | padding: 5px; +10628 | | color: $blee; +10629 | | } + | '--- nested rule +10630 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10630:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10654 | / a { +10655 | | display: inline-block; +10656 | | padding: 5px; +10657 | | color: $blee; +10658 | | } + | '--- nested rule +10659 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10659:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10697 | / a { +10698 | | display: inline-block; +10699 | | padding: 5px; +10700 | | color: $blee; +10701 | | } + | '--- nested rule +10702 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10702:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10721 | / a { +10722 | | display: inline-block; +10723 | | padding: 5px; +10724 | | color: $blee; +10725 | | } + | '--- nested rule +10726 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10726:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10745 | / a { +10746 | | display: inline-block; +10747 | | padding: 5px; +10748 | | color: $blee; +10749 | | } + | '--- nested rule +10750 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10750:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10774 | / a { +10775 | | display: inline-block; +10776 | | padding: 5px; +10777 | | color: $blee; +10778 | | } + | '--- nested rule +10779 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10779:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10797 | / a { +10798 | | display: inline-block; +10799 | | padding: 5px; +10800 | | color: $blee; +10801 | | } + | '--- nested rule +10802 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10802:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10821 | / a { +10822 | | display: inline-block; +10823 | | padding: 5px; +10824 | | color: $blee; +10825 | | } + | '--- nested rule +10826 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10826:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10845 | / a { +10846 | | display: inline-block; +10847 | | padding: 5px; +10848 | | color: $blee; +10849 | | } + | '--- nested rule +10850 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10850:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10874 | / a { +10875 | | display: inline-block; +10876 | | padding: 5px; +10877 | | color: $blee; +10878 | | } + | '--- nested rule +10879 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10879:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10884 | / span { +10885 | | display: block; +10886 | | -webkit-box-sizing: border-box; +10887 | | } + | '--- nested rule +... | +10894 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10894:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10913 | / a { +10914 | | display: inline-block; +10915 | | padding: 5px; +10916 | | color: $blee; +10917 | | } + | '--- nested rule +10918 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10918:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10937 | / a { +10938 | | display: inline-block; +10939 | | padding: 5px; +10940 | | color: $blee; +10941 | | } + | '--- nested rule +10942 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10942:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10975 | / a { +10976 | | display: inline-block; +10977 | | padding: 5px; +10978 | | color: $blee; +10979 | | } + | '--- nested rule +10980 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 10980:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +10999 | / a { +11000 | | display: inline-block; +11001 | | padding: 5px; +11002 | | color: $blee; +11003 | | } + | '--- nested rule +11004 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11004:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11023 | / a { +11024 | | display: inline-block; +11025 | | padding: 5px; +11026 | | color: $blee; +11027 | | } + | '--- nested rule +11028 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11028:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11052 | / a { +11053 | | display: inline-block; +11054 | | padding: 5px; +11055 | | color: $blee; +11056 | | } + | '--- nested rule +11057 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11057:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11095 | / a { +11096 | | display: inline-block; +11097 | | padding: 5px; +11098 | | color: $blee; +11099 | | } + | '--- nested rule +11100 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11100:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11119 | / a { +11120 | | display: inline-block; +11121 | | padding: 5px; +11122 | | color: $blee; +11123 | | } + | '--- nested rule +11124 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11124:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11143 | / a { +11144 | | display: inline-block; +11145 | | padding: 5px; +11146 | | color: $blee; +11147 | | } + | '--- nested rule +11148 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11148:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11172 | / a { +11173 | | display: inline-block; +11174 | | padding: 5px; +11175 | | color: $blee; +11176 | | } + | '--- nested rule +11177 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11177:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11195 | / a { +11196 | | display: inline-block; +11197 | | padding: 5px; +11198 | | color: $blee; +11199 | | } + | '--- nested rule +11200 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11200:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11219 | / a { +11220 | | display: inline-block; +11221 | | padding: 5px; +11222 | | color: $blee; +11223 | | } + | '--- nested rule +11224 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11224:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11243 | / a { +11244 | | display: inline-block; +11245 | | padding: 5px; +11246 | | color: $blee; +11247 | | } + | '--- nested rule +11248 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11248:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11272 | / a { +11273 | | display: inline-block; +11274 | | padding: 5px; +11275 | | color: $blee; +11276 | | } + | '--- nested rule +11277 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11277:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11282 | / span { +11283 | | display: block; +11284 | | -webkit-box-sizing: border-box; +11285 | | } + | '--- nested rule +... | +11292 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11292:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11311 | / a { +11312 | | display: inline-block; +11313 | | padding: 5px; +11314 | | color: $blee; +11315 | | } + | '--- nested rule +11316 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11316:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11335 | / a { +11336 | | display: inline-block; +11337 | | padding: 5px; +11338 | | color: $blee; +11339 | | } + | '--- nested rule +11340 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11340:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11364 | / a { +11365 | | display: inline-block; +11366 | | padding: 5px; +11367 | | color: $blee; +11368 | | } + | '--- nested rule +11369 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11369:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11396 | / a { +11397 | | display: inline-block; +11398 | | padding: 5px; +11399 | | color: $blee; +11400 | | } + | '--- nested rule +11401 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11401:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11420 | / a { +11421 | | display: inline-block; +11422 | | padding: 5px; +11423 | | color: $blee; +11424 | | } + | '--- nested rule +11425 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11425:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11444 | / a { +11445 | | display: inline-block; +11446 | | padding: 5px; +11447 | | color: $blee; +11448 | | } + | '--- nested rule +11449 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11449:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11473 | / a { +11474 | | display: inline-block; +11475 | | padding: 5px; +11476 | | color: $blee; +11477 | | } + | '--- nested rule +11478 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11478:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11516 | / a { +11517 | | display: inline-block; +11518 | | padding: 5px; +11519 | | color: $blee; +11520 | | } + | '--- nested rule +11521 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11521:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11540 | / a { +11541 | | display: inline-block; +11542 | | padding: 5px; +11543 | | color: $blee; +11544 | | } + | '--- nested rule +11545 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11545:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11564 | / a { +11565 | | display: inline-block; +11566 | | padding: 5px; +11567 | | color: $blee; +11568 | | } + | '--- nested rule +11569 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11569:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11593 | / a { +11594 | | display: inline-block; +11595 | | padding: 5px; +11596 | | color: $blee; +11597 | | } + | '--- nested rule +11598 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11598:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11616 | / a { +11617 | | display: inline-block; +11618 | | padding: 5px; +11619 | | color: $blee; +11620 | | } + | '--- nested rule +11621 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11621:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11640 | / a { +11641 | | display: inline-block; +11642 | | padding: 5px; +11643 | | color: $blee; +11644 | | } + | '--- nested rule +11645 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11645:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11664 | / a { +11665 | | display: inline-block; +11666 | | padding: 5px; +11667 | | color: $blee; +11668 | | } + | '--- nested rule +11669 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11669:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11693 | / a { +11694 | | display: inline-block; +11695 | | padding: 5px; +11696 | | color: $blee; +11697 | | } + | '--- nested rule +11698 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11698:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11703 | / span { +11704 | | display: block; +11705 | | -webkit-box-sizing: border-box; +11706 | | } + | '--- nested rule +... | +11713 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11713:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11732 | / a { +11733 | | display: inline-block; +11734 | | padding: 5px; +11735 | | color: $blee; +11736 | | } + | '--- nested rule +11737 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11737:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11756 | / a { +11757 | | display: inline-block; +11758 | | padding: 5px; +11759 | | color: $blee; +11760 | | } + | '--- nested rule +11761 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11761:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11791 | / a { +11792 | | display: inline-block; +11793 | | padding: 5px; +11794 | | color: $blee; +11795 | | } + | '--- nested rule +11796 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11796:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11815 | / a { +11816 | | display: inline-block; +11817 | | padding: 5px; +11818 | | color: $blee; +11819 | | } + | '--- nested rule +11820 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11820:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11839 | / a { +11840 | | display: inline-block; +11841 | | padding: 5px; +11842 | | color: $blee; +11843 | | } + | '--- nested rule +11844 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11844:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11868 | / a { +11869 | | display: inline-block; +11870 | | padding: 5px; +11871 | | color: $blee; +11872 | | } + | '--- nested rule +11873 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11873:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11911 | / a { +11912 | | display: inline-block; +11913 | | padding: 5px; +11914 | | color: $blee; +11915 | | } + | '--- nested rule +11916 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11916:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11935 | / a { +11936 | | display: inline-block; +11937 | | padding: 5px; +11938 | | color: $blee; +11939 | | } + | '--- nested rule +11940 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11940:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11959 | / a { +11960 | | display: inline-block; +11961 | | padding: 5px; +11962 | | color: $blee; +11963 | | } + | '--- nested rule +11964 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11964:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +11988 | / a { +11989 | | display: inline-block; +11990 | | padding: 5px; +11991 | | color: $blee; +11992 | | } + | '--- nested rule +11993 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 11993:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12011 | / a { +12012 | | display: inline-block; +12013 | | padding: 5px; +12014 | | color: $blee; +12015 | | } + | '--- nested rule +12016 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12016:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12035 | / a { +12036 | | display: inline-block; +12037 | | padding: 5px; +12038 | | color: $blee; +12039 | | } + | '--- nested rule +12040 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12040:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12059 | / a { +12060 | | display: inline-block; +12061 | | padding: 5px; +12062 | | color: $blee; +12063 | | } + | '--- nested rule +12064 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12064:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12088 | / a { +12089 | | display: inline-block; +12090 | | padding: 5px; +12091 | | color: $blee; +12092 | | } + | '--- nested rule +12093 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12093:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12098 | / span { +12099 | | display: block; +12100 | | -webkit-box-sizing: border-box; +12101 | | } + | '--- nested rule +... | +12108 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12108:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12127 | / a { +12128 | | display: inline-block; +12129 | | padding: 5px; +12130 | | color: $blee; +12131 | | } + | '--- nested rule +12132 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12132:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12151 | / a { +12152 | | display: inline-block; +12153 | | padding: 5px; +12154 | | color: $blee; +12155 | | } + | '--- nested rule +12156 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12156:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12180 | / a { +12181 | | display: inline-block; +12182 | | padding: 5px; +12183 | | color: $blee; +12184 | | } + | '--- nested rule +12185 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12185:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12212 | / a { +12213 | | display: inline-block; +12214 | | padding: 5px; +12215 | | color: $blee; +12216 | | } + | '--- nested rule +12217 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12217:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12236 | / a { +12237 | | display: inline-block; +12238 | | padding: 5px; +12239 | | color: $blee; +12240 | | } + | '--- nested rule +12241 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12241:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12260 | / a { +12261 | | display: inline-block; +12262 | | padding: 5px; +12263 | | color: $blee; +12264 | | } + | '--- nested rule +12265 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12265:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12289 | / a { +12290 | | display: inline-block; +12291 | | padding: 5px; +12292 | | color: $blee; +12293 | | } + | '--- nested rule +12294 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12294:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12332 | / a { +12333 | | display: inline-block; +12334 | | padding: 5px; +12335 | | color: $blee; +12336 | | } + | '--- nested rule +12337 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12337:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12356 | / a { +12357 | | display: inline-block; +12358 | | padding: 5px; +12359 | | color: $blee; +12360 | | } + | '--- nested rule +12361 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12361:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12380 | / a { +12381 | | display: inline-block; +12382 | | padding: 5px; +12383 | | color: $blee; +12384 | | } + | '--- nested rule +12385 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12385:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12409 | / a { +12410 | | display: inline-block; +12411 | | padding: 5px; +12412 | | color: $blee; +12413 | | } + | '--- nested rule +12414 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12414:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12432 | / a { +12433 | | display: inline-block; +12434 | | padding: 5px; +12435 | | color: $blee; +12436 | | } + | '--- nested rule +12437 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12437:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12456 | / a { +12457 | | display: inline-block; +12458 | | padding: 5px; +12459 | | color: $blee; +12460 | | } + | '--- nested rule +12461 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12461:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12480 | / a { +12481 | | display: inline-block; +12482 | | padding: 5px; +12483 | | color: $blee; +12484 | | } + | '--- nested rule +12485 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12485:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12509 | / a { +12510 | | display: inline-block; +12511 | | padding: 5px; +12512 | | color: $blee; +12513 | | } + | '--- nested rule +12514 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12514:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12519 | / span { +12520 | | display: block; +12521 | | -webkit-box-sizing: border-box; +12522 | | } + | '--- nested rule +... | +12529 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12529:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12548 | / a { +12549 | | display: inline-block; +12550 | | padding: 5px; +12551 | | color: $blee; +12552 | | } + | '--- nested rule +12553 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12553:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12572 | / a { +12573 | | display: inline-block; +12574 | | padding: 5px; +12575 | | color: $blee; +12576 | | } + | '--- nested rule +12577 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12577:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12610 | / a { +12611 | | display: inline-block; +12612 | | padding: 5px; +12613 | | color: $blee; +12614 | | } + | '--- nested rule +12615 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12615:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12634 | / a { +12635 | | display: inline-block; +12636 | | padding: 5px; +12637 | | color: $blee; +12638 | | } + | '--- nested rule +12639 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12639:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12658 | / a { +12659 | | display: inline-block; +12660 | | padding: 5px; +12661 | | color: $blee; +12662 | | } + | '--- nested rule +12663 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12663:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12687 | / a { +12688 | | display: inline-block; +12689 | | padding: 5px; +12690 | | color: $blee; +12691 | | } + | '--- nested rule +12692 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12692:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12730 | / a { +12731 | | display: inline-block; +12732 | | padding: 5px; +12733 | | color: $blee; +12734 | | } + | '--- nested rule +12735 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12735:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12754 | / a { +12755 | | display: inline-block; +12756 | | padding: 5px; +12757 | | color: $blee; +12758 | | } + | '--- nested rule +12759 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12759:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12778 | / a { +12779 | | display: inline-block; +12780 | | padding: 5px; +12781 | | color: $blee; +12782 | | } + | '--- nested rule +12783 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12783:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12807 | / a { +12808 | | display: inline-block; +12809 | | padding: 5px; +12810 | | color: $blee; +12811 | | } + | '--- nested rule +12812 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12812:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12830 | / a { +12831 | | display: inline-block; +12832 | | padding: 5px; +12833 | | color: $blee; +12834 | | } + | '--- nested rule +12835 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12835:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12854 | / a { +12855 | | display: inline-block; +12856 | | padding: 5px; +12857 | | color: $blee; +12858 | | } + | '--- nested rule +12859 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12859:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12878 | / a { +12879 | | display: inline-block; +12880 | | padding: 5px; +12881 | | color: $blee; +12882 | | } + | '--- nested rule +12883 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12883:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12907 | / a { +12908 | | display: inline-block; +12909 | | padding: 5px; +12910 | | color: $blee; +12911 | | } + | '--- nested rule +12912 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12912:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12917 | / span { +12918 | | display: block; +12919 | | -webkit-box-sizing: border-box; +12920 | | } + | '--- nested rule +... | +12927 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12927:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12946 | / a { +12947 | | display: inline-block; +12948 | | padding: 5px; +12949 | | color: $blee; +12950 | | } + | '--- nested rule +12951 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12951:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12970 | / a { +12971 | | display: inline-block; +12972 | | padding: 5px; +12973 | | color: $blee; +12974 | | } + | '--- nested rule +12975 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 12975:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +12999 | / a { +13000 | | display: inline-block; +13001 | | padding: 5px; +13002 | | color: $blee; +13003 | | } + | '--- nested rule +13004 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13004:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13031 | / a { +13032 | | display: inline-block; +13033 | | padding: 5px; +13034 | | color: $blee; +13035 | | } + | '--- nested rule +13036 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13036:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13055 | / a { +13056 | | display: inline-block; +13057 | | padding: 5px; +13058 | | color: $blee; +13059 | | } + | '--- nested rule +13060 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13060:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13079 | / a { +13080 | | display: inline-block; +13081 | | padding: 5px; +13082 | | color: $blee; +13083 | | } + | '--- nested rule +13084 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13084:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13108 | / a { +13109 | | display: inline-block; +13110 | | padding: 5px; +13111 | | color: $blee; +13112 | | } + | '--- nested rule +13113 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13113:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13151 | / a { +13152 | | display: inline-block; +13153 | | padding: 5px; +13154 | | color: $blee; +13155 | | } + | '--- nested rule +13156 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13156:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13175 | / a { +13176 | | display: inline-block; +13177 | | padding: 5px; +13178 | | color: $blee; +13179 | | } + | '--- nested rule +13180 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13180:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13199 | / a { +13200 | | display: inline-block; +13201 | | padding: 5px; +13202 | | color: $blee; +13203 | | } + | '--- nested rule +13204 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13204:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13228 | / a { +13229 | | display: inline-block; +13230 | | padding: 5px; +13231 | | color: $blee; +13232 | | } + | '--- nested rule +13233 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13233:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13251 | / a { +13252 | | display: inline-block; +13253 | | padding: 5px; +13254 | | color: $blee; +13255 | | } + | '--- nested rule +13256 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13256:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13275 | / a { +13276 | | display: inline-block; +13277 | | padding: 5px; +13278 | | color: $blee; +13279 | | } + | '--- nested rule +13280 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13280:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13299 | / a { +13300 | | display: inline-block; +13301 | | padding: 5px; +13302 | | color: $blee; +13303 | | } + | '--- nested rule +13304 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13304:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13328 | / a { +13329 | | display: inline-block; +13330 | | padding: 5px; +13331 | | color: $blee; +13332 | | } + | '--- nested rule +13333 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13333:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13338 | / span { +13339 | | display: block; +13340 | | -webkit-box-sizing: border-box; +13341 | | } + | '--- nested rule +... | +13348 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13348:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13367 | / a { +13368 | | display: inline-block; +13369 | | padding: 5px; +13370 | | color: $blee; +13371 | | } + | '--- nested rule +13372 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13372:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13391 | / a { +13392 | | display: inline-block; +13393 | | padding: 5px; +13394 | | color: $blee; +13395 | | } + | '--- nested rule +13396 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13396:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13420 | / a { +13421 | | display: inline-block; +13422 | | padding: 5px; +13423 | | color: $blee; +13424 | | } + | '--- nested rule +13425 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13425:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13449 | / a { +13450 | | display: inline-block; +13451 | | padding: 5px; +13452 | | color: $blee; +13453 | | } + | '--- nested rule +13454 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13454:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13481 | / a { +13482 | | display: inline-block; +13483 | | padding: 5px; +13484 | | color: $blee; +13485 | | } + | '--- nested rule +13486 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13486:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13510 | / a { +13511 | | display: inline-block; +13512 | | padding: 5px; +13513 | | color: $blee; +13514 | | } + | '--- nested rule +13515 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13515:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13545 | / a { +13546 | | display: inline-block; +13547 | | padding: 5px; +13548 | | color: $blee; +13549 | | } + | '--- nested rule +13550 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13550:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13569 | / a { +13570 | | display: inline-block; +13571 | | padding: 5px; +13572 | | color: $blee; +13573 | | } + | '--- nested rule +13574 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13574:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13593 | / a { +13594 | | display: inline-block; +13595 | | padding: 5px; +13596 | | color: $blee; +13597 | | } + | '--- nested rule +13598 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13598:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13622 | / a { +13623 | | display: inline-block; +13624 | | padding: 5px; +13625 | | color: $blee; +13626 | | } + | '--- nested rule +13627 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13627:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13665 | / a { +13666 | | display: inline-block; +13667 | | padding: 5px; +13668 | | color: $blee; +13669 | | } + | '--- nested rule +13670 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13670:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13689 | / a { +13690 | | display: inline-block; +13691 | | padding: 5px; +13692 | | color: $blee; +13693 | | } + | '--- nested rule +13694 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13694:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13713 | / a { +13714 | | display: inline-block; +13715 | | padding: 5px; +13716 | | color: $blee; +13717 | | } + | '--- nested rule +13718 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13718:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13742 | / a { +13743 | | display: inline-block; +13744 | | padding: 5px; +13745 | | color: $blee; +13746 | | } + | '--- nested rule +13747 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13747:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13765 | / a { +13766 | | display: inline-block; +13767 | | padding: 5px; +13768 | | color: $blee; +13769 | | } + | '--- nested rule +13770 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13770:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13789 | / a { +13790 | | display: inline-block; +13791 | | padding: 5px; +13792 | | color: $blee; +13793 | | } + | '--- nested rule +13794 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13794:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13813 | / a { +13814 | | display: inline-block; +13815 | | padding: 5px; +13816 | | color: $blee; +13817 | | } + | '--- nested rule +13818 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13818:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13842 | / a { +13843 | | display: inline-block; +13844 | | padding: 5px; +13845 | | color: $blee; +13846 | | } + | '--- nested rule +13847 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13847:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13852 | / span { +13853 | | display: block; +13854 | | -webkit-box-sizing: border-box; +13855 | | } + | '--- nested rule +... | +13862 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13862:35 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13881 | / a { +13882 | | display: inline-block; +13883 | | padding: 5px; +13884 | | color: $blee; +13885 | | } + | '--- nested rule +13886 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13886:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13905 | / a { +13906 | | display: inline-block; +13907 | | padding: 5px; +13908 | | color: $blee; +13909 | | } + | '--- nested rule +13910 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13910:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13934 | / a { +13935 | | display: inline-block; +13936 | | padding: 5px; +13937 | | color: $blee; +13938 | | } + | '--- nested rule +13939 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13939:37 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13966 | / a { +13967 | | display: inline-block; +13968 | | padding: 5px; +13969 | | color: $blee; +13970 | | } + | '--- nested rule +13971 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13971:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +13990 | / a { +13991 | | display: inline-block; +13992 | | padding: 5px; +13993 | | color: $blee; +13994 | | } + | '--- nested rule +13995 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 13995:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14014 | / a { +14015 | | display: inline-block; +14016 | | padding: 5px; +14017 | | color: $blee; +14018 | | } + | '--- nested rule +14019 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14019:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14043 | / a { +14044 | | display: inline-block; +14045 | | padding: 5px; +14046 | | color: $blee; +14047 | | } + | '--- nested rule +14048 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14048:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14086 | / a { +14087 | | display: inline-block; +14088 | | padding: 5px; +14089 | | color: $blee; +14090 | | } + | '--- nested rule +14091 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14091:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14110 | / a { +14111 | | display: inline-block; +14112 | | padding: 5px; +14113 | | color: $blee; +14114 | | } + | '--- nested rule +14115 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14115:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14134 | / a { +14135 | | display: inline-block; +14136 | | padding: 5px; +14137 | | color: $blee; +14138 | | } + | '--- nested rule +14139 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14139:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14163 | / a { +14164 | | display: inline-block; +14165 | | padding: 5px; +14166 | | color: $blee; +14167 | | } + | '--- nested rule +14168 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14168:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14186 | / a { +14187 | | display: inline-block; +14188 | | padding: 5px; +14189 | | color: $blee; +14190 | | } + | '--- nested rule +14191 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14191:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14210 | / a { +14211 | | display: inline-block; +14212 | | padding: 5px; +14213 | | color: $blee; +14214 | | } + | '--- nested rule +14215 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14215:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14234 | / a { +14235 | | display: inline-block; +14236 | | padding: 5px; +14237 | | color: $blee; +14238 | | } + | '--- nested rule +14239 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14239:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14263 | / a { +14264 | | display: inline-block; +14265 | | padding: 5px; +14266 | | color: $blee; +14267 | | } + | '--- nested rule +14268 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14268:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14273 | / span { +14274 | | display: block; +14275 | | -webkit-box-sizing: border-box; +14276 | | } + | '--- nested rule +... | +14283 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14283:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14302 | / a { +14303 | | display: inline-block; +14304 | | padding: 5px; +14305 | | color: $blee; +14306 | | } + | '--- nested rule +14307 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14307:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14326 | / a { +14327 | | display: inline-block; +14328 | | padding: 5px; +14329 | | color: $blee; +14330 | | } + | '--- nested rule +14331 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14331:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14364 | / a { +14365 | | display: inline-block; +14366 | | padding: 5px; +14367 | | color: $blee; +14368 | | } + | '--- nested rule +14369 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14369:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14388 | / a { +14389 | | display: inline-block; +14390 | | padding: 5px; +14391 | | color: $blee; +14392 | | } + | '--- nested rule +14393 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14393:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14412 | / a { +14413 | | display: inline-block; +14414 | | padding: 5px; +14415 | | color: $blee; +14416 | | } + | '--- nested rule +14417 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14417:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14441 | / a { +14442 | | display: inline-block; +14443 | | padding: 5px; +14444 | | color: $blee; +14445 | | } + | '--- nested rule +14446 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14446:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14484 | / a { +14485 | | display: inline-block; +14486 | | padding: 5px; +14487 | | color: $blee; +14488 | | } + | '--- nested rule +14489 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14489:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14508 | / a { +14509 | | display: inline-block; +14510 | | padding: 5px; +14511 | | color: $blee; +14512 | | } + | '--- nested rule +14513 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14513:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14532 | / a { +14533 | | display: inline-block; +14534 | | padding: 5px; +14535 | | color: $blee; +14536 | | } + | '--- nested rule +14537 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14537:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14561 | / a { +14562 | | display: inline-block; +14563 | | padding: 5px; +14564 | | color: $blee; +14565 | | } + | '--- nested rule +14566 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14566:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14584 | / a { +14585 | | display: inline-block; +14586 | | padding: 5px; +14587 | | color: $blee; +14588 | | } + | '--- nested rule +14589 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14589:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14608 | / a { +14609 | | display: inline-block; +14610 | | padding: 5px; +14611 | | color: $blee; +14612 | | } + | '--- nested rule +14613 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14613:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14632 | / a { +14633 | | display: inline-block; +14634 | | padding: 5px; +14635 | | color: $blee; +14636 | | } + | '--- nested rule +14637 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14637:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14661 | / a { +14662 | | display: inline-block; +14663 | | padding: 5px; +14664 | | color: $blee; +14665 | | } + | '--- nested rule +14666 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14666:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14671 | / span { +14672 | | display: block; +14673 | | -webkit-box-sizing: border-box; +14674 | | } + | '--- nested rule +... | +14681 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14681:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14700 | / a { +14701 | | display: inline-block; +14702 | | padding: 5px; +14703 | | color: $blee; +14704 | | } + | '--- nested rule +14705 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14705:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14724 | / a { +14725 | | display: inline-block; +14726 | | padding: 5px; +14727 | | color: $blee; +14728 | | } + | '--- nested rule +14729 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14729:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14753 | / a { +14754 | | display: inline-block; +14755 | | padding: 5px; +14756 | | color: $blee; +14757 | | } + | '--- nested rule +14758 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14758:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14785 | / a { +14786 | | display: inline-block; +14787 | | padding: 5px; +14788 | | color: $blee; +14789 | | } + | '--- nested rule +14790 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14790:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14809 | / a { +14810 | | display: inline-block; +14811 | | padding: 5px; +14812 | | color: $blee; +14813 | | } + | '--- nested rule +14814 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14814:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14833 | / a { +14834 | | display: inline-block; +14835 | | padding: 5px; +14836 | | color: $blee; +14837 | | } + | '--- nested rule +14838 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14838:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14862 | / a { +14863 | | display: inline-block; +14864 | | padding: 5px; +14865 | | color: $blee; +14866 | | } + | '--- nested rule +14867 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14867:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14905 | / a { +14906 | | display: inline-block; +14907 | | padding: 5px; +14908 | | color: $blee; +14909 | | } + | '--- nested rule +14910 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14910:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14929 | / a { +14930 | | display: inline-block; +14931 | | padding: 5px; +14932 | | color: $blee; +14933 | | } + | '--- nested rule +14934 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14934:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14953 | / a { +14954 | | display: inline-block; +14955 | | padding: 5px; +14956 | | color: $blee; +14957 | | } + | '--- nested rule +14958 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14958:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +14982 | / a { +14983 | | display: inline-block; +14984 | | padding: 5px; +14985 | | color: $blee; +14986 | | } + | '--- nested rule +14987 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 14987:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15005 | / a { +15006 | | display: inline-block; +15007 | | padding: 5px; +15008 | | color: $blee; +15009 | | } + | '--- nested rule +15010 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15010:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15029 | / a { +15030 | | display: inline-block; +15031 | | padding: 5px; +15032 | | color: $blee; +15033 | | } + | '--- nested rule +15034 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15034:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15053 | / a { +15054 | | display: inline-block; +15055 | | padding: 5px; +15056 | | color: $blee; +15057 | | } + | '--- nested rule +15058 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15058:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15082 | / a { +15083 | | display: inline-block; +15084 | | padding: 5px; +15085 | | color: $blee; +15086 | | } + | '--- nested rule +15087 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15087:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15092 | / span { +15093 | | display: block; +15094 | | -webkit-box-sizing: border-box; +15095 | | } + | '--- nested rule +... | +15102 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15102:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15121 | / a { +15122 | | display: inline-block; +15123 | | padding: 5px; +15124 | | color: $blee; +15125 | | } + | '--- nested rule +15126 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15126:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15145 | / a { +15146 | | display: inline-block; +15147 | | padding: 5px; +15148 | | color: $blee; +15149 | | } + | '--- nested rule +15150 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15150:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15180 | / a { +15181 | | display: inline-block; +15182 | | padding: 5px; +15183 | | color: $blee; +15184 | | } + | '--- nested rule +15185 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15185:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15204 | / a { +15205 | | display: inline-block; +15206 | | padding: 5px; +15207 | | color: $blee; +15208 | | } + | '--- nested rule +15209 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15209:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15228 | / a { +15229 | | display: inline-block; +15230 | | padding: 5px; +15231 | | color: $blee; +15232 | | } + | '--- nested rule +15233 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15233:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15257 | / a { +15258 | | display: inline-block; +15259 | | padding: 5px; +15260 | | color: $blee; +15261 | | } + | '--- nested rule +15262 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15262:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15300 | / a { +15301 | | display: inline-block; +15302 | | padding: 5px; +15303 | | color: $blee; +15304 | | } + | '--- nested rule +15305 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15305:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15324 | / a { +15325 | | display: inline-block; +15326 | | padding: 5px; +15327 | | color: $blee; +15328 | | } + | '--- nested rule +15329 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15329:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15348 | / a { +15349 | | display: inline-block; +15350 | | padding: 5px; +15351 | | color: $blee; +15352 | | } + | '--- nested rule +15353 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15353:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15377 | / a { +15378 | | display: inline-block; +15379 | | padding: 5px; +15380 | | color: $blee; +15381 | | } + | '--- nested rule +15382 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15382:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15400 | / a { +15401 | | display: inline-block; +15402 | | padding: 5px; +15403 | | color: $blee; +15404 | | } + | '--- nested rule +15405 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15405:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15424 | / a { +15425 | | display: inline-block; +15426 | | padding: 5px; +15427 | | color: $blee; +15428 | | } + | '--- nested rule +15429 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15429:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15448 | / a { +15449 | | display: inline-block; +15450 | | padding: 5px; +15451 | | color: $blee; +15452 | | } + | '--- nested rule +15453 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15453:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15477 | / a { +15478 | | display: inline-block; +15479 | | padding: 5px; +15480 | | color: $blee; +15481 | | } + | '--- nested rule +15482 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15482:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15487 | / span { +15488 | | display: block; +15489 | | -webkit-box-sizing: border-box; +15490 | | } + | '--- nested rule +... | +15497 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15497:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15516 | / a { +15517 | | display: inline-block; +15518 | | padding: 5px; +15519 | | color: $blee; +15520 | | } + | '--- nested rule +15521 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15521:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15540 | / a { +15541 | | display: inline-block; +15542 | | padding: 5px; +15543 | | color: $blee; +15544 | | } + | '--- nested rule +15545 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15545:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15569 | / a { +15570 | | display: inline-block; +15571 | | padding: 5px; +15572 | | color: $blee; +15573 | | } + | '--- nested rule +15574 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15574:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15601 | / a { +15602 | | display: inline-block; +15603 | | padding: 5px; +15604 | | color: $blee; +15605 | | } + | '--- nested rule +15606 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15606:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15625 | / a { +15626 | | display: inline-block; +15627 | | padding: 5px; +15628 | | color: $blee; +15629 | | } + | '--- nested rule +15630 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15630:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15649 | / a { +15650 | | display: inline-block; +15651 | | padding: 5px; +15652 | | color: $blee; +15653 | | } + | '--- nested rule +15654 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15654:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15678 | / a { +15679 | | display: inline-block; +15680 | | padding: 5px; +15681 | | color: $blee; +15682 | | } + | '--- nested rule +15683 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15683:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15721 | / a { +15722 | | display: inline-block; +15723 | | padding: 5px; +15724 | | color: $blee; +15725 | | } + | '--- nested rule +15726 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15726:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15745 | / a { +15746 | | display: inline-block; +15747 | | padding: 5px; +15748 | | color: $blee; +15749 | | } + | '--- nested rule +15750 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15750:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15769 | / a { +15770 | | display: inline-block; +15771 | | padding: 5px; +15772 | | color: $blee; +15773 | | } + | '--- nested rule +15774 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15774:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15798 | / a { +15799 | | display: inline-block; +15800 | | padding: 5px; +15801 | | color: $blee; +15802 | | } + | '--- nested rule +15803 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15803:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15821 | / a { +15822 | | display: inline-block; +15823 | | padding: 5px; +15824 | | color: $blee; +15825 | | } + | '--- nested rule +15826 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15826:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15845 | / a { +15846 | | display: inline-block; +15847 | | padding: 5px; +15848 | | color: $blee; +15849 | | } + | '--- nested rule +15850 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15850:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15869 | / a { +15870 | | display: inline-block; +15871 | | padding: 5px; +15872 | | color: $blee; +15873 | | } + | '--- nested rule +15874 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15874:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15898 | / a { +15899 | | display: inline-block; +15900 | | padding: 5px; +15901 | | color: $blee; +15902 | | } + | '--- nested rule +15903 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15903:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15908 | / span { +15909 | | display: block; +15910 | | -webkit-box-sizing: border-box; +15911 | | } + | '--- nested rule +... | +15918 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15918:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15937 | / a { +15938 | | display: inline-block; +15939 | | padding: 5px; +15940 | | color: $blee; +15941 | | } + | '--- nested rule +15942 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15942:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15961 | / a { +15962 | | display: inline-block; +15963 | | padding: 5px; +15964 | | color: $blee; +15965 | | } + | '--- nested rule +15966 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 15966:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +15999 | / a { +16000 | | display: inline-block; +16001 | | padding: 5px; +16002 | | color: $blee; +16003 | | } + | '--- nested rule +16004 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16004:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16023 | / a { +16024 | | display: inline-block; +16025 | | padding: 5px; +16026 | | color: $blee; +16027 | | } + | '--- nested rule +16028 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16028:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16047 | / a { +16048 | | display: inline-block; +16049 | | padding: 5px; +16050 | | color: $blee; +16051 | | } + | '--- nested rule +16052 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16052:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16076 | / a { +16077 | | display: inline-block; +16078 | | padding: 5px; +16079 | | color: $blee; +16080 | | } + | '--- nested rule +16081 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16081:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16119 | / a { +16120 | | display: inline-block; +16121 | | padding: 5px; +16122 | | color: $blee; +16123 | | } + | '--- nested rule +16124 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16124:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16143 | / a { +16144 | | display: inline-block; +16145 | | padding: 5px; +16146 | | color: $blee; +16147 | | } + | '--- nested rule +16148 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16148:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16167 | / a { +16168 | | display: inline-block; +16169 | | padding: 5px; +16170 | | color: $blee; +16171 | | } + | '--- nested rule +16172 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16172:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16196 | / a { +16197 | | display: inline-block; +16198 | | padding: 5px; +16199 | | color: $blee; +16200 | | } + | '--- nested rule +16201 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16201:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16219 | / a { +16220 | | display: inline-block; +16221 | | padding: 5px; +16222 | | color: $blee; +16223 | | } + | '--- nested rule +16224 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16224:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16243 | / a { +16244 | | display: inline-block; +16245 | | padding: 5px; +16246 | | color: $blee; +16247 | | } + | '--- nested rule +16248 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16248:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16267 | / a { +16268 | | display: inline-block; +16269 | | padding: 5px; +16270 | | color: $blee; +16271 | | } + | '--- nested rule +16272 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16272:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16296 | / a { +16297 | | display: inline-block; +16298 | | padding: 5px; +16299 | | color: $blee; +16300 | | } + | '--- nested rule +16301 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16301:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16306 | / span { +16307 | | display: block; +16308 | | -webkit-box-sizing: border-box; +16309 | | } + | '--- nested rule +... | +16316 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16316:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16335 | / a { +16336 | | display: inline-block; +16337 | | padding: 5px; +16338 | | color: $blee; +16339 | | } + | '--- nested rule +16340 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16340:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16359 | / a { +16360 | | display: inline-block; +16361 | | padding: 5px; +16362 | | color: $blee; +16363 | | } + | '--- nested rule +16364 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16364:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16388 | / a { +16389 | | display: inline-block; +16390 | | padding: 5px; +16391 | | color: $blee; +16392 | | } + | '--- nested rule +16393 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16393:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16420 | / a { +16421 | | display: inline-block; +16422 | | padding: 5px; +16423 | | color: $blee; +16424 | | } + | '--- nested rule +16425 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16425:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16444 | / a { +16445 | | display: inline-block; +16446 | | padding: 5px; +16447 | | color: $blee; +16448 | | } + | '--- nested rule +16449 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16449:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16468 | / a { +16469 | | display: inline-block; +16470 | | padding: 5px; +16471 | | color: $blee; +16472 | | } + | '--- nested rule +16473 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16473:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16497 | / a { +16498 | | display: inline-block; +16499 | | padding: 5px; +16500 | | color: $blee; +16501 | | } + | '--- nested rule +16502 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16502:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16540 | / a { +16541 | | display: inline-block; +16542 | | padding: 5px; +16543 | | color: $blee; +16544 | | } + | '--- nested rule +16545 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16545:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16564 | / a { +16565 | | display: inline-block; +16566 | | padding: 5px; +16567 | | color: $blee; +16568 | | } + | '--- nested rule +16569 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16569:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16588 | / a { +16589 | | display: inline-block; +16590 | | padding: 5px; +16591 | | color: $blee; +16592 | | } + | '--- nested rule +16593 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16593:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16617 | / a { +16618 | | display: inline-block; +16619 | | padding: 5px; +16620 | | color: $blee; +16621 | | } + | '--- nested rule +16622 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16622:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16640 | / a { +16641 | | display: inline-block; +16642 | | padding: 5px; +16643 | | color: $blee; +16644 | | } + | '--- nested rule +16645 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16645:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16664 | / a { +16665 | | display: inline-block; +16666 | | padding: 5px; +16667 | | color: $blee; +16668 | | } + | '--- nested rule +16669 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16669:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16688 | / a { +16689 | | display: inline-block; +16690 | | padding: 5px; +16691 | | color: $blee; +16692 | | } + | '--- nested rule +16693 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16693:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16717 | / a { +16718 | | display: inline-block; +16719 | | padding: 5px; +16720 | | color: $blee; +16721 | | } + | '--- nested rule +16722 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16722:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16727 | / span { +16728 | | display: block; +16729 | | -webkit-box-sizing: border-box; +16730 | | } + | '--- nested rule +... | +16737 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16737:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16756 | / a { +16757 | | display: inline-block; +16758 | | padding: 5px; +16759 | | color: $blee; +16760 | | } + | '--- nested rule +16761 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16761:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16780 | / a { +16781 | | display: inline-block; +16782 | | padding: 5px; +16783 | | color: $blee; +16784 | | } + | '--- nested rule +16785 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16785:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16809 | / a { +16810 | | display: inline-block; +16811 | | padding: 5px; +16812 | | color: $blee; +16813 | | } + | '--- nested rule +16814 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16814:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16838 | / a { +16839 | | display: inline-block; +16840 | | padding: 5px; +16841 | | color: $blee; +16842 | | } + | '--- nested rule +16843 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16843:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16870 | / a { +16871 | | display: inline-block; +16872 | | padding: 5px; +16873 | | color: $blee; +16874 | | } + | '--- nested rule +16875 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16875:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16899 | / a { +16900 | | display: inline-block; +16901 | | padding: 5px; +16902 | | color: $blee; +16903 | | } + | '--- nested rule +16904 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16904:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16935 | / a { +16936 | | display: inline-block; +16937 | | padding: 5px; +16938 | | color: $blee; +16939 | | } + | '--- nested rule +16940 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16940:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16959 | / a { +16960 | | display: inline-block; +16961 | | padding: 5px; +16962 | | color: $blee; +16963 | | } + | '--- nested rule +16964 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16964:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +16983 | / a { +16984 | | display: inline-block; +16985 | | padding: 5px; +16986 | | color: $blee; +16987 | | } + | '--- nested rule +16988 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 16988:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17012 | / a { +17013 | | display: inline-block; +17014 | | padding: 5px; +17015 | | color: $blee; +17016 | | } + | '--- nested rule +17017 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17017:43 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17055 | / a { +17056 | | display: inline-block; +17057 | | padding: 5px; +17058 | | color: $blee; +17059 | | } + | '--- nested rule +17060 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17060:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17079 | / a { +17080 | | display: inline-block; +17081 | | padding: 5px; +17082 | | color: $blee; +17083 | | } + | '--- nested rule +17084 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17084:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17103 | / a { +17104 | | display: inline-block; +17105 | | padding: 5px; +17106 | | color: $blee; +17107 | | } + | '--- nested rule +17108 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17108:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17132 | / a { +17133 | | display: inline-block; +17134 | | padding: 5px; +17135 | | color: $blee; +17136 | | } + | '--- nested rule +17137 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17137:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17155 | / a { +17156 | | display: inline-block; +17157 | | padding: 5px; +17158 | | color: $blee; +17159 | | } + | '--- nested rule +17160 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17160:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17179 | / a { +17180 | | display: inline-block; +17181 | | padding: 5px; +17182 | | color: $blee; +17183 | | } + | '--- nested rule +17184 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17184:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17203 | / a { +17204 | | display: inline-block; +17205 | | padding: 5px; +17206 | | color: $blee; +17207 | | } + | '--- nested rule +17208 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17208:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17232 | / a { +17233 | | display: inline-block; +17234 | | padding: 5px; +17235 | | color: $blee; +17236 | | } + | '--- nested rule +17237 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17237:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17242 | / span { +17243 | | display: block; +17244 | | -webkit-box-sizing: border-box; +17245 | | } + | '--- nested rule +... | +17252 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17252:39 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17271 | / a { +17272 | | display: inline-block; +17273 | | padding: 5px; +17274 | | color: $blee; +17275 | | } + | '--- nested rule +17276 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17276:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17295 | / a { +17296 | | display: inline-block; +17297 | | padding: 5px; +17298 | | color: $blee; +17299 | | } + | '--- nested rule +17300 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17300:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17324 | / a { +17325 | | display: inline-block; +17326 | | padding: 5px; +17327 | | color: $blee; +17328 | | } + | '--- nested rule +17329 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17329:41 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17356 | / a { +17357 | | display: inline-block; +17358 | | padding: 5px; +17359 | | color: $blee; +17360 | | } + | '--- nested rule +17361 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17361:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17380 | / a { +17381 | | display: inline-block; +17382 | | padding: 5px; +17383 | | color: $blee; +17384 | | } + | '--- nested rule +17385 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17385:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17404 | / a { +17405 | | display: inline-block; +17406 | | padding: 5px; +17407 | | color: $blee; +17408 | | } + | '--- nested rule +17409 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17409:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17433 | / a { +17434 | | display: inline-block; +17435 | | padding: 5px; +17436 | | color: $blee; +17437 | | } + | '--- nested rule +17438 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17438:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17476 | / a { +17477 | | display: inline-block; +17478 | | padding: 5px; +17479 | | color: $blee; +17480 | | } + | '--- nested rule +17481 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17481:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17500 | / a { +17501 | | display: inline-block; +17502 | | padding: 5px; +17503 | | color: $blee; +17504 | | } + | '--- nested rule +17505 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17505:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17524 | / a { +17525 | | display: inline-block; +17526 | | padding: 5px; +17527 | | color: $blee; +17528 | | } + | '--- nested rule +17529 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17529:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17553 | / a { +17554 | | display: inline-block; +17555 | | padding: 5px; +17556 | | color: $blee; +17557 | | } + | '--- nested rule +17558 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17558:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17576 | / a { +17577 | | display: inline-block; +17578 | | padding: 5px; +17579 | | color: $blee; +17580 | | } + | '--- nested rule +17581 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17581:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17600 | / a { +17601 | | display: inline-block; +17602 | | padding: 5px; +17603 | | color: $blee; +17604 | | } + | '--- nested rule +17605 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17605:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17624 | / a { +17625 | | display: inline-block; +17626 | | padding: 5px; +17627 | | color: $blee; +17628 | | } + | '--- nested rule +17629 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17629:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17653 | / a { +17654 | | display: inline-block; +17655 | | padding: 5px; +17656 | | color: $blee; +17657 | | } + | '--- nested rule +17658 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17658:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17663 | / span { +17664 | | display: block; +17665 | | -webkit-box-sizing: border-box; +17666 | | } + | '--- nested rule +... | +17673 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17673:45 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17692 | / a { +17693 | | display: inline-block; +17694 | | padding: 5px; +17695 | | color: $blee; +17696 | | } + | '--- nested rule +17697 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17697:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17716 | / a { +17717 | | display: inline-block; +17718 | | padding: 5px; +17719 | | color: $blee; +17720 | | } + | '--- nested rule +17721 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17721:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17754 | / a { +17755 | | display: inline-block; +17756 | | padding: 5px; +17757 | | color: $blee; +17758 | | } + | '--- nested rule +17759 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17759:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17778 | / a { +17779 | | display: inline-block; +17780 | | padding: 5px; +17781 | | color: $blee; +17782 | | } + | '--- nested rule +17783 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17783:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17802 | / a { +17803 | | display: inline-block; +17804 | | padding: 5px; +17805 | | color: $blee; +17806 | | } + | '--- nested rule +17807 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17807:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17831 | / a { +17832 | | display: inline-block; +17833 | | padding: 5px; +17834 | | color: $blee; +17835 | | } + | '--- nested rule +17836 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17836:51 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17874 | / a { +17875 | | display: inline-block; +17876 | | padding: 5px; +17877 | | color: $blee; +17878 | | } + | '--- nested rule +17879 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17879:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17898 | / a { +17899 | | display: inline-block; +17900 | | padding: 5px; +17901 | | color: $blee; +17902 | | } + | '--- nested rule +17903 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17903:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17922 | / a { +17923 | | display: inline-block; +17924 | | padding: 5px; +17925 | | color: $blee; +17926 | | } + | '--- nested rule +17927 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17927:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17951 | / a { +17952 | | display: inline-block; +17953 | | padding: 5px; +17954 | | color: $blee; +17955 | | } + | '--- nested rule +17956 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17956:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17974 | / a { +17975 | | display: inline-block; +17976 | | padding: 5px; +17977 | | color: $blee; +17978 | | } + | '--- nested rule +17979 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 17979:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +17998 | / a { +17999 | | display: inline-block; +18000 | | padding: 5px; +18001 | | color: $blee; +18002 | | } + | '--- nested rule +18003 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18003:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18022 | / a { +18023 | | display: inline-block; +18024 | | padding: 5px; +18025 | | color: $blee; +18026 | | } + | '--- nested rule +18027 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18027:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18051 | / a { +18052 | | display: inline-block; +18053 | | padding: 5px; +18054 | | color: $blee; +18055 | | } + | '--- nested rule +18056 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18056:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18061 | / span { +18062 | | display: block; +18063 | | -webkit-box-sizing: border-box; +18064 | | } + | '--- nested rule +... | +18071 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18071:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18090 | / a { +18091 | | display: inline-block; +18092 | | padding: 5px; +18093 | | color: $blee; +18094 | | } + | '--- nested rule +18095 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18095:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18114 | / a { +18115 | | display: inline-block; +18116 | | padding: 5px; +18117 | | color: $blee; +18118 | | } + | '--- nested rule +18119 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18119:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18143 | / a { +18144 | | display: inline-block; +18145 | | padding: 5px; +18146 | | color: $blee; +18147 | | } + | '--- nested rule +18148 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18148:49 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18175 | / a { +18176 | | display: inline-block; +18177 | | padding: 5px; +18178 | | color: $blee; +18179 | | } + | '--- nested rule +18180 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18180:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18199 | / a { +18200 | | display: inline-block; +18201 | | padding: 5px; +18202 | | color: $blee; +18203 | | } + | '--- nested rule +18204 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18204:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18223 | / a { +18224 | | display: inline-block; +18225 | | padding: 5px; +18226 | | color: $blee; +18227 | | } + | '--- nested rule +18228 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18228:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18252 | / a { +18253 | | display: inline-block; +18254 | | padding: 5px; +18255 | | color: $blee; +18256 | | } + | '--- nested rule +18257 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18257:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18295 | / a { +18296 | | display: inline-block; +18297 | | padding: 5px; +18298 | | color: $blee; +18299 | | } + | '--- nested rule +18300 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18300:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18319 | / a { +18320 | | display: inline-block; +18321 | | padding: 5px; +18322 | | color: $blee; +18323 | | } + | '--- nested rule +18324 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18324:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18343 | / a { +18344 | | display: inline-block; +18345 | | padding: 5px; +18346 | | color: $blee; +18347 | | } + | '--- nested rule +18348 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18348:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18372 | / a { +18373 | | display: inline-block; +18374 | | padding: 5px; +18375 | | color: $blee; +18376 | | } + | '--- nested rule +18377 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18377:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18395 | / a { +18396 | | display: inline-block; +18397 | | padding: 5px; +18398 | | color: $blee; +18399 | | } + | '--- nested rule +18400 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18400:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18419 | / a { +18420 | | display: inline-block; +18421 | | padding: 5px; +18422 | | color: $blee; +18423 | | } + | '--- nested rule +18424 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18424:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18443 | / a { +18444 | | display: inline-block; +18445 | | padding: 5px; +18446 | | color: $blee; +18447 | | } + | '--- nested rule +18448 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18448:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18472 | / a { +18473 | | display: inline-block; +18474 | | padding: 5px; +18475 | | color: $blee; +18476 | | } + | '--- nested rule +18477 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18477:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18482 | / span { +18483 | | display: block; +18484 | | -webkit-box-sizing: border-box; +18485 | | } + | '--- nested rule +... | +18492 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18492:53 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18511 | / a { +18512 | | display: inline-block; +18513 | | padding: 5px; +18514 | | color: $blee; +18515 | | } + | '--- nested rule +18516 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18516:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18535 | / a { +18536 | | display: inline-block; +18537 | | padding: 5px; +18538 | | color: $blee; +18539 | | } + | '--- nested rule +18540 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18540:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18570 | / a { +18571 | | display: inline-block; +18572 | | padding: 5px; +18573 | | color: $blee; +18574 | | } + | '--- nested rule +18575 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18575:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18594 | / a { +18595 | | display: inline-block; +18596 | | padding: 5px; +18597 | | color: $blee; +18598 | | } + | '--- nested rule +18599 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18599:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18618 | / a { +18619 | | display: inline-block; +18620 | | padding: 5px; +18621 | | color: $blee; +18622 | | } + | '--- nested rule +18623 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18623:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18647 | / a { +18648 | | display: inline-block; +18649 | | padding: 5px; +18650 | | color: $blee; +18651 | | } + | '--- nested rule +18652 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18652:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18690 | / a { +18691 | | display: inline-block; +18692 | | padding: 5px; +18693 | | color: $blee; +18694 | | } + | '--- nested rule +18695 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18695:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18714 | / a { +18715 | | display: inline-block; +18716 | | padding: 5px; +18717 | | color: $blee; +18718 | | } + | '--- nested rule +18719 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18719:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18738 | / a { +18739 | | display: inline-block; +18740 | | padding: 5px; +18741 | | color: $blee; +18742 | | } + | '--- nested rule +18743 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18743:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18767 | / a { +18768 | | display: inline-block; +18769 | | padding: 5px; +18770 | | color: $blee; +18771 | | } + | '--- nested rule +18772 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18772:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18790 | / a { +18791 | | display: inline-block; +18792 | | padding: 5px; +18793 | | color: $blee; +18794 | | } + | '--- nested rule +18795 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18795:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18814 | / a { +18815 | | display: inline-block; +18816 | | padding: 5px; +18817 | | color: $blee; +18818 | | } + | '--- nested rule +18819 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18819:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18838 | / a { +18839 | | display: inline-block; +18840 | | padding: 5px; +18841 | | color: $blee; +18842 | | } + | '--- nested rule +18843 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18843:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18867 | / a { +18868 | | display: inline-block; +18869 | | padding: 5px; +18870 | | color: $blee; +18871 | | } + | '--- nested rule +18872 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18872:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18877 | / span { +18878 | | display: block; +18879 | | -webkit-box-sizing: border-box; +18880 | | } + | '--- nested rule +... | +18887 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18887:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18906 | / a { +18907 | | display: inline-block; +18908 | | padding: 5px; +18909 | | color: $blee; +18910 | | } + | '--- nested rule +18911 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18911:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18930 | / a { +18931 | | display: inline-block; +18932 | | padding: 5px; +18933 | | color: $blee; +18934 | | } + | '--- nested rule +18935 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18935:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18959 | / a { +18960 | | display: inline-block; +18961 | | padding: 5px; +18962 | | color: $blee; +18963 | | } + | '--- nested rule +18964 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18964:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +18991 | / a { +18992 | | display: inline-block; +18993 | | padding: 5px; +18994 | | color: $blee; +18995 | | } + | '--- nested rule +18996 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 18996:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19015 | / a { +19016 | | display: inline-block; +19017 | | padding: 5px; +19018 | | color: $blee; +19019 | | } + | '--- nested rule +19020 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19020:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19039 | / a { +19040 | | display: inline-block; +19041 | | padding: 5px; +19042 | | color: $blee; +19043 | | } + | '--- nested rule +19044 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19044:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19068 | / a { +19069 | | display: inline-block; +19070 | | padding: 5px; +19071 | | color: $blee; +19072 | | } + | '--- nested rule +19073 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19073:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19111 | / a { +19112 | | display: inline-block; +19113 | | padding: 5px; +19114 | | color: $blee; +19115 | | } + | '--- nested rule +19116 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19116:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19135 | / a { +19136 | | display: inline-block; +19137 | | padding: 5px; +19138 | | color: $blee; +19139 | | } + | '--- nested rule +19140 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19140:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19159 | / a { +19160 | | display: inline-block; +19161 | | padding: 5px; +19162 | | color: $blee; +19163 | | } + | '--- nested rule +19164 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19164:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19188 | / a { +19189 | | display: inline-block; +19190 | | padding: 5px; +19191 | | color: $blee; +19192 | | } + | '--- nested rule +19193 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19193:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19211 | / a { +19212 | | display: inline-block; +19213 | | padding: 5px; +19214 | | color: $blee; +19215 | | } + | '--- nested rule +19216 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19216:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19235 | / a { +19236 | | display: inline-block; +19237 | | padding: 5px; +19238 | | color: $blee; +19239 | | } + | '--- nested rule +19240 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19240:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19259 | / a { +19260 | | display: inline-block; +19261 | | padding: 5px; +19262 | | color: $blee; +19263 | | } + | '--- nested rule +19264 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19264:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19288 | / a { +19289 | | display: inline-block; +19290 | | padding: 5px; +19291 | | color: $blee; +19292 | | } + | '--- nested rule +19293 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19293:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19298 | / span { +19299 | | display: block; +19300 | | -webkit-box-sizing: border-box; +19301 | | } + | '--- nested rule +... | +19308 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19308:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19327 | / a { +19328 | | display: inline-block; +19329 | | padding: 5px; +19330 | | color: $blee; +19331 | | } + | '--- nested rule +19332 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19332:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19351 | / a { +19352 | | display: inline-block; +19353 | | padding: 5px; +19354 | | color: $blee; +19355 | | } + | '--- nested rule +19356 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19356:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19389 | / a { +19390 | | display: inline-block; +19391 | | padding: 5px; +19392 | | color: $blee; +19393 | | } + | '--- nested rule +19394 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19394:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19413 | / a { +19414 | | display: inline-block; +19415 | | padding: 5px; +19416 | | color: $blee; +19417 | | } + | '--- nested rule +19418 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19418:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19437 | / a { +19438 | | display: inline-block; +19439 | | padding: 5px; +19440 | | color: $blee; +19441 | | } + | '--- nested rule +19442 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19442:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19466 | / a { +19467 | | display: inline-block; +19468 | | padding: 5px; +19469 | | color: $blee; +19470 | | } + | '--- nested rule +19471 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19471:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19509 | / a { +19510 | | display: inline-block; +19511 | | padding: 5px; +19512 | | color: $blee; +19513 | | } + | '--- nested rule +19514 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19514:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19533 | / a { +19534 | | display: inline-block; +19535 | | padding: 5px; +19536 | | color: $blee; +19537 | | } + | '--- nested rule +19538 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19538:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19557 | / a { +19558 | | display: inline-block; +19559 | | padding: 5px; +19560 | | color: $blee; +19561 | | } + | '--- nested rule +19562 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19562:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19586 | / a { +19587 | | display: inline-block; +19588 | | padding: 5px; +19589 | | color: $blee; +19590 | | } + | '--- nested rule +19591 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19591:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19609 | / a { +19610 | | display: inline-block; +19611 | | padding: 5px; +19612 | | color: $blee; +19613 | | } + | '--- nested rule +19614 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19614:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19633 | / a { +19634 | | display: inline-block; +19635 | | padding: 5px; +19636 | | color: $blee; +19637 | | } + | '--- nested rule +19638 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19638:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19657 | / a { +19658 | | display: inline-block; +19659 | | padding: 5px; +19660 | | color: $blee; +19661 | | } + | '--- nested rule +19662 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19662:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19686 | / a { +19687 | | display: inline-block; +19688 | | padding: 5px; +19689 | | color: $blee; +19690 | | } + | '--- nested rule +19691 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19691:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19696 | / span { +19697 | | display: block; +19698 | | -webkit-box-sizing: border-box; +19699 | | } + | '--- nested rule +... | +19706 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19706:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19725 | / a { +19726 | | display: inline-block; +19727 | | padding: 5px; +19728 | | color: $blee; +19729 | | } + | '--- nested rule +19730 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19730:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19749 | / a { +19750 | | display: inline-block; +19751 | | padding: 5px; +19752 | | color: $blee; +19753 | | } + | '--- nested rule +19754 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19754:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19778 | / a { +19779 | | display: inline-block; +19780 | | padding: 5px; +19781 | | color: $blee; +19782 | | } + | '--- nested rule +19783 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19783:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19810 | / a { +19811 | | display: inline-block; +19812 | | padding: 5px; +19813 | | color: $blee; +19814 | | } + | '--- nested rule +19815 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19815:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19834 | / a { +19835 | | display: inline-block; +19836 | | padding: 5px; +19837 | | color: $blee; +19838 | | } + | '--- nested rule +19839 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19839:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19858 | / a { +19859 | | display: inline-block; +19860 | | padding: 5px; +19861 | | color: $blee; +19862 | | } + | '--- nested rule +19863 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19863:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19887 | / a { +19888 | | display: inline-block; +19889 | | padding: 5px; +19890 | | color: $blee; +19891 | | } + | '--- nested rule +19892 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19892:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19930 | / a { +19931 | | display: inline-block; +19932 | | padding: 5px; +19933 | | color: $blee; +19934 | | } + | '--- nested rule +19935 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19935:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19954 | / a { +19955 | | display: inline-block; +19956 | | padding: 5px; +19957 | | color: $blee; +19958 | | } + | '--- nested rule +19959 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19959:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +19978 | / a { +19979 | | display: inline-block; +19980 | | padding: 5px; +19981 | | color: $blee; +19982 | | } + | '--- nested rule +19983 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 19983:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20007 | / a { +20008 | | display: inline-block; +20009 | | padding: 5px; +20010 | | color: $blee; +20011 | | } + | '--- nested rule +20012 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20012:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20030 | / a { +20031 | | display: inline-block; +20032 | | padding: 5px; +20033 | | color: $blee; +20034 | | } + | '--- nested rule +20035 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20035:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20054 | / a { +20055 | | display: inline-block; +20056 | | padding: 5px; +20057 | | color: $blee; +20058 | | } + | '--- nested rule +20059 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20059:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20078 | / a { +20079 | | display: inline-block; +20080 | | padding: 5px; +20081 | | color: $blee; +20082 | | } + | '--- nested rule +20083 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20083:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20107 | / a { +20108 | | display: inline-block; +20109 | | padding: 5px; +20110 | | color: $blee; +20111 | | } + | '--- nested rule +20112 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20112:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20117 | / span { +20118 | | display: block; +20119 | | -webkit-box-sizing: border-box; +20120 | | } + | '--- nested rule +... | +20127 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20127:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20146 | / a { +20147 | | display: inline-block; +20148 | | padding: 5px; +20149 | | color: $blee; +20150 | | } + | '--- nested rule +20151 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20151:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20170 | / a { +20171 | | display: inline-block; +20172 | | padding: 5px; +20173 | | color: $blee; +20174 | | } + | '--- nested rule +20175 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20175:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20199 | / a { +20200 | | display: inline-block; +20201 | | padding: 5px; +20202 | | color: $blee; +20203 | | } + | '--- nested rule +20204 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20204:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20228 | / a { +20229 | | display: inline-block; +20230 | | padding: 5px; +20231 | | color: $blee; +20232 | | } + | '--- nested rule +20233 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20233:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20260 | / a { +20261 | | display: inline-block; +20262 | | padding: 5px; +20263 | | color: $blee; +20264 | | } + | '--- nested rule +20265 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20265:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20294 | / a { +20295 | | display: inline-block; +20296 | | padding: 5px; +20297 | | color: $blee; +20298 | | } + | '--- nested rule +20299 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20299:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20318 | / a { +20319 | | display: inline-block; +20320 | | padding: 5px; +20321 | | color: $blee; +20322 | | } + | '--- nested rule +20323 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20323:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20342 | / a { +20343 | | display: inline-block; +20344 | | padding: 5px; +20345 | | color: $blee; +20346 | | } + | '--- nested rule +20347 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20347:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20371 | / a { +20372 | | display: inline-block; +20373 | | padding: 5px; +20374 | | color: $blee; +20375 | | } + | '--- nested rule +20376 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20376:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20414 | / a { +20415 | | display: inline-block; +20416 | | padding: 5px; +20417 | | color: $blee; +20418 | | } + | '--- nested rule +20419 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20419:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20438 | / a { +20439 | | display: inline-block; +20440 | | padding: 5px; +20441 | | color: $blee; +20442 | | } + | '--- nested rule +20443 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20443:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20462 | / a { +20463 | | display: inline-block; +20464 | | padding: 5px; +20465 | | color: $blee; +20466 | | } + | '--- nested rule +20467 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20467:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20491 | / a { +20492 | | display: inline-block; +20493 | | padding: 5px; +20494 | | color: $blee; +20495 | | } + | '--- nested rule +20496 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20496:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20514 | / a { +20515 | | display: inline-block; +20516 | | padding: 5px; +20517 | | color: $blee; +20518 | | } + | '--- nested rule +20519 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20519:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20538 | / a { +20539 | | display: inline-block; +20540 | | padding: 5px; +20541 | | color: $blee; +20542 | | } + | '--- nested rule +20543 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20543:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20562 | / a { +20563 | | display: inline-block; +20564 | | padding: 5px; +20565 | | color: $blee; +20566 | | } + | '--- nested rule +20567 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20567:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20591 | / a { +20592 | | display: inline-block; +20593 | | padding: 5px; +20594 | | color: $blee; +20595 | | } + | '--- nested rule +20596 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20596:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20601 | / span { +20602 | | display: block; +20603 | | -webkit-box-sizing: border-box; +20604 | | } + | '--- nested rule +... | +20611 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20611:55 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20630 | / a { +20631 | | display: inline-block; +20632 | | padding: 5px; +20633 | | color: $blee; +20634 | | } + | '--- nested rule +20635 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20635:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20654 | / a { +20655 | | display: inline-block; +20656 | | padding: 5px; +20657 | | color: $blee; +20658 | | } + | '--- nested rule +20659 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20659:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20683 | / a { +20684 | | display: inline-block; +20685 | | padding: 5px; +20686 | | color: $blee; +20687 | | } + | '--- nested rule +20688 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20688:57 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20715 | / a { +20716 | | display: inline-block; +20717 | | padding: 5px; +20718 | | color: $blee; +20719 | | } + | '--- nested rule +20720 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20720:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20739 | / a { +20740 | | display: inline-block; +20741 | | padding: 5px; +20742 | | color: $blee; +20743 | | } + | '--- nested rule +20744 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20744:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20763 | / a { +20764 | | display: inline-block; +20765 | | padding: 5px; +20766 | | color: $blee; +20767 | | } + | '--- nested rule +20768 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20768:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20792 | / a { +20793 | | display: inline-block; +20794 | | padding: 5px; +20795 | | color: $blee; +20796 | | } + | '--- nested rule +20797 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20797:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20835 | / a { +20836 | | display: inline-block; +20837 | | padding: 5px; +20838 | | color: $blee; +20839 | | } + | '--- nested rule +20840 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20840:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20859 | / a { +20860 | | display: inline-block; +20861 | | padding: 5px; +20862 | | color: $blee; +20863 | | } + | '--- nested rule +20864 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20864:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20883 | / a { +20884 | | display: inline-block; +20885 | | padding: 5px; +20886 | | color: $blee; +20887 | | } + | '--- nested rule +20888 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20888:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20912 | / a { +20913 | | display: inline-block; +20914 | | padding: 5px; +20915 | | color: $blee; +20916 | | } + | '--- nested rule +20917 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20917:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20935 | / a { +20936 | | display: inline-block; +20937 | | padding: 5px; +20938 | | color: $blee; +20939 | | } + | '--- nested rule +20940 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20940:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20959 | / a { +20960 | | display: inline-block; +20961 | | padding: 5px; +20962 | | color: $blee; +20963 | | } + | '--- nested rule +20964 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20964:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +20983 | / a { +20984 | | display: inline-block; +20985 | | padding: 5px; +20986 | | color: $blee; +20987 | | } + | '--- nested rule +20988 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 20988:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21012 | / a { +21013 | | display: inline-block; +21014 | | padding: 5px; +21015 | | color: $blee; +21016 | | } + | '--- nested rule +21017 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21017:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21022 | / span { +21023 | | display: block; +21024 | | -webkit-box-sizing: border-box; +21025 | | } + | '--- nested rule +... | +21032 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21032:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21051 | / a { +21052 | | display: inline-block; +21053 | | padding: 5px; +21054 | | color: $blee; +21055 | | } + | '--- nested rule +21056 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21056:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21075 | / a { +21076 | | display: inline-block; +21077 | | padding: 5px; +21078 | | color: $blee; +21079 | | } + | '--- nested rule +21080 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21080:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21113 | / a { +21114 | | display: inline-block; +21115 | | padding: 5px; +21116 | | color: $blee; +21117 | | } + | '--- nested rule +21118 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21118:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21137 | / a { +21138 | | display: inline-block; +21139 | | padding: 5px; +21140 | | color: $blee; +21141 | | } + | '--- nested rule +21142 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21142:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21161 | / a { +21162 | | display: inline-block; +21163 | | padding: 5px; +21164 | | color: $blee; +21165 | | } + | '--- nested rule +21166 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21166:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21190 | / a { +21191 | | display: inline-block; +21192 | | padding: 5px; +21193 | | color: $blee; +21194 | | } + | '--- nested rule +21195 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21195:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21233 | / a { +21234 | | display: inline-block; +21235 | | padding: 5px; +21236 | | color: $blee; +21237 | | } + | '--- nested rule +21238 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21238:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21257 | / a { +21258 | | display: inline-block; +21259 | | padding: 5px; +21260 | | color: $blee; +21261 | | } + | '--- nested rule +21262 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21262:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21281 | / a { +21282 | | display: inline-block; +21283 | | padding: 5px; +21284 | | color: $blee; +21285 | | } + | '--- nested rule +21286 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21286:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21310 | / a { +21311 | | display: inline-block; +21312 | | padding: 5px; +21313 | | color: $blee; +21314 | | } + | '--- nested rule +21315 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21315:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21333 | / a { +21334 | | display: inline-block; +21335 | | padding: 5px; +21336 | | color: $blee; +21337 | | } + | '--- nested rule +21338 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21338:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21357 | / a { +21358 | | display: inline-block; +21359 | | padding: 5px; +21360 | | color: $blee; +21361 | | } + | '--- nested rule +21362 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21362:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21381 | / a { +21382 | | display: inline-block; +21383 | | padding: 5px; +21384 | | color: $blee; +21385 | | } + | '--- nested rule +21386 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21386:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21410 | / a { +21411 | | display: inline-block; +21412 | | padding: 5px; +21413 | | color: $blee; +21414 | | } + | '--- nested rule +21415 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21415:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21420 | / span { +21421 | | display: block; +21422 | | -webkit-box-sizing: border-box; +21423 | | } + | '--- nested rule +... | +21430 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21430:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21449 | / a { +21450 | | display: inline-block; +21451 | | padding: 5px; +21452 | | color: $blee; +21453 | | } + | '--- nested rule +21454 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21454:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21473 | / a { +21474 | | display: inline-block; +21475 | | padding: 5px; +21476 | | color: $blee; +21477 | | } + | '--- nested rule +21478 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21478:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21502 | / a { +21503 | | display: inline-block; +21504 | | padding: 5px; +21505 | | color: $blee; +21506 | | } + | '--- nested rule +21507 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21507:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21534 | / a { +21535 | | display: inline-block; +21536 | | padding: 5px; +21537 | | color: $blee; +21538 | | } + | '--- nested rule +21539 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21539:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21558 | / a { +21559 | | display: inline-block; +21560 | | padding: 5px; +21561 | | color: $blee; +21562 | | } + | '--- nested rule +21563 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21563:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21582 | / a { +21583 | | display: inline-block; +21584 | | padding: 5px; +21585 | | color: $blee; +21586 | | } + | '--- nested rule +21587 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21587:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21611 | / a { +21612 | | display: inline-block; +21613 | | padding: 5px; +21614 | | color: $blee; +21615 | | } + | '--- nested rule +21616 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21616:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21654 | / a { +21655 | | display: inline-block; +21656 | | padding: 5px; +21657 | | color: $blee; +21658 | | } + | '--- nested rule +21659 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21659:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21678 | / a { +21679 | | display: inline-block; +21680 | | padding: 5px; +21681 | | color: $blee; +21682 | | } + | '--- nested rule +21683 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21683:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21702 | / a { +21703 | | display: inline-block; +21704 | | padding: 5px; +21705 | | color: $blee; +21706 | | } + | '--- nested rule +21707 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21707:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21731 | / a { +21732 | | display: inline-block; +21733 | | padding: 5px; +21734 | | color: $blee; +21735 | | } + | '--- nested rule +21736 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21736:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21754 | / a { +21755 | | display: inline-block; +21756 | | padding: 5px; +21757 | | color: $blee; +21758 | | } + | '--- nested rule +21759 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21759:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21778 | / a { +21779 | | display: inline-block; +21780 | | padding: 5px; +21781 | | color: $blee; +21782 | | } + | '--- nested rule +21783 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21783:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21802 | / a { +21803 | | display: inline-block; +21804 | | padding: 5px; +21805 | | color: $blee; +21806 | | } + | '--- nested rule +21807 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21807:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21831 | / a { +21832 | | display: inline-block; +21833 | | padding: 5px; +21834 | | color: $blee; +21835 | | } + | '--- nested rule +21836 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21836:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21841 | / span { +21842 | | display: block; +21843 | | -webkit-box-sizing: border-box; +21844 | | } + | '--- nested rule +... | +21851 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21851:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21870 | / a { +21871 | | display: inline-block; +21872 | | padding: 5px; +21873 | | color: $blee; +21874 | | } + | '--- nested rule +21875 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21875:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21894 | / a { +21895 | | display: inline-block; +21896 | | padding: 5px; +21897 | | color: $blee; +21898 | | } + | '--- nested rule +21899 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21899:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21929 | / a { +21930 | | display: inline-block; +21931 | | padding: 5px; +21932 | | color: $blee; +21933 | | } + | '--- nested rule +21934 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21934:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21953 | / a { +21954 | | display: inline-block; +21955 | | padding: 5px; +21956 | | color: $blee; +21957 | | } + | '--- nested rule +21958 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21958:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +21977 | / a { +21978 | | display: inline-block; +21979 | | padding: 5px; +21980 | | color: $blee; +21981 | | } + | '--- nested rule +21982 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 21982:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22006 | / a { +22007 | | display: inline-block; +22008 | | padding: 5px; +22009 | | color: $blee; +22010 | | } + | '--- nested rule +22011 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22011:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22049 | / a { +22050 | | display: inline-block; +22051 | | padding: 5px; +22052 | | color: $blee; +22053 | | } + | '--- nested rule +22054 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22054:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22073 | / a { +22074 | | display: inline-block; +22075 | | padding: 5px; +22076 | | color: $blee; +22077 | | } + | '--- nested rule +22078 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22078:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22097 | / a { +22098 | | display: inline-block; +22099 | | padding: 5px; +22100 | | color: $blee; +22101 | | } + | '--- nested rule +22102 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22102:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22126 | / a { +22127 | | display: inline-block; +22128 | | padding: 5px; +22129 | | color: $blee; +22130 | | } + | '--- nested rule +22131 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22131:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22149 | / a { +22150 | | display: inline-block; +22151 | | padding: 5px; +22152 | | color: $blee; +22153 | | } + | '--- nested rule +22154 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22154:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22173 | / a { +22174 | | display: inline-block; +22175 | | padding: 5px; +22176 | | color: $blee; +22177 | | } + | '--- nested rule +22178 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22178:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22197 | / a { +22198 | | display: inline-block; +22199 | | padding: 5px; +22200 | | color: $blee; +22201 | | } + | '--- nested rule +22202 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22202:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22226 | / a { +22227 | | display: inline-block; +22228 | | padding: 5px; +22229 | | color: $blee; +22230 | | } + | '--- nested rule +22231 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22231:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22236 | / span { +22237 | | display: block; +22238 | | -webkit-box-sizing: border-box; +22239 | | } + | '--- nested rule +... | +22246 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22246:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22265 | / a { +22266 | | display: inline-block; +22267 | | padding: 5px; +22268 | | color: $blee; +22269 | | } + | '--- nested rule +22270 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22270:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22289 | / a { +22290 | | display: inline-block; +22291 | | padding: 5px; +22292 | | color: $blee; +22293 | | } + | '--- nested rule +22294 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22294:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22318 | / a { +22319 | | display: inline-block; +22320 | | padding: 5px; +22321 | | color: $blee; +22322 | | } + | '--- nested rule +22323 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22323:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22350 | / a { +22351 | | display: inline-block; +22352 | | padding: 5px; +22353 | | color: $blee; +22354 | | } + | '--- nested rule +22355 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22355:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22374 | / a { +22375 | | display: inline-block; +22376 | | padding: 5px; +22377 | | color: $blee; +22378 | | } + | '--- nested rule +22379 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22379:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22398 | / a { +22399 | | display: inline-block; +22400 | | padding: 5px; +22401 | | color: $blee; +22402 | | } + | '--- nested rule +22403 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22403:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22427 | / a { +22428 | | display: inline-block; +22429 | | padding: 5px; +22430 | | color: $blee; +22431 | | } + | '--- nested rule +22432 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22432:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22470 | / a { +22471 | | display: inline-block; +22472 | | padding: 5px; +22473 | | color: $blee; +22474 | | } + | '--- nested rule +22475 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22475:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22494 | / a { +22495 | | display: inline-block; +22496 | | padding: 5px; +22497 | | color: $blee; +22498 | | } + | '--- nested rule +22499 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22499:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22518 | / a { +22519 | | display: inline-block; +22520 | | padding: 5px; +22521 | | color: $blee; +22522 | | } + | '--- nested rule +22523 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22523:101 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22547 | / a { +22548 | | display: inline-block; +22549 | | padding: 5px; +22550 | | color: $blee; +22551 | | } + | '--- nested rule +22552 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22552:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22570 | / a { +22571 | | display: inline-block; +22572 | | padding: 5px; +22573 | | color: $blee; +22574 | | } + | '--- nested rule +22575 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22575:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22594 | / a { +22595 | | display: inline-block; +22596 | | padding: 5px; +22597 | | color: $blee; +22598 | | } + | '--- nested rule +22599 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22599:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22618 | / a { +22619 | | display: inline-block; +22620 | | padding: 5px; +22621 | | color: $blee; +22622 | | } + | '--- nested rule +22623 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22623:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22647 | / a { +22648 | | display: inline-block; +22649 | | padding: 5px; +22650 | | color: $blee; +22651 | | } + | '--- nested rule +22652 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22652:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22657 | / span { +22658 | | display: block; +22659 | | -webkit-box-sizing: border-box; +22660 | | } + | '--- nested rule +... | +22667 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22667:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22686 | / a { +22687 | | display: inline-block; +22688 | | padding: 5px; +22689 | | color: $blee; +22690 | | } + | '--- nested rule +22691 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22691:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22710 | / a { +22711 | | display: inline-block; +22712 | | padding: 5px; +22713 | | color: $blee; +22714 | | } + | '--- nested rule +22715 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22715:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22748 | / a { +22749 | | display: inline-block; +22750 | | padding: 5px; +22751 | | color: $blee; +22752 | | } + | '--- nested rule +22753 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22753:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22772 | / a { +22773 | | display: inline-block; +22774 | | padding: 5px; +22775 | | color: $blee; +22776 | | } + | '--- nested rule +22777 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22777:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22796 | / a { +22797 | | display: inline-block; +22798 | | padding: 5px; +22799 | | color: $blee; +22800 | | } + | '--- nested rule +22801 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22801:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22825 | / a { +22826 | | display: inline-block; +22827 | | padding: 5px; +22828 | | color: $blee; +22829 | | } + | '--- nested rule +22830 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22830:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22868 | / a { +22869 | | display: inline-block; +22870 | | padding: 5px; +22871 | | color: $blee; +22872 | | } + | '--- nested rule +22873 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22873:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22892 | / a { +22893 | | display: inline-block; +22894 | | padding: 5px; +22895 | | color: $blee; +22896 | | } + | '--- nested rule +22897 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22897:101 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22916 | / a { +22917 | | display: inline-block; +22918 | | padding: 5px; +22919 | | color: $blee; +22920 | | } + | '--- nested rule +22921 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22921:103 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22945 | / a { +22946 | | display: inline-block; +22947 | | padding: 5px; +22948 | | color: $blee; +22949 | | } + | '--- nested rule +22950 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22950:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22968 | / a { +22969 | | display: inline-block; +22970 | | padding: 5px; +22971 | | color: $blee; +22972 | | } + | '--- nested rule +22973 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22973:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +22992 | / a { +22993 | | display: inline-block; +22994 | | padding: 5px; +22995 | | color: $blee; +22996 | | } + | '--- nested rule +22997 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 22997:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23016 | / a { +23017 | | display: inline-block; +23018 | | padding: 5px; +23019 | | color: $blee; +23020 | | } + | '--- nested rule +23021 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23021:101 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23045 | / a { +23046 | | display: inline-block; +23047 | | padding: 5px; +23048 | | color: $blee; +23049 | | } + | '--- nested rule +23050 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23050:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23055 | / span { +23056 | | display: block; +23057 | | -webkit-box-sizing: border-box; +23058 | | } + | '--- nested rule +... | +23065 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23065:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23084 | / a { +23085 | | display: inline-block; +23086 | | padding: 5px; +23087 | | color: $blee; +23088 | | } + | '--- nested rule +23089 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23089:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23108 | / a { +23109 | | display: inline-block; +23110 | | padding: 5px; +23111 | | color: $blee; +23112 | | } + | '--- nested rule +23113 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23113:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23137 | / a { +23138 | | display: inline-block; +23139 | | padding: 5px; +23140 | | color: $blee; +23141 | | } + | '--- nested rule +23142 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23142:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23169 | / a { +23170 | | display: inline-block; +23171 | | padding: 5px; +23172 | | color: $blee; +23173 | | } + | '--- nested rule +23174 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23174:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23193 | / a { +23194 | | display: inline-block; +23195 | | padding: 5px; +23196 | | color: $blee; +23197 | | } + | '--- nested rule +23198 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23198:101 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23217 | / a { +23218 | | display: inline-block; +23219 | | padding: 5px; +23220 | | color: $blee; +23221 | | } + | '--- nested rule +23222 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23222:103 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23246 | / a { +23247 | | display: inline-block; +23248 | | padding: 5px; +23249 | | color: $blee; +23250 | | } + | '--- nested rule +23251 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23251:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23289 | / a { +23290 | | display: inline-block; +23291 | | padding: 5px; +23292 | | color: $blee; +23293 | | } + | '--- nested rule +23294 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23294:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23313 | / a { +23314 | | display: inline-block; +23315 | | padding: 5px; +23316 | | color: $blee; +23317 | | } + | '--- nested rule +23318 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23318:107 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23337 | / a { +23338 | | display: inline-block; +23339 | | padding: 5px; +23340 | | color: $blee; +23341 | | } + | '--- nested rule +23342 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23342:109 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23366 | / a { +23367 | | display: inline-block; +23368 | | padding: 5px; +23369 | | color: $blee; +23370 | | } + | '--- nested rule +23371 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23371:101 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23389 | / a { +23390 | | display: inline-block; +23391 | | padding: 5px; +23392 | | color: $blee; +23393 | | } + | '--- nested rule +23394 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23394:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23413 | / a { +23414 | | display: inline-block; +23415 | | padding: 5px; +23416 | | color: $blee; +23417 | | } + | '--- nested rule +23418 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23418:105 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23437 | / a { +23438 | | display: inline-block; +23439 | | padding: 5px; +23440 | | color: $blee; +23441 | | } + | '--- nested rule +23442 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23442:107 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23466 | / a { +23467 | | display: inline-block; +23468 | | padding: 5px; +23469 | | color: $blee; +23470 | | } + | '--- nested rule +23471 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23471:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23476 | / span { +23477 | | display: block; +23478 | | -webkit-box-sizing: border-box; +23479 | | } + | '--- nested rule +... | +23486 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23486:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23505 | / a { +23506 | | display: inline-block; +23507 | | padding: 5px; +23508 | | color: $blee; +23509 | | } + | '--- nested rule +23510 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23510:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23529 | / a { +23530 | | display: inline-block; +23531 | | padding: 5px; +23532 | | color: $blee; +23533 | | } + | '--- nested rule +23534 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23534:101 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23558 | / a { +23559 | | display: inline-block; +23560 | | padding: 5px; +23561 | | color: $blee; +23562 | | } + | '--- nested rule +23563 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23563:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23587 | / a { +23588 | | display: inline-block; +23589 | | padding: 5px; +23590 | | color: $blee; +23591 | | } + | '--- nested rule +23592 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23592:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23619 | / a { +23620 | | display: inline-block; +23621 | | padding: 5px; +23622 | | color: $blee; +23623 | | } + | '--- nested rule +23624 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23624:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23648 | / a { +23649 | | display: inline-block; +23650 | | padding: 5px; +23651 | | color: $blee; +23652 | | } + | '--- nested rule +23653 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23653:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23684 | / a { +23685 | | display: inline-block; +23686 | | padding: 5px; +23687 | | color: $blee; +23688 | | } + | '--- nested rule +23689 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23689:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23708 | / a { +23709 | | display: inline-block; +23710 | | padding: 5px; +23711 | | color: $blee; +23712 | | } + | '--- nested rule +23713 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23713:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23732 | / a { +23733 | | display: inline-block; +23734 | | padding: 5px; +23735 | | color: $blee; +23736 | | } + | '--- nested rule +23737 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23737:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23761 | / a { +23762 | | display: inline-block; +23763 | | padding: 5px; +23764 | | color: $blee; +23765 | | } + | '--- nested rule +23766 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23766:63 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23804 | / a { +23805 | | display: inline-block; +23806 | | padding: 5px; +23807 | | color: $blee; +23808 | | } + | '--- nested rule +23809 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23809:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23828 | / a { +23829 | | display: inline-block; +23830 | | padding: 5px; +23831 | | color: $blee; +23832 | | } + | '--- nested rule +23833 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23833:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23852 | / a { +23853 | | display: inline-block; +23854 | | padding: 5px; +23855 | | color: $blee; +23856 | | } + | '--- nested rule +23857 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23857:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23881 | / a { +23882 | | display: inline-block; +23883 | | padding: 5px; +23884 | | color: $blee; +23885 | | } + | '--- nested rule +23886 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23886:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23904 | / a { +23905 | | display: inline-block; +23906 | | padding: 5px; +23907 | | color: $blee; +23908 | | } + | '--- nested rule +23909 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23909:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23928 | / a { +23929 | | display: inline-block; +23930 | | padding: 5px; +23931 | | color: $blee; +23932 | | } + | '--- nested rule +23933 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23933:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23952 | / a { +23953 | | display: inline-block; +23954 | | padding: 5px; +23955 | | color: $blee; +23956 | | } + | '--- nested rule +23957 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23957:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23981 | / a { +23982 | | display: inline-block; +23983 | | padding: 5px; +23984 | | color: $blee; +23985 | | } + | '--- nested rule +23986 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 23986:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +23991 | / span { +23992 | | display: block; +23993 | | -webkit-box-sizing: border-box; +23994 | | } + | '--- nested rule +... | +24001 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24001:59 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24020 | / a { +24021 | | display: inline-block; +24022 | | padding: 5px; +24023 | | color: $blee; +24024 | | } + | '--- nested rule +24025 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24025:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24044 | / a { +24045 | | display: inline-block; +24046 | | padding: 5px; +24047 | | color: $blee; +24048 | | } + | '--- nested rule +24049 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24049:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24073 | / a { +24074 | | display: inline-block; +24075 | | padding: 5px; +24076 | | color: $blee; +24077 | | } + | '--- nested rule +24078 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24078:61 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24105 | / a { +24106 | | display: inline-block; +24107 | | padding: 5px; +24108 | | color: $blee; +24109 | | } + | '--- nested rule +24110 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24110:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24129 | / a { +24130 | | display: inline-block; +24131 | | padding: 5px; +24132 | | color: $blee; +24133 | | } + | '--- nested rule +24134 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24134:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24153 | / a { +24154 | | display: inline-block; +24155 | | padding: 5px; +24156 | | color: $blee; +24157 | | } + | '--- nested rule +24158 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24158:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24182 | / a { +24183 | | display: inline-block; +24184 | | padding: 5px; +24185 | | color: $blee; +24186 | | } + | '--- nested rule +24187 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24187:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24225 | / a { +24226 | | display: inline-block; +24227 | | padding: 5px; +24228 | | color: $blee; +24229 | | } + | '--- nested rule +24230 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24230:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24249 | / a { +24250 | | display: inline-block; +24251 | | padding: 5px; +24252 | | color: $blee; +24253 | | } + | '--- nested rule +24254 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24254:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24273 | / a { +24274 | | display: inline-block; +24275 | | padding: 5px; +24276 | | color: $blee; +24277 | | } + | '--- nested rule +24278 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24278:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24302 | / a { +24303 | | display: inline-block; +24304 | | padding: 5px; +24305 | | color: $blee; +24306 | | } + | '--- nested rule +24307 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24307:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24325 | / a { +24326 | | display: inline-block; +24327 | | padding: 5px; +24328 | | color: $blee; +24329 | | } + | '--- nested rule +24330 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24330:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24349 | / a { +24350 | | display: inline-block; +24351 | | padding: 5px; +24352 | | color: $blee; +24353 | | } + | '--- nested rule +24354 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24354:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24373 | / a { +24374 | | display: inline-block; +24375 | | padding: 5px; +24376 | | color: $blee; +24377 | | } + | '--- nested rule +24378 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24378:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24402 | / a { +24403 | | display: inline-block; +24404 | | padding: 5px; +24405 | | color: $blee; +24406 | | } + | '--- nested rule +24407 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24407:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24412 | / span { +24413 | | display: block; +24414 | | -webkit-box-sizing: border-box; +24415 | | } + | '--- nested rule +... | +24422 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24422:65 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24441 | / a { +24442 | | display: inline-block; +24443 | | padding: 5px; +24444 | | color: $blee; +24445 | | } + | '--- nested rule +24446 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24446:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24465 | / a { +24466 | | display: inline-block; +24467 | | padding: 5px; +24468 | | color: $blee; +24469 | | } + | '--- nested rule +24470 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24470:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24503 | / a { +24504 | | display: inline-block; +24505 | | padding: 5px; +24506 | | color: $blee; +24507 | | } + | '--- nested rule +24508 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24508:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24527 | / a { +24528 | | display: inline-block; +24529 | | padding: 5px; +24530 | | color: $blee; +24531 | | } + | '--- nested rule +24532 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24532:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24551 | / a { +24552 | | display: inline-block; +24553 | | padding: 5px; +24554 | | color: $blee; +24555 | | } + | '--- nested rule +24556 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24556:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24580 | / a { +24581 | | display: inline-block; +24582 | | padding: 5px; +24583 | | color: $blee; +24584 | | } + | '--- nested rule +24585 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24585:71 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24623 | / a { +24624 | | display: inline-block; +24625 | | padding: 5px; +24626 | | color: $blee; +24627 | | } + | '--- nested rule +24628 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24628:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24647 | / a { +24648 | | display: inline-block; +24649 | | padding: 5px; +24650 | | color: $blee; +24651 | | } + | '--- nested rule +24652 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24652:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24671 | / a { +24672 | | display: inline-block; +24673 | | padding: 5px; +24674 | | color: $blee; +24675 | | } + | '--- nested rule +24676 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24676:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24700 | / a { +24701 | | display: inline-block; +24702 | | padding: 5px; +24703 | | color: $blee; +24704 | | } + | '--- nested rule +24705 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24705:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24723 | / a { +24724 | | display: inline-block; +24725 | | padding: 5px; +24726 | | color: $blee; +24727 | | } + | '--- nested rule +24728 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24728:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24747 | / a { +24748 | | display: inline-block; +24749 | | padding: 5px; +24750 | | color: $blee; +24751 | | } + | '--- nested rule +24752 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24752:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24771 | / a { +24772 | | display: inline-block; +24773 | | padding: 5px; +24774 | | color: $blee; +24775 | | } + | '--- nested rule +24776 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24776:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24800 | / a { +24801 | | display: inline-block; +24802 | | padding: 5px; +24803 | | color: $blee; +24804 | | } + | '--- nested rule +24805 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24805:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24810 | / span { +24811 | | display: block; +24812 | | -webkit-box-sizing: border-box; +24813 | | } + | '--- nested rule +... | +24820 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24820:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24839 | / a { +24840 | | display: inline-block; +24841 | | padding: 5px; +24842 | | color: $blee; +24843 | | } + | '--- nested rule +24844 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24844:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24863 | / a { +24864 | | display: inline-block; +24865 | | padding: 5px; +24866 | | color: $blee; +24867 | | } + | '--- nested rule +24868 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24868:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24892 | / a { +24893 | | display: inline-block; +24894 | | padding: 5px; +24895 | | color: $blee; +24896 | | } + | '--- nested rule +24897 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24897:69 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24924 | / a { +24925 | | display: inline-block; +24926 | | padding: 5px; +24927 | | color: $blee; +24928 | | } + | '--- nested rule +24929 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24929:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24948 | / a { +24949 | | display: inline-block; +24950 | | padding: 5px; +24951 | | color: $blee; +24952 | | } + | '--- nested rule +24953 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24953:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +24972 | / a { +24973 | | display: inline-block; +24974 | | padding: 5px; +24975 | | color: $blee; +24976 | | } + | '--- nested rule +24977 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 24977:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25001 | / a { +25002 | | display: inline-block; +25003 | | padding: 5px; +25004 | | color: $blee; +25005 | | } + | '--- nested rule +25006 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25006:77 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25044 | / a { +25045 | | display: inline-block; +25046 | | padding: 5px; +25047 | | color: $blee; +25048 | | } + | '--- nested rule +25049 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25049:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25068 | / a { +25069 | | display: inline-block; +25070 | | padding: 5px; +25071 | | color: $blee; +25072 | | } + | '--- nested rule +25073 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25073:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25092 | / a { +25093 | | display: inline-block; +25094 | | padding: 5px; +25095 | | color: $blee; +25096 | | } + | '--- nested rule +25097 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25097:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25121 | / a { +25122 | | display: inline-block; +25123 | | padding: 5px; +25124 | | color: $blee; +25125 | | } + | '--- nested rule +25126 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25126:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25144 | / a { +25145 | | display: inline-block; +25146 | | padding: 5px; +25147 | | color: $blee; +25148 | | } + | '--- nested rule +25149 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25149:79 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25168 | / a { +25169 | | display: inline-block; +25170 | | padding: 5px; +25171 | | color: $blee; +25172 | | } + | '--- nested rule +25173 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25173:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25192 | / a { +25193 | | display: inline-block; +25194 | | padding: 5px; +25195 | | color: $blee; +25196 | | } + | '--- nested rule +25197 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25197:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25221 | / a { +25222 | | display: inline-block; +25223 | | padding: 5px; +25224 | | color: $blee; +25225 | | } + | '--- nested rule +25226 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25226:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25231 | / span { +25232 | | display: block; +25233 | | -webkit-box-sizing: border-box; +25234 | | } + | '--- nested rule +... | +25241 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25241:73 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25260 | / a { +25261 | | display: inline-block; +25262 | | padding: 5px; +25263 | | color: $blee; +25264 | | } + | '--- nested rule +25265 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25265:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25284 | / a { +25285 | | display: inline-block; +25286 | | padding: 5px; +25287 | | color: $blee; +25288 | | } + | '--- nested rule +25289 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25289:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25319 | / a { +25320 | | display: inline-block; +25321 | | padding: 5px; +25322 | | color: $blee; +25323 | | } + | '--- nested rule +25324 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25324:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25343 | / a { +25344 | | display: inline-block; +25345 | | padding: 5px; +25346 | | color: $blee; +25347 | | } + | '--- nested rule +25348 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25348:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25367 | / a { +25368 | | display: inline-block; +25369 | | padding: 5px; +25370 | | color: $blee; +25371 | | } + | '--- nested rule +25372 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25372:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25396 | / a { +25397 | | display: inline-block; +25398 | | padding: 5px; +25399 | | color: $blee; +25400 | | } + | '--- nested rule +25401 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25401:85 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25439 | / a { +25440 | | display: inline-block; +25441 | | padding: 5px; +25442 | | color: $blee; +25443 | | } + | '--- nested rule +25444 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25444:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25463 | / a { +25464 | | display: inline-block; +25465 | | padding: 5px; +25466 | | color: $blee; +25467 | | } + | '--- nested rule +25468 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25468:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25487 | / a { +25488 | | display: inline-block; +25489 | | padding: 5px; +25490 | | color: $blee; +25491 | | } + | '--- nested rule +25492 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25492:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25516 | / a { +25517 | | display: inline-block; +25518 | | padding: 5px; +25519 | | color: $blee; +25520 | | } + | '--- nested rule +25521 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25521:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25539 | / a { +25540 | | display: inline-block; +25541 | | padding: 5px; +25542 | | color: $blee; +25543 | | } + | '--- nested rule +25544 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25544:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25563 | / a { +25564 | | display: inline-block; +25565 | | padding: 5px; +25566 | | color: $blee; +25567 | | } + | '--- nested rule +25568 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25568:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25587 | / a { +25588 | | display: inline-block; +25589 | | padding: 5px; +25590 | | color: $blee; +25591 | | } + | '--- nested rule +25592 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25592:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25616 | / a { +25617 | | display: inline-block; +25618 | | padding: 5px; +25619 | | color: $blee; +25620 | | } + | '--- nested rule +25621 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25621:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25626 | / span { +25627 | | display: block; +25628 | | -webkit-box-sizing: border-box; +25629 | | } + | '--- nested rule +... | +25636 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25636:81 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25655 | / a { +25656 | | display: inline-block; +25657 | | padding: 5px; +25658 | | color: $blee; +25659 | | } + | '--- nested rule +25660 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25660:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25679 | / a { +25680 | | display: inline-block; +25681 | | padding: 5px; +25682 | | color: $blee; +25683 | | } + | '--- nested rule +25684 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25684:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25708 | / a { +25709 | | display: inline-block; +25710 | | padding: 5px; +25711 | | color: $blee; +25712 | | } + | '--- nested rule +25713 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25713:83 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25740 | / a { +25741 | | display: inline-block; +25742 | | padding: 5px; +25743 | | color: $blee; +25744 | | } + | '--- nested rule +25745 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25745:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25764 | / a { +25765 | | display: inline-block; +25766 | | padding: 5px; +25767 | | color: $blee; +25768 | | } + | '--- nested rule +25769 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25769:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25788 | / a { +25789 | | display: inline-block; +25790 | | padding: 5px; +25791 | | color: $blee; +25792 | | } + | '--- nested rule +25793 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25793:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25817 | / a { +25818 | | display: inline-block; +25819 | | padding: 5px; +25820 | | color: $blee; +25821 | | } + | '--- nested rule +25822 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25822:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25860 | / a { +25861 | | display: inline-block; +25862 | | padding: 5px; +25863 | | color: $blee; +25864 | | } + | '--- nested rule +25865 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25865:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25884 | / a { +25885 | | display: inline-block; +25886 | | padding: 5px; +25887 | | color: $blee; +25888 | | } + | '--- nested rule +25889 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25889:103 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25908 | / a { +25909 | | display: inline-block; +25910 | | padding: 5px; +25911 | | color: $blee; +25912 | | } + | '--- nested rule +25913 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25913:105 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25937 | / a { +25938 | | display: inline-block; +25939 | | padding: 5px; +25940 | | color: $blee; +25941 | | } + | '--- nested rule +25942 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25942:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25960 | / a { +25961 | | display: inline-block; +25962 | | padding: 5px; +25963 | | color: $blee; +25964 | | } + | '--- nested rule +25965 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25965:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +25984 | / a { +25985 | | display: inline-block; +25986 | | padding: 5px; +25987 | | color: $blee; +25988 | | } + | '--- nested rule +25989 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 25989:101 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26008 | / a { +26009 | | display: inline-block; +26010 | | padding: 5px; +26011 | | color: $blee; +26012 | | } + | '--- nested rule +26013 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26013:103 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26037 | / a { +26038 | | display: inline-block; +26039 | | padding: 5px; +26040 | | color: $blee; +26041 | | } + | '--- nested rule +26042 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26042:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26047 | / span { +26048 | | display: block; +26049 | | -webkit-box-sizing: border-box; +26050 | | } + | '--- nested rule +... | +26057 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26057:87 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26076 | / a { +26077 | | display: inline-block; +26078 | | padding: 5px; +26079 | | color: $blee; +26080 | | } + | '--- nested rule +26081 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26081:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26100 | / a { +26101 | | display: inline-block; +26102 | | padding: 5px; +26103 | | color: $blee; +26104 | | } + | '--- nested rule +26105 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26105:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26138 | / a { +26139 | | display: inline-block; +26140 | | padding: 5px; +26141 | | color: $blee; +26142 | | } + | '--- nested rule +26143 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26143:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26162 | / a { +26163 | | display: inline-block; +26164 | | padding: 5px; +26165 | | color: $blee; +26166 | | } + | '--- nested rule +26167 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26167:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26186 | / a { +26187 | | display: inline-block; +26188 | | padding: 5px; +26189 | | color: $blee; +26190 | | } + | '--- nested rule +26191 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26191:101 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26215 | / a { +26216 | | display: inline-block; +26217 | | padding: 5px; +26218 | | color: $blee; +26219 | | } + | '--- nested rule +26220 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26220:93 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26258 | / a { +26259 | | display: inline-block; +26260 | | padding: 5px; +26261 | | color: $blee; +26262 | | } + | '--- nested rule +26263 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26263:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26282 | / a { +26283 | | display: inline-block; +26284 | | padding: 5px; +26285 | | color: $blee; +26286 | | } + | '--- nested rule +26287 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26287:105 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26306 | / a { +26307 | | display: inline-block; +26308 | | padding: 5px; +26309 | | color: $blee; +26310 | | } + | '--- nested rule +26311 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26311:107 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26335 | / a { +26336 | | display: inline-block; +26337 | | padding: 5px; +26338 | | color: $blee; +26339 | | } + | '--- nested rule +26340 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26340:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26358 | / a { +26359 | | display: inline-block; +26360 | | padding: 5px; +26361 | | color: $blee; +26362 | | } + | '--- nested rule +26363 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26363:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26382 | / a { +26383 | | display: inline-block; +26384 | | padding: 5px; +26385 | | color: $blee; +26386 | | } + | '--- nested rule +26387 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26387:103 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26406 | / a { +26407 | | display: inline-block; +26408 | | padding: 5px; +26409 | | color: $blee; +26410 | | } + | '--- nested rule +26411 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26411:105 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26435 | / a { +26436 | | display: inline-block; +26437 | | padding: 5px; +26438 | | color: $blee; +26439 | | } + | '--- nested rule +26440 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26440:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26445 | / span { +26446 | | display: block; +26447 | | -webkit-box-sizing: border-box; +26448 | | } + | '--- nested rule +... | +26455 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26455:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26474 | / a { +26475 | | display: inline-block; +26476 | | padding: 5px; +26477 | | color: $blee; +26478 | | } + | '--- nested rule +26479 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26479:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26498 | / a { +26499 | | display: inline-block; +26500 | | padding: 5px; +26501 | | color: $blee; +26502 | | } + | '--- nested rule +26503 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26503:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26527 | / a { +26528 | | display: inline-block; +26529 | | padding: 5px; +26530 | | color: $blee; +26531 | | } + | '--- nested rule +26532 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26532:91 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26559 | / a { +26560 | | display: inline-block; +26561 | | padding: 5px; +26562 | | color: $blee; +26563 | | } + | '--- nested rule +26564 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26564:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26583 | / a { +26584 | | display: inline-block; +26585 | | padding: 5px; +26586 | | color: $blee; +26587 | | } + | '--- nested rule +26588 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26588:105 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26607 | / a { +26608 | | display: inline-block; +26609 | | padding: 5px; +26610 | | color: $blee; +26611 | | } + | '--- nested rule +26612 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26612:107 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26636 | / a { +26637 | | display: inline-block; +26638 | | padding: 5px; +26639 | | color: $blee; +26640 | | } + | '--- nested rule +26641 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26641:99 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26679 | / a { +26680 | | display: inline-block; +26681 | | padding: 5px; +26682 | | color: $blee; +26683 | | } + | '--- nested rule +26684 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26684:103 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26703 | / a { +26704 | | display: inline-block; +26705 | | padding: 5px; +26706 | | color: $blee; +26707 | | } + | '--- nested rule +26708 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26708:111 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26727 | / a { +26728 | | display: inline-block; +26729 | | padding: 5px; +26730 | | color: $blee; +26731 | | } + | '--- nested rule +26732 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26732:113 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26756 | / a { +26757 | | display: inline-block; +26758 | | padding: 5px; +26759 | | color: $blee; +26760 | | } + | '--- nested rule +26761 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26761:105 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26779 | / a { +26780 | | display: inline-block; +26781 | | padding: 5px; +26782 | | color: $blee; +26783 | | } + | '--- nested rule +26784 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26784:101 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26803 | / a { +26804 | | display: inline-block; +26805 | | padding: 5px; +26806 | | color: $blee; +26807 | | } + | '--- nested rule +26808 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26808:109 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26827 | / a { +26828 | | display: inline-block; +26829 | | padding: 5px; +26830 | | color: $blee; +26831 | | } + | '--- nested rule +26832 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26832:111 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26856 | / a { +26857 | | display: inline-block; +26858 | | padding: 5px; +26859 | | color: $blee; +26860 | | } + | '--- nested rule +26861 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26861:103 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26866 | / span { +26867 | | display: block; +26868 | | -webkit-box-sizing: border-box; +26869 | | } + | '--- nested rule +... | +26876 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26876:95 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26895 | / a { +26896 | | display: inline-block; +26897 | | padding: 5px; +26898 | | color: $blee; +26899 | | } + | '--- nested rule +26900 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26900:103 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26919 | / a { +26920 | | display: inline-block; +26921 | | padding: 5px; +26922 | | color: $blee; +26923 | | } + | '--- nested rule +26924 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26924:105 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26948 | / a { +26949 | | display: inline-block; +26950 | | padding: 5px; +26951 | | color: $blee; +26952 | | } + | '--- nested rule +26953 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26953:97 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +26977 | / a { +26978 | | display: inline-block; +26979 | | padding: 5px; +26980 | | color: $blee; +26981 | | } + | '--- nested rule +26982 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 26982:89 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +27009 | / a { +27010 | | display: inline-block; +27011 | | padding: 5px; +27012 | | color: $blee; +27013 | | } + | '--- nested rule +27014 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 27014:75 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +27038 | / a { +27039 | | display: inline-block; +27040 | | padding: 5px; +27041 | | color: $blee; +27042 | | } + | '--- nested rule +27043 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 27043:67 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +27073 | / a { +27074 | | display: inline-block; +27075 | | padding: 5px; +27076 | | color: $blee; +27077 | | } + | '--- nested rule +27078 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 27078:47 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +27113 | / a { +27114 | | display: inline-block; +27115 | | padding: 5px; +27116 | | color: $blee; +27117 | | } + | '--- nested rule +27118 | foo: $bloo; + | ^^^^^^^^^^ declaration + ' + input.scss 27118:17 root stylesheet diff --git a/spec/non_conformant/scss/mixin-content.hrx b/spec/non_conformant/scss/mixin-content.hrx index 8eb01fb2e..525f16b81 100644 --- a/spec/non_conformant/scss/mixin-content.hrx +++ b/spec/non_conformant/scss/mixin-content.hrx @@ -116,3 +116,54 @@ span div form { * html #logo { background-image: url(/logo.gif); } + +<===> warning +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +29 | background: blue; + | ^^^^^^^^^^^^^^^^ declaration +... | +48 | / @media fudge { +49 | | p { +50 | | font-weight: bold; +51 | | font-size: $size; +52 | | a { +53 | | text-decoration: underline; +54 | | } +55 | | } +56 | | } + | '--- nested rule + ' + input.scss 29:5 foo() + input.scss 47:3 root stylesheet + +DEPRECATION WARNING: Sass's behavior for declarations that appear after nested +rules will be changing to match the behavior specified by CSS in an upcoming +version. To keep the existing behavior, move the declaration above the nested +rule. To opt into the new behavior, wrap the declaration in `& {}`. + +More info: https://sass-lang.com/d/mixed-decls + + , +30 | width: $size; + | ^^^^^^^^^^^^ declaration +... | +48 | / @media fudge { +49 | | p { +50 | | font-weight: bold; +51 | | font-size: $size; +52 | | a { +53 | | text-decoration: underline; +54 | | } +55 | | } +56 | | } + | '--- nested rule + ' + input.scss 30:5 foo() + input.scss 47:3 root stylesheet From 24437eb480be1f2beb47050b729917d9ee6ef908 Mon Sep 17 00:00:00 2001 From: Jennifer Thakar Date: Fri, 19 Jul 2024 22:38:50 -0700 Subject: [PATCH 7/7] Finish migrating off of `@import` and global built-ins (#2005) * Migrate some more inspect calls * Migrate some additional global functions * Migrate some additional meta functions * More libsass global functions * libsass-closed-issues global functions * Migrate remaining global functions * Migrate plain CSS tests to module system * Migrate js-api-spec tests * Fix typo in is-bracketed * Fix remaining failures --- js-api-spec/compile.node.test.ts | 6 +- js-api-spec/compiler.node.test.ts | 8 +- js-api-spec/compiler.test.ts | 14 +- js-api-spec/deprecations.test.ts | 1 + js-api-spec/importer.node.test.ts | 54 +- js-api-spec/importer.test.ts | 85 +- js-api-spec/legacy/importer.node.test.ts | 134 ++-- js-api-spec/legacy/render.node.test.ts | 20 +- js-api-spec/legacy/source-map.node.test.ts | 12 +- migrate.ts | 4 +- spec/core_functions/color/alpha.hrx | 6 +- spec/core_functions/global/color.hrx | 10 + spec/core_functions/global/list.hrx | 10 + spec/core_functions/list/is_bracketed.hrx | 42 +- spec/core_functions/math/random.hrx | 7 +- .../meta/get_function/error.hrx | 110 +-- .../core_functions/meta/get_function/meta.hrx | 8 +- .../meta/get_function/same_module.hrx | 33 +- .../meta/get_function/scope.hrx | 8 +- spec/core_functions/meta/get_mixin/scope.hrx | 4 +- spec/core_functions/meta/inspect/color.hrx | 3 +- spec/core_functions/meta/keywords.hrx | 3 +- spec/core_functions/meta/load_css/with.hrx | 5 +- .../extend/complex/combinator_only.hrx | 14 +- .../extend/complex/with_unification.hrx | 124 +-- .../extend/complex/without_unification.hrx | 124 +-- spec/core_functions/selector/extend/error.hrx | 91 ++- .../core_functions/selector/extend/format.hrx | 21 +- spec/core_functions/selector/extend/list.hrx | 9 +- spec/core_functions/selector/extend/named.hrx | 3 +- spec/core_functions/selector/extend/no_op.hrx | 78 +- .../selector/extend/simple/attribute.hrx | 12 +- .../selector/extend/simple/class.hrx | 6 +- .../selector/extend/simple/id.hrx | 6 +- .../selector/extend/simple/placeholder.hrx | 6 +- .../selector/extend/simple/pseudo/arg.hrx | 24 +- .../selector/extend/simple/pseudo/no_arg.hrx | 18 +- .../simple/pseudo/selector/idempotent/any.hrx | 9 +- .../pseudo/selector/idempotent/current.hrx | 9 +- .../simple/pseudo/selector/idempotent/is.hrx | 9 +- .../pseudo/selector/idempotent/matches.hrx | 9 +- .../simple/pseudo/selector/idempotent/not.hrx | 45 +- .../pseudo/selector/idempotent/nth_child.hrx | 12 +- .../selector/idempotent/nth_last_child.hrx | 12 +- .../pseudo/selector/idempotent/prefixed.hrx | 12 +- .../pseudo/selector/idempotent/where.hrx | 9 +- .../extend/simple/pseudo/selector/match.hrx | 63 +- .../simple/pseudo/selector/non_idempotent.hrx | 36 +- .../selector/extend/simple/type.hrx | 48 +- .../selector/extend/simple/universal.hrx | 87 ++- spec/css/plain/boolean_operations.hrx | 2 +- spec/css/plain/custom_properties.hrx | 8 +- spec/css/plain/error/expression/function.hrx | 18 +- .../plain/error/expression/interpolation.hrx | 24 +- spec/css/plain/error/expression/list.hrx | 12 +- spec/css/plain/error/expression/map.hrx | 6 +- spec/css/plain/error/expression/operation.hrx | 60 +- .../error/expression/parent_selector.hrx | 6 +- .../plain/error/expression/parentheses.hrx | 6 +- spec/css/plain/error/expression/variable.hrx | 12 +- spec/css/plain/error/media.hrx | 114 +-- spec/css/plain/error/statement/at_rule.hrx | 106 +-- .../plain/error/statement/silent_comment.hrx | 6 +- spec/css/plain/error/statement/style_rule.hrx | 36 +- spec/css/plain/extend.hrx | 2 +- spec/css/plain/functions.hrx | 30 +- spec/css/plain/hacks.hrx | 2 +- spec/css/plain/media.hrx | 26 +- spec/css/plain/null.hrx | 2 +- spec/css/plain/single_equals.hrx | 2 +- spec/css/plain/slash.hrx | 6 +- .../forward/with/variable_exists.hrx | 5 +- spec/directives/use/with/variable_exists.hrx | 5 +- spec/libsass-closed-issues/issue-2640.hrx | 3 +- spec/libsass-closed-issues/issue_100.hrx | 3 +- spec/libsass-closed-issues/issue_1075.hrx | 9 +- spec/libsass-closed-issues/issue_1101.hrx | 3 +- spec/libsass-closed-issues/issue_1106.hrx | 19 +- spec/libsass-closed-issues/issue_1127.hrx | 61 +- spec/libsass-closed-issues/issue_1132.hrx | 3 +- .../issue_1133/normal.hrx | 9 +- .../issue_1133/vararg.hrx | 9 +- .../issue_1169/error/color.hrx | 22 +- .../issue_1169/error/functioncall.hrx | 30 +- .../issue_1169/error/interpolate.hrx | 22 +- .../issue_1169/error/simple.hrx | 16 +- .../issue_1169/functioncall.hrx | 4 +- .../issue_1169/interpolated.hrx | 21 +- .../issue_1169/simple.hrx | 28 +- spec/libsass-closed-issues/issue_1171.hrx | 9 +- spec/libsass-closed-issues/issue_1178.hrx | 4 +- spec/libsass-closed-issues/issue_1187.hrx | 10 +- spec/libsass-closed-issues/issue_1192.hrx | 8 +- spec/libsass-closed-issues/issue_1207.hrx | 5 +- spec/libsass-closed-issues/issue_1240.hrx | 9 +- spec/libsass-closed-issues/issue_1255.hrx | 5 +- spec/libsass-closed-issues/issue_1257.hrx | 3 +- spec/libsass-closed-issues/issue_1258.hrx | 5 +- spec/libsass-closed-issues/issue_1260.hrx | 3 +- spec/libsass-closed-issues/issue_1266/max.hrx | 15 +- spec/libsass-closed-issues/issue_1266/min.hrx | 15 +- spec/libsass-closed-issues/issue_1269.hrx | 9 +- spec/libsass-closed-issues/issue_1271.hrx | 5 +- spec/libsass-closed-issues/issue_1279.hrx | 9 +- spec/libsass-closed-issues/issue_1281.hrx | 9 +- spec/libsass-closed-issues/issue_1283.hrx | 7 +- spec/libsass-closed-issues/issue_1285.hrx | 3 +- spec/libsass-closed-issues/issue_1291.hrx | 5 +- spec/libsass-closed-issues/issue_1303.hrx | 3 +- spec/libsass-closed-issues/issue_1305.hrx | 9 +- spec/libsass-closed-issues/issue_1331.hrx | 19 +- spec/libsass-closed-issues/issue_1404.hrx | 5 +- spec/libsass-closed-issues/issue_1405.hrx | 19 +- spec/libsass-closed-issues/issue_1413.hrx | 46 +- spec/libsass-closed-issues/issue_1417.hrx | 72 +- .../issue_1418/dynamic.hrx | 15 +- .../issue_1419/quoted.hrx | 3 +- .../issue_1419/unquoted.hrx | 3 +- .../issue_1432/selector-extend.hrx | 7 +- .../issue_1432/selector-nest.hrx | 7 +- .../issue_1432/selector-replace.hrx | 7 +- .../issue_1432/selector-unify.hrx | 7 +- .../issue_1432/simple-selectors.hrx | 9 +- spec/libsass-closed-issues/issue_1434.hrx | 13 +- spec/libsass-closed-issues/issue_1488.hrx | 73 +- spec/libsass-closed-issues/issue_151.hrx | 19 +- spec/libsass-closed-issues/issue_1535.hrx | 3 +- spec/libsass-closed-issues/issue_1566.hrx | 13 +- spec/libsass-closed-issues/issue_1579.hrx | 11 +- spec/libsass-closed-issues/issue_1583.hrx | 28 +- spec/libsass-closed-issues/issue_1604.hrx | 7 +- spec/libsass-closed-issues/issue_1622.hrx | 14 +- spec/libsass-closed-issues/issue_1634.hrx | 14 +- .../issue_1644/complex.hrx | 11 +- spec/libsass-closed-issues/issue_1645.hrx | 14 +- .../issue_1647/selectors.hrx | 10 +- spec/libsass-closed-issues/issue_1667.hrx | 9 +- spec/libsass-closed-issues/issue_1709.hrx | 5 +- spec/libsass-closed-issues/issue_1722.hrx | 3 +- spec/libsass-closed-issues/issue_1723.hrx | 45 +- .../libsass-closed-issues/issue_1757/each.hrx | 9 +- spec/libsass-closed-issues/issue_1757/for.hrx | 17 +- spec/libsass-closed-issues/issue_1796.hrx | 5 +- spec/libsass-closed-issues/issue_1819.hrx | 4 +- .../libsass-closed-issues/issue_185/mixin.hrx | 11 +- spec/libsass-closed-issues/issue_1926.hrx | 17 +- spec/libsass-closed-issues/issue_1940.hrx | 9 +- spec/libsass-closed-issues/issue_1947.hrx | 3 +- spec/libsass-closed-issues/issue_1969.hrx | 3 +- spec/libsass-closed-issues/issue_2020.hrx | 15 +- .../issue_2031/extended-not.hrx | 3 +- spec/libsass-closed-issues/issue_2112.hrx | 7 +- .../issue_2156/debug.hrx | 13 +- .../issue_2156/error.hrx | 9 +- .../libsass-closed-issues/issue_2156/warn.hrx | 13 +- spec/libsass-closed-issues/issue_224.hrx | 9 +- spec/libsass-closed-issues/issue_2246.hrx | 3 +- spec/libsass-closed-issues/issue_2309.hrx | 28 +- spec/libsass-closed-issues/issue_2330.hrx | 30 +- spec/libsass-closed-issues/issue_2333.hrx | 4 +- spec/libsass-closed-issues/issue_2374.hrx | 67 +- spec/libsass-closed-issues/issue_238760.hrx | 10 +- spec/libsass-closed-issues/issue_2394.hrx | 8 +- spec/libsass-closed-issues/issue_2462.hrx | 3 +- spec/libsass-closed-issues/issue_2520.hrx | 85 +- spec/libsass-closed-issues/issue_2633.hrx | 7 +- spec/libsass-closed-issues/issue_2779.hrx | 7 +- spec/libsass-closed-issues/issue_2808.hrx | 3 +- spec/libsass-closed-issues/issue_2863.hrx | 13 +- spec/libsass-closed-issues/issue_2980.hrx | 5 +- spec/libsass-closed-issues/issue_338.hrx | 3 +- spec/libsass-closed-issues/issue_394.hrx | 3 +- spec/libsass-closed-issues/issue_435.hrx | 9 +- spec/libsass-closed-issues/issue_439.hrx | 9 +- spec/libsass-closed-issues/issue_506.hrx | 7 +- spec/libsass-closed-issues/issue_509.hrx | 15 +- spec/libsass-closed-issues/issue_510.hrx | 3 +- spec/libsass-closed-issues/issue_512.hrx | 6 +- spec/libsass-closed-issues/issue_534.hrx | 7 +- spec/libsass-closed-issues/issue_54.hrx | 3 +- spec/libsass-closed-issues/issue_555.hrx | 9 +- spec/libsass-closed-issues/issue_557.hrx | 3 +- spec/libsass-closed-issues/issue_574.hrx | 3 +- spec/libsass-closed-issues/issue_577.hrx | 3 +- spec/libsass-closed-issues/issue_578.hrx | 5 +- spec/libsass-closed-issues/issue_643.hrx | 3 +- spec/libsass-closed-issues/issue_652.hrx | 7 +- spec/libsass-closed-issues/issue_672.hrx | 3 +- spec/libsass-closed-issues/issue_699.hrx | 3 +- spec/libsass-closed-issues/issue_700.hrx | 3 +- spec/libsass-closed-issues/issue_701.hrx | 20 +- spec/libsass-closed-issues/issue_702.hrx | 5 +- spec/libsass-closed-issues/issue_760.hrx | 5 +- spec/libsass-closed-issues/issue_763.hrx | 15 +- spec/libsass-closed-issues/issue_815.hrx | 5 +- spec/libsass-closed-issues/issue_857.hrx | 3 +- spec/libsass-closed-issues/issue_86.hrx | 15 +- spec/libsass-closed-issues/issue_864.hrx | 3 +- spec/libsass-closed-issues/issue_877.hrx | 57 +- spec/libsass-closed-issues/issue_980.hrx | 5 +- spec/libsass-closed-issues/issue_988.hrx | 7 +- spec/libsass-todo-issues/issue_2818.hrx | 4 +- spec/libsass/arg-eval.hrx | 20 +- spec/libsass/at-error/feature-test.hrx | 3 +- spec/libsass/bool.hrx | 3 +- spec/libsass/bourbon.hrx | 3 +- spec/libsass/charset.hrx | 3 +- .../libsass/color-functions/opacity/alpha.hrx | 23 +- .../color-functions/other/change-color/a.hrx | 23 +- .../color-functions/other/change-color/b.hrx | 513 ++++++------- .../color-functions/other/change-color/g.hrx | 513 ++++++------- .../color-functions/other/change-color/h.hrx | 725 +++++++++--------- .../color-functions/other/change-color/l.hrx | 201 ++--- .../color-functions/other/change-color/r.hrx | 513 ++++++------- .../color-functions/other/change-color/s.hrx | 203 ++--- spec/libsass/color-functions/saturate.hrx | 199 ++--- spec/libsass/delayed.hrx | 83 +- spec/libsass/div.hrx | 30 +- spec/libsass/list-evaluation.hrx | 32 +- spec/libsass/lists.hrx | 58 +- spec/libsass/mixin.hrx | 29 +- spec/libsass/parent-selector/missing.hrx | 11 +- spec/libsass/precision/default.hrx | 9 +- spec/libsass/precision/higher.hrx | 7 +- spec/libsass/precision/lower.hrx | 7 +- .../selector-functions/selector-length.hrx | 7 +- .../selector-functions/simple-selector.hrx | 5 +- spec/libsass/selectors/function-argument.hrx | 17 +- spec/libsass/selectors/mixin-argument.hrx | 14 +- spec/libsass/test.hrx | 31 +- spec/libsass/unary-ops.hrx | 3 +- spec/libsass/units/feature-test.hrx | 3 +- spec/libsass/units/simple.hrx | 55 +- .../blead-global/expanding/at-root.hrx | 15 +- .../blead-global/expanding/each.hrx | 19 +- .../blead-global/expanding/else.hrx | 15 +- .../blead-global/expanding/elseif.hrx | 15 +- .../blead-global/expanding/for.hrx | 19 +- .../blead-global/expanding/function.hrx | 21 +- .../blead-global/expanding/if.hrx | 15 +- .../blead-global/expanding/mixin.hrx | 17 +- .../blead-global/expanding/ruleset.hrx | 15 +- .../blead-global/expanding/while.hrx | 19 +- .../blead-global/functional/each.hrx | 45 +- .../blead-global/functional/else.hrx | 45 +- .../blead-global/functional/elseif.hrx | 45 +- .../blead-global/functional/for.hrx | 45 +- .../blead-global/functional/if.hrx | 45 +- .../blead-global/functional/while.hrx | 45 +- .../libsass/variable-scoping/feature-test.hrx | 3 +- .../mixin/content/arguments/receiving.hrx | 8 +- spec/values/calculation/calc/parens.hrx | 3 +- spec/values/calculation/calc/space.hrx | 9 +- spec/values/maps/invalid-key.hrx | 10 +- spec/values/numbers/modulo/zeros.hrx | 4 +- .../divide_by_multiple_denominators.hrx | 21 +- .../divide_by_multiple_numerators.hrx | 9 +- .../units/multiple/division_cancels_both.hrx | 23 +- .../multiple/division_cancels_compatible.hrx | 17 +- .../multiple/division_cancels_denominator.hrx | 23 +- .../division_cancels_denominator_twice.hrx | 29 +- .../multiple/division_cancels_numerator.hrx | 17 +- .../division_cancels_numerator_twice.hrx | 17 +- .../multiple/division_cancels_unknown.hrx | 17 +- .../units/multiple/multiple_denominators.hrx | 15 +- .../units/multiple/multiple_numerators.hrx | 3 +- .../multiple/multiplication_cancels_both.hrx | 17 +- .../multiplication_cancels_compatible.hrx | 11 +- .../multiplication_cancels_denominator.hrx | 11 +- ...ltiplication_cancels_denominator_twice.hrx | 11 +- .../multiplication_cancels_numerator.hrx | 17 +- ...multiplication_cancels_numerator_twice.hrx | 23 +- .../multiplication_cancels_unknown.hrx | 11 +- 273 files changed, 4131 insertions(+), 3557 deletions(-) diff --git a/js-api-spec/compile.node.test.ts b/js-api-spec/compile.node.test.ts index 4f174a212..4e9d5a782 100644 --- a/js-api-spec/compile.node.test.ts +++ b/js-api-spec/compile.node.test.ts @@ -82,7 +82,11 @@ describe('compileString', () => { '_upstream.scss': 'a {b: c}', }); expect( - compileString('@import "left"; @import "right"', {url}).loadedUrls + compileString('@import "left"; @import "right"', { + url, + // TODO(jathak): Add this once import deprecation is active + // silenceDeprecations: ['import'], + }).loadedUrls ).toEqual([ url, dir.url('_left.scss'), diff --git a/js-api-spec/compiler.node.test.ts b/js-api-spec/compiler.node.test.ts index 8af5c13b8..90e274b10 100644 --- a/js-api-spec/compiler.node.test.ts +++ b/js-api-spec/compiler.node.test.ts @@ -30,7 +30,7 @@ describe('Compiler', () => { it('performs complete compilations', () => sandbox(dir => { const logger = getLogger(); - dir.write({'input.scss': '@import "bar"; .fn {value: foo(bar)}'}); + dir.write({'input.scss': '@use "bar"; .fn {value: foo(bar)}'}); const result = compiler.compile(dir('input.scss'), { importers, functions, @@ -52,7 +52,7 @@ describe('Compiler', () => { syntax: 'scss', }), }; - dir.write({'input.scss': '@import "nested"; a {b: c}'}); + dir.write({'input.scss': '@use "nested"; a {b: c}'}); const result = compiler.compile(dir('input.scss'), { importers: [nestedImporter], }); @@ -91,7 +91,7 @@ describe('AsyncCompiler', () => { .map((_, i) => { const filename = `input-${i}.scss`; dir.write({ - [filename]: `@import "${i}"; .fn {value: foo(${i})}`, + [filename]: `@use "${i}" as _; .fn {value: foo(${i})}`, }); return compiler.compileAsync(dir(filename), { importers: asyncImporters, @@ -121,7 +121,7 @@ describe('AsyncCompiler', () => { it('waits for compilations to finish before disposing', () => sandbox(async dir => { let completed = false; - dir.write({'input.scss': '@import "slow"'}); + dir.write({'input.scss': '@use "slow"'}); const {importer, triggerComplete} = getTriggeredImporter( () => (completed = true) ); diff --git a/js-api-spec/compiler.test.ts b/js-api-spec/compiler.test.ts index 065f3e7e4..713e50c6d 100644 --- a/js-api-spec/compiler.test.ts +++ b/js-api-spec/compiler.test.ts @@ -73,7 +73,7 @@ describe('Compiler', () => { it('performs complete compilations', () => { const logger = getLogger(); const result = compiler.compileString( - '@import "bar"; .fn {value: foo(baz)}', + '@use "bar"; .fn {value: foo(baz)}', {importers, functions, logger} ); expect(result.css).toEqualIgnoringWhitespace( @@ -90,7 +90,7 @@ describe('Compiler', () => { syntax: 'scss', }), }; - const result = compiler.compileString('@import "nested"; a {b: c}', { + const result = compiler.compileString('@use "nested"; a {b: c}', { importers: [nestedImporter], }); expect(result.css).toEqualIgnoringWhitespace('x {y: z;} a {b: c;}'); @@ -139,8 +139,12 @@ describe('AsyncCompiler', () => { .fill(0) .map((_, i) => compiler.compileStringAsync( - `@import "${i}"; .fn {value: foo(${i})}`, - {importers: asyncImporters, functions, logger} + `@use "${i}" as _; .fn {value: foo(${i})}`, + { + importers: asyncImporters, + functions, + logger, + } ) ); Array.from(await Promise.all(compilations)) @@ -165,7 +169,7 @@ describe('AsyncCompiler', () => { const {importer, triggerComplete} = getTriggeredImporter( () => (completed = true) ); - const compilation = compiler.compileStringAsync('@import "slow"', { + const compilation = compiler.compileStringAsync('@use "slow"', { importers: [importer], }); diff --git a/js-api-spec/deprecations.test.ts b/js-api-spec/deprecations.test.ts index 852c068f8..b50222e74 100644 --- a/js-api-spec/deprecations.test.ts +++ b/js-api-spec/deprecations.test.ts @@ -131,6 +131,7 @@ describe('an error', () => { }); }); +// TODO(jathak): Disable these tests when there aren't any future deprecations. describe('for a future deprecation,', () => { let importer: Importer; beforeEach(() => { diff --git a/js-api-spec/importer.node.test.ts b/js-api-spec/importer.node.test.ts index e03ad18fb..b85fb08bc 100644 --- a/js-api-spec/importer.node.test.ts +++ b/js-api-spec/importer.node.test.ts @@ -18,7 +18,7 @@ it('avoids importer when canonicalize() returns null', () => sandbox(dir => { dir.write({'dir/_other.scss': 'a {from: dir}'}); - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [ { canonicalize: () => null, @@ -37,7 +37,7 @@ it('fails to import when load() returns null', () => dir.write({'dir/_other.scss': 'a {from: dir}'}); expect(() => { - compileString('@import "other";', { + compileString('@use "other";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), @@ -52,7 +52,7 @@ it('fails to import when load() returns null', () => it('prefers a relative file load to an importer', () => sandbox(dir => { dir.write({ - 'input.scss': '@import "other"', + 'input.scss': '@use "other"', '_other.scss': 'a {from: relative}', }); @@ -74,7 +74,7 @@ it('prefers a relative file load to an importer', () => it('prefers an importer to a load path', () => sandbox(dir => { dir.write({ - 'input.scss': '@import "other"', + 'input.scss': '@use "other"', 'dir/_other.scss': 'a {from: load-path}', }); @@ -95,7 +95,7 @@ describe('FileImporter', () => { sandbox(dir => { dir.write({'_other.scss': 'a {b: c}'}); - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [{findFileUrl: () => dir.url('_other.scss')}], }); expect(result.css).toBe('a {\n b: c;\n}'); @@ -105,7 +105,7 @@ describe('FileImporter', () => { sandbox(dir => { dir.write({'other/_index.scss': 'a {b: c}'}); - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [{findFileUrl: () => dir.url('other')}], }); expect(result.css).toBe('a {\n b: c;\n}'); @@ -115,7 +115,7 @@ describe('FileImporter', () => { sandbox(dir => { dir.write({'_other.scss': 'a {from: dir}'}); - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [{findFileUrl: () => null}], loadPaths: [dir.root], }); @@ -126,7 +126,7 @@ describe('FileImporter', () => { sandbox(dir => { dir.write({'_other.scss': 'a {from: dir}'}); - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [{findFileUrl: () => dir.url('nonexistent/other')}], loadPaths: [dir.root], }); @@ -137,7 +137,7 @@ describe('FileImporter', () => { sandbox(dir => { dir.write({'dir/_other.scss': 'a {b: c}'}); - const result = compileString('@import "u:other";', { + const result = compileString('@use "u:other";', { importers: [ { findFileUrl(url: string) { @@ -154,7 +154,7 @@ describe('FileImporter', () => { sandbox(dir => { dir.write({'_other.scss': 'a {b: c}'}); - const result = compileString(`@import "${dir.url('other')}";`, { + const result = compileString(`@use "${dir.url('other')}";`, { importers: [ { findFileUrl() { @@ -168,11 +168,11 @@ describe('FileImporter', () => { it("doesn't pass relative loads to the importer", () => sandbox(dir => { - dir.write({'_midstream.scss': '@import "upstream"'}); + dir.write({'_midstream.scss': '@use "upstream"'}); dir.write({'_upstream.scss': 'a {b: c}'}); let count = 0; - const result = compileString('@import "midstream";', { + const result = compileString('@use "midstream";', { importers: [ { findFileUrl() { @@ -191,7 +191,7 @@ describe('FileImporter', () => { it('wraps an error', () => { expect(() => { - compileString('@import "other";', { + compileString('@use "other";', { importers: [ { findFileUrl() { @@ -205,7 +205,7 @@ describe('FileImporter', () => { it('rejects a non-file URL', () => { expect(() => { - compileString('@import "other";', { + compileString('@use "other";', { importers: [{findFileUrl: () => new URL('u:other.scss')}], }); }).toThrowSassException({line: 0}); @@ -215,7 +215,7 @@ describe('FileImporter', () => { it('.scss, parses it as SCSS', () => sandbox(dir => { dir.write({'_other.scss': '$a: value; b {c: $a}'}); - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [{findFileUrl: () => dir.url('other')}], }); expect(result.css).toBe('b {\n c: value;\n}'); @@ -224,7 +224,7 @@ describe('FileImporter', () => { it('.sass, parses it as the indented syntax', () => sandbox(dir => { dir.write({'_other.sass': '$a: value\nb\n c: $a'}); - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [{findFileUrl: () => dir.url('other')}], }); expect(result.css).toBe('b {\n c: value;\n}'); @@ -233,7 +233,7 @@ describe('FileImporter', () => { it('.css, allows plain CSS', () => sandbox(dir => { dir.write({'_other.css': 'a {b: c}'}); - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [{findFileUrl: () => dir.url('other')}], }); expect(result.css).toBe('a {\n b: c;\n}'); @@ -243,7 +243,7 @@ describe('FileImporter', () => { sandbox(dir => { dir.write({'_other.css': '$a: value; b {c: $a}'}); expect(() => { - compileString('@import "other";', { + compileString('@use "other";', { importers: [{findFileUrl: () => dir.url('other')}], }); }).toThrowSassException({ @@ -266,6 +266,8 @@ describe('FileImporter', () => { }, }, ], + // TODO(jathak): Add this once import deprecation is active + // silenceDeprecations: ['import'], }); })); @@ -289,7 +291,7 @@ describe('FileImporter', () => { it('set for a relative URL', () => sandbox(dir => { dir.write({'_other.css': 'a {b: c}'}); - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [ { findFileUrl: (url: string, context: CanonicalizeContext) => { @@ -308,7 +310,7 @@ describe('FileImporter', () => { it('set for an absolute URL', () => sandbox(dir => { dir.write({'_other.css': 'a {b: c}'}); - const result = compileString('@import "u:other";', { + const result = compileString('@use "u:other";', { importers: [ { findFileUrl: (url: string, context: CanonicalizeContext) => { @@ -327,7 +329,7 @@ describe('FileImporter', () => { it('unset when the URL is unavailable', () => sandbox(dir => { dir.write({'_other.css': 'a {b: c}'}); - const result = compileString('@import "u:other";', { + const result = compileString('@use "u:other";', { importers: [ { findFileUrl: (url: string, context: CanonicalizeContext) => { @@ -342,7 +344,7 @@ describe('FileImporter', () => { }); describe('async', () => { - it('resolves an @import', async () => + it('resolves an @use', async () => sandbox(async dir => { dir.write({'_other.scss': 'a {b: c}'}); const result = await compileStringAsync('@use "other"', { @@ -357,7 +359,7 @@ describe('FileImporter', () => { it('wraps an error', async () => { await expectAsync(() => - compileStringAsync('@import "other";', { + compileStringAsync('@use "other";', { importers: [ { findFileUrl: () => Promise.reject('this import is bad actually'), @@ -376,10 +378,10 @@ describe('FileImporter', () => { }); dir.write({ - 'main.scss': '@import "sub1/test"; @import "sub1/sub2/test"', - 'sub1/test.scss': '@import "y"', + 'main.scss': '@use "sub1/test"; @use "sub1/sub2/test" as test2', + 'sub1/test.scss': '@use "y"', 'sub1/x.scss': 'x { from: sub1; }', - 'sub1/sub2/test.scss': '@import "y"', + 'sub1/sub2/test.scss': '@use "y"', 'sub1/sub2/x.scss': 'x { from: sub2; }', }); diff --git a/js-api-spec/importer.test.ts b/js-api-spec/importer.test.ts index a9658b2c8..73805af40 100644 --- a/js-api-spec/importer.test.ts +++ b/js-api-spec/importer.test.ts @@ -12,8 +12,8 @@ import { import {sassImpl, runOnlyForImpl, URL} from './utils'; -it('uses an importer to resolve an @import', () => { - const result = compileString('@import "orange";', { +it('uses an importer to resolve a @use', () => { + const result = compileString('@use "orange";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), @@ -29,7 +29,7 @@ it('uses an importer to resolve an @import', () => { }); it('passes the canonicalized URL to the importer', () => { - const result = compileString('@import "orange";', { + const result = compileString('@use "orange";', { importers: [ { canonicalize: () => new URL('u:blue'), @@ -60,6 +60,7 @@ it('only invokes the importer once for a given canonicalization', () => { }, }, ], + silenceDeprecations: ['import'], } ); @@ -75,7 +76,7 @@ it('only invokes the importer once for a given canonicalization', () => { describe('the imported URL', () => { // Regression test for sass/dart-sass#1137. it("isn't changed if it's root-relative", () => { - const result = compileString('@import "/orange";', { + const result = compileString('@use "/orange";', { importers: [ { canonicalize(url: string) { @@ -109,7 +110,7 @@ describe('the imported URL', () => { describe('the containing URL', () => { it('is null for a potentially canonical scheme', () => { - const result = compileString('@import "u:orange"', { + const result = compileString('@use "u:orange"', { importers: [ { canonicalize: (url: string, context: CanonicalizeContext) => { @@ -127,7 +128,7 @@ describe('the containing URL', () => { describe('for a non-canonical scheme', () => { describe('in a list', () => { it('is set to the original URL', () => { - const result = compileString('@import "u:orange"', { + const result = compileString('@use "u:orange"', { importers: [ { canonicalize: (url: string, context: CanonicalizeContext) => { @@ -147,7 +148,7 @@ describe('the containing URL', () => { }); it('is null if the original URL is null', () => { - const result = compileString('@import "u:orange"', { + const result = compileString('@use "u:orange"', { importers: [ { canonicalize: (url: string, context: CanonicalizeContext) => { @@ -166,7 +167,7 @@ describe('the containing URL', () => { describe('as a string', () => { it('is set to the original URL', () => { - const result = compileString('@import "u:orange"', { + const result = compileString('@use "u:orange"', { importers: [ { canonicalize: (url: string, context: CanonicalizeContext) => { @@ -186,7 +187,7 @@ describe('the containing URL', () => { }); it('is null if the original URL is null', () => { - const result = compileString('@import "u:orange"', { + const result = compileString('@use "u:orange"', { importers: [ { canonicalize: (url: string, context: CanonicalizeContext) => { @@ -206,7 +207,7 @@ describe('the containing URL', () => { describe('for a schemeless load', () => { it('is set to the original URL', () => { - const result = compileString('@import "orange"', { + const result = compileString('@use "orange"', { importers: [ { canonicalize: (url: string, context: CanonicalizeContext) => { @@ -223,7 +224,7 @@ describe('the containing URL', () => { }); it('is null if the original URL is null', () => { - const result = compileString('@import "orange"', { + const result = compileString('@use "orange"', { importers: [ { canonicalize: (url: string, context: CanonicalizeContext) => { @@ -246,7 +247,7 @@ describe( () => { it('set as a list', () => expect(() => - compileString('@import "orange"', { + compileString('@use "orange"', { importers: [ { canonicalize: (url: string) => { @@ -261,7 +262,7 @@ describe( it('set as a string', () => expect(() => - compileString('@import "orange"', { + compileString('@use "orange"', { importers: [ { canonicalize: (url: string) => { @@ -318,7 +319,7 @@ describe('throws an error for an invalid scheme:', () => { }); it("uses an importer's source map URL", () => { - const result = compileString('@import "orange";', { + const result = compileString('@use "orange";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), @@ -340,7 +341,7 @@ it("uses an importer's source map URL", () => { it('wraps an error in canonicalize()', () => { expect(() => { - compileString('@import "orange";', { + compileString('@use "orange";', { importers: [ { canonicalize() { @@ -357,7 +358,7 @@ it('wraps an error in canonicalize()', () => { it('wraps an error in load()', () => { expect(() => { - compileString('@import "orange";', { + compileString('@use "orange";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), @@ -372,7 +373,7 @@ it('wraps an error in load()', () => { it('fails to import when load() returns null', () => expect(() => { - compileString('@import "other";', { + compileString('@use "other";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), @@ -384,7 +385,7 @@ it('fails to import when load() returns null', () => describe('with syntax', () => { it('scss, parses it as SCSS', () => { - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [ { canonicalize: () => new URL('u:other'), @@ -397,7 +398,7 @@ describe('with syntax', () => { }); it('indented, parses it as the indented syntax', () => { - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [ { canonicalize: () => new URL('u:other'), @@ -413,7 +414,7 @@ describe('with syntax', () => { }); it('css, allows plain CSS', () => { - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [ { canonicalize: () => new URL('u:other'), @@ -427,7 +428,7 @@ describe('with syntax', () => { it('css, rejects SCSS', () => { expect(() => { - compileString('@import "other";', { + compileString('@use "other";', { importers: [ { canonicalize: () => new URL('u:other'), @@ -443,8 +444,8 @@ describe('with syntax', () => { }); describe('async', () => { - it('resolves an @import', async () => { - const result = await compileStringAsync('@import "orange";', { + it('resolves a @use', async () => { + const result = await compileStringAsync('@use "orange";', { importers: [ { canonicalize: (url: string) => Promise.resolve(new URL(`u:${url}`)), @@ -464,7 +465,7 @@ describe('async', () => { it('wraps an asynchronous error in canonicalize', async () => { await expectAsync(() => - compileStringAsync('@import "orange";', { + compileStringAsync('@use "orange";', { importers: [ { canonicalize: () => Promise.reject('this import is bad actually'), @@ -479,7 +480,7 @@ describe('async', () => { it('wraps a synchronous error in canonicalize', async () => { await expectAsync(() => - compileStringAsync('@import "orange";', { + compileStringAsync('@use "orange";', { importers: [ { canonicalize() { @@ -496,7 +497,7 @@ describe('async', () => { it('wraps an asynchronous error in load', async () => { await expectAsync(() => - compileStringAsync('@import "orange";', { + compileStringAsync('@use "orange";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), @@ -509,7 +510,7 @@ describe('async', () => { it('wraps a synchronous error in load', async () => { await expectAsync(() => - compileStringAsync('@import "orange";', { + compileStringAsync('@use "orange";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), @@ -525,7 +526,7 @@ describe('async', () => { describe("compileString()'s importer option", () => { it('loads relative imports from the entrypoint', () => { - const result = compileString('@import "orange";', { + const result = compileString('@use "orange";', { importer: { canonicalize: (url: string) => { expect(url).toBe('u:orange'); @@ -543,7 +544,7 @@ describe("compileString()'s importer option", () => { }); it("loads imports relative to the entrypoint's URL", () => { - const result = compileString('@import "baz/qux";', { + const result = compileString('@use "baz/qux";', { importer: { canonicalize: (url: string) => { expect(url).toBe('u:foo/baz/qux'); @@ -561,7 +562,7 @@ describe("compileString()'s importer option", () => { }); it('loads relative imports without an entrypoint URL', () => { - const result = compileString('@import "orange";', { + const result = compileString('@use "orange";', { importer: { canonicalize: (url: string) => { expect(url).toBe('orange'); @@ -578,7 +579,7 @@ describe("compileString()'s importer option", () => { }); it('takes precedence over the importer list for relative URLs', () => { - const result = compileString('@import "other";', { + const result = compileString('@use "other";', { importers: [ { canonicalize() { @@ -599,7 +600,7 @@ describe("compileString()'s importer option", () => { }); it("doesn't load absolute imports", () => { - const result = compileString('@import "u:orange";', { + const result = compileString('@use "u:orange";', { importer: { canonicalize: () => { throw 'Should not be called'; @@ -627,7 +628,7 @@ describe("compileString()'s importer option", () => { }); it("doesn't load from other importers", () => { - const result = compileString('@import "u:midstream";', { + const result = compileString('@use "u:midstream";', { importer: { canonicalize: () => { throw 'Should not be called'; @@ -641,7 +642,7 @@ describe("compileString()'s importer option", () => { canonicalize: (url: string) => new URL(url), load: (url: typeof URL) => { if (url.pathname === 'midstream') { - return {contents: "@import 'orange';", syntax: 'scss'}; + return {contents: "@use 'orange';", syntax: 'scss'}; } else { const color = url.pathname; return {contents: `.${color} {color: ${color}}`, syntax: 'scss'}; @@ -660,7 +661,7 @@ describe("compileString()'s importer option", () => { // "first:other" import is resolved it should be passed to the first // importer first despite being in the second importer's file. let secondCalled = false; - const result = compileString('@import "second:other";', { + const result = compileString('@use "second:other";', { importers: [ { canonicalize: (url: string) => @@ -678,7 +679,7 @@ describe("compileString()'s importer option", () => { secondCalled = true; return url.startsWith('second:') ? new URL(url) : null; }, - load: () => ({contents: '@import "first:other";', syntax: 'scss'}), + load: () => ({contents: '@use "first:other";', syntax: 'scss'}), }, ], }); @@ -689,7 +690,11 @@ describe("compileString()'s importer option", () => { describe('fromImport is', () => { it('true from an @import', () => { - compileString('@import "foo"', {importers: [expectFromImport(true)]}); + compileString('@import "foo"', { + importers: [expectFromImport(true)], + // TODO(jathak): Add this once import deprecation is active + // silenceDeprecations: ['import'], + }); }); it('false from a @use', () => { @@ -710,7 +715,7 @@ describe('fromImport is', () => { describe('when importer does not return string contents', () => { it('throws an error in sync mode', () => { expect(() => { - compileString('@import "other";', { + compileString('@use "other";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), @@ -735,7 +740,7 @@ describe('when importer does not return string contents', () => { it('throws an error in async mode', async () => { await expectAsync(async () => { - await compileStringAsync('@import "other";', { + await compileStringAsync('@use "other";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), @@ -761,7 +766,7 @@ describe('when importer does not return string contents', () => { it('throws an ArgumentError when the result sourceMapUrl is missing a scheme', () => { expect(() => { - compileString('@import "other";', { + compileString('@use "other";', { importers: [ { canonicalize: (url: string) => new URL(`u:${url}`), diff --git a/js-api-spec/legacy/importer.node.test.ts b/js-api-spec/legacy/importer.node.test.ts index 43f567fc2..a627285f0 100644 --- a/js-api-spec/legacy/importer.node.test.ts +++ b/js-api-spec/legacy/importer.node.test.ts @@ -13,10 +13,10 @@ it('imports cascade through importers', () => expect( sass .renderSync({ - data: "@import 'foo'", + data: "@use 'foo'", importer: [ - (url: string) => (url === 'foo' ? {contents: '@import "bar"'} : null), - (url: string) => (url === 'bar' ? {contents: '@import "baz"'} : null), + (url: string) => (url === 'foo' ? {contents: '@use "bar"'} : null), + (url: string) => (url === 'bar' ? {contents: '@use "baz"'} : null), (url: string) => (url === 'baz' ? {contents: 'a {b: c}'} : null), ], }) @@ -27,7 +27,7 @@ it('an empty object means an empty file', () => expect( sass .renderSync({ - data: "@import 'foo'", + data: "@use 'foo'", importer: () => ({} as sass.LegacyImporterResult), }) .css.toString() @@ -39,7 +39,7 @@ describe('import precedence:', () => { sandbox(dir => { dir.write({ 'sub/test.scss': 'a {from: relative}', - 'sub/base.scss': '@import "test"', + 'sub/base.scss': '@use "test"', }); dir.chdir(() => @@ -62,7 +62,7 @@ describe('import precedence:', () => { expect( sass .renderSync({ - data: '@import "test"', + data: '@use "test"', importer: () => ({contents: 'a {from: importer}'}), }) .css.toString() @@ -81,7 +81,7 @@ describe('import precedence:', () => { expect( sass .renderSync({ - data: '@import "test"', + data: '@use "test"', includePaths: [dir('sub')], }) .css.toString() @@ -94,7 +94,7 @@ describe('import precedence:', () => { sandbox(dir => { dir.write({ 'sub/test.scss': 'a {from: cwd}', - 'sub/base.scss': '@import "sub/test"', + 'sub/base.scss': '@use "sub/test"', }); dir.chdir(() => @@ -118,7 +118,7 @@ describe('import precedence:', () => { expect( sass .renderSync({ - data: '@import "test"', + data: '@use "test"', includePaths: [dir.root], importer: [], }) @@ -133,7 +133,7 @@ describe('with contents', () => { expect( sass .renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({contents: 'a {b: c}'}), }) .css.toString() @@ -146,7 +146,7 @@ describe('with contents', () => { expect( sass .renderSync({ - data: '@import "test"', + data: '@use "test"', importer: () => ({ contents: 'a {from: contents}', file: dir('test.scss'), @@ -159,7 +159,7 @@ describe('with contents', () => { it('contents use file name as canonical url', () => expect( sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({ contents: '', file: 'bar', @@ -171,7 +171,7 @@ describe('with contents', () => { it('passes through an absolute file path', () => expect( sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({ contents: '', file: p.resolve('bar'), @@ -192,9 +192,9 @@ describe('with contents', () => { }); dir.write({ - 'main.scss': '@import "sub1/test"; @import "sub1/sub2/test"', - 'sub1/test.scss': '@import "x"', - 'sub1/sub2/test.scss': '@import "x"', + 'main.scss': '@use "sub1/test"; @use "sub1/sub2/test" as test2', + 'sub1/test.scss': '@use "x"', + 'sub1/sub2/test.scss': '@use "x"', }); expect( @@ -218,7 +218,7 @@ describe('with a file redirect', () => { expect( sass .renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({file: dir('test.scss')}), }) .css.toString() @@ -232,7 +232,7 @@ describe('with a file redirect', () => { expect( sass .renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({file: dir('test.sass')}), }) .css.toString() @@ -247,7 +247,7 @@ describe('with a file redirect', () => { expect( sass .renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({file: dir('test.css')}), }) .css.toString() @@ -261,7 +261,7 @@ describe('with a file redirect', () => { expect( sass .renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({file: dir('target.scss')}), }) .css.toString() @@ -309,7 +309,7 @@ describe('with a file redirect', () => { expect( sass .renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({file: dir('test')}), }) .css.toString() @@ -320,7 +320,7 @@ describe('with a file redirect', () => { sandbox(dir => { dir.write({ '_other.scss': 'a {b: c}', - 'test.scss': '@import "foo"', + 'test.scss': '@use "foo"', }); expect( @@ -337,7 +337,7 @@ describe('with a file redirect', () => { sandbox(dir => { dir.write({ '_other.scss': 'a {b: c}', - 'test.scss': '@import "foo"', + 'test.scss': '@use "foo"', }); const result = sass.renderSync({ @@ -358,7 +358,7 @@ describe('with a file redirect', () => { expect( sass .renderSync({ - data: '@import "foo"', + data: '@use "foo"', includePaths: [dir.root], importer: () => ({file: 'test.scss'}), }) @@ -369,7 +369,7 @@ describe('with a file redirect', () => { it('relative to the base file takes precedence over include paths', () => sandbox(dir => { dir.write({ - 'test.scss': '@import "foo"', + 'test.scss': '@use "foo"', '_other.scss': 'a {from: relative}', 'sub/_other.scss': 'a {from: load path}', }); @@ -394,7 +394,7 @@ describe('with a file redirect', () => { expect( sass .renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({file: 'test.scss'}), }) .css.toString() @@ -406,7 +406,7 @@ describe('with a file redirect', () => { sandbox(dir => { dir.write({ '_other.scss': 'a {from: cwd}', - 'sub/test.scss': '@import "foo"', + 'sub/test.scss': '@use "foo"', 'sub/_other.scss': 'a {from: relative}', }); @@ -426,7 +426,7 @@ describe('with a file redirect', () => { sandbox(dir => { dir.write({ '_other.scss': 'a {from: cwd}', - 'test.scss': '@import "foo"', + 'test.scss': '@use "foo"', 'sub/_other.scss': 'a {from: load path}', }); @@ -452,7 +452,7 @@ describe('the imported URL', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', importer}); + sass.renderSync({data: '@use "foo"', importer}); expect(importer).toHaveBeenCalled(); }); @@ -471,18 +471,18 @@ describe('the imported URL', () => { it("isn't resolved relative to the current file", () => { const importer = spy((url: string) => { - if (url === 'foo/bar') return {contents: '@import "baz"'}; + if (url === 'foo/bar') return {contents: '@use "baz"'}; expect(url).toBe('baz'); return {contents: ''}; }); - sass.renderSync({data: '@import "foo/bar"', importer}); + sass.renderSync({data: '@use "foo/bar"', importer}); expect(importer).toHaveBeenCalledTimes(2); }); it('is added to includedFiles', () => { const result = sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({contents: ''}), }); expect(result.stats.includedFiles).toContain('foo'); @@ -495,7 +495,7 @@ describe('the imported URL', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "/foo"', importer}); + sass.renderSync({data: '@use "/foo"', importer}); expect(importer).toHaveBeenCalled(); }); @@ -506,7 +506,7 @@ describe('the imported URL', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "/foo/bar/baz"', importer}); + sass.renderSync({data: '@use "/foo/bar/baz"', importer}); expect(importer).toHaveBeenCalled(); }); @@ -524,7 +524,7 @@ describe('the imported URL', () => { describe('the previous URL', () => { it('is an absolute path for stylesheets from the filesystem', () => sandbox(dir => { - dir.write({'test.scss': '@import "foo"'}); + dir.write({'test.scss': '@use "foo"'}); const importer = spy((url, prev) => { expect(prev).toBe(p.resolve(dir('test.scss'))); @@ -538,8 +538,8 @@ describe('the previous URL', () => { it('is an absolute path for stylesheets redirected to the filesystem', () => sandbox(dir => { dir.write({ - 'test.scss': '@import "foo"', - '_other.scss': '@import "baz"', + 'test.scss': '@use "foo"', + '_other.scss': '@use "baz"', }); const importer = spy((url, prev) => { @@ -559,13 +559,13 @@ describe('the previous URL', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', importer}); + sass.renderSync({data: '@use "foo"', importer}); expect(importer).toHaveBeenCalled(); }); it('is the imported string for imports from importers', () => { const importer1 = spy((url: string) => - url === 'foo' ? {contents: '@import "bar"'} : null + url === 'foo' ? {contents: '@use "bar"'} : null ); const importer2 = spy((url, prev) => { @@ -575,7 +575,7 @@ describe('the previous URL', () => { }); sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: [importer1, importer2], }); expect(importer1).toHaveBeenCalledTimes(2); @@ -587,8 +587,8 @@ describe('the previous URL', () => { sandbox(dir => { dir.write({ 'test.scss': ` - @import "relative"; - @import "importer"; + @use "relative"; + @use "importer"; `, '_relative.scss': 'a {b: relative}', }); @@ -619,25 +619,25 @@ describe('this', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', importer}); + sass.renderSync({data: '@use "foo"', importer}); expect(importer).toHaveBeenCalled(); }); it('includes the data when rendering via data', () => { const importer = spy(function (this: sass.LegacyImporterThis) { const options = this.options; - expect(options.data).toBe('@import "foo"'); + expect(options.data).toBe('@use "foo"'); expect(options.file).toBeUndefined(); return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', importer}); + sass.renderSync({data: '@use "foo"', importer}); expect(importer).toHaveBeenCalled(); }); it('includes the filename when rendering via file', () => sandbox(dir => { - dir.write({'test.scss': '@import "foo"'}); + dir.write({'test.scss': '@use "foo"'}); const importer = spy(function (this: sass.LegacyImporterThis) { const options = this.options; @@ -666,7 +666,7 @@ describe('this', () => { }); sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', includePaths: [dir.root], importer, }); @@ -681,7 +681,7 @@ describe('this', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', indentWidth: 5, importer}); + sass.renderSync({data: '@use "foo"', indentWidth: 5, importer}); expect(importer).toHaveBeenCalled(); }); @@ -691,7 +691,7 @@ describe('this', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', indentType: 'tab', importer}); + sass.renderSync({data: '@use "foo"', indentType: 'tab', importer}); expect(importer).toHaveBeenCalled(); }); @@ -701,7 +701,7 @@ describe('this', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', linefeed: 'cr', importer}); + sass.renderSync({data: '@use "foo"', linefeed: 'cr', importer}); expect(importer).toHaveBeenCalled(); }); }); @@ -713,7 +713,7 @@ describe('this', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', importer}); + sass.renderSync({data: '@use "foo"', importer}); expect(importer).toHaveBeenCalled(); }); @@ -727,7 +727,7 @@ describe('this', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', importer}); + sass.renderSync({data: '@use "foo"', importer}); expect(importer).toHaveBeenCalled(); }); @@ -737,13 +737,13 @@ describe('this', () => { return {contents: ''}; }); - sass.renderSync({data: '@import "foo"', importer}); + sass.renderSync({data: '@use "foo"', importer}); expect(importer).toHaveBeenCalled(); }); it('a file entry', () => sandbox(dir => { - dir.write({'test.scss': '@import "foo"'}); + dir.write({'test.scss': '@use "foo"'}); const importer = spy(function (this: sass.LegacyImporterThis) { expect(this.options.result.stats.entry).toBe(dir('test.scss')); @@ -805,7 +805,7 @@ describe('gracefully handles an error when', () => { it('an importer redirects to a non-existent file', () => expect(() => sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => ({file: '_does_not_exist'}), }) ).toThrowLegacyException({line: 1})); @@ -813,7 +813,7 @@ describe('gracefully handles an error when', () => { it('an error is returned', () => expect(() => sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => new Error('oh no'), }) ).toThrowLegacyException({line: 1})); @@ -823,7 +823,7 @@ describe('gracefully handles an error when', () => { expect(() => sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => new MyError('oh no'), }) ).toThrowLegacyException({line: 1}); @@ -832,7 +832,7 @@ describe('gracefully handles an error when', () => { it('null is returned', () => expect(() => sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => null, }) ).toThrowLegacyException({line: 1})); @@ -840,7 +840,7 @@ describe('gracefully handles an error when', () => { it('undefined is returned', () => expect(() => sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => undefined as unknown as sass.LegacyImporterResult, }) ).toThrowLegacyException({line: 1})); @@ -848,7 +848,7 @@ describe('gracefully handles an error when', () => { it('an unrecognized value is returned', () => expect(() => sass.renderSync({ - data: '@import "foo"', + data: '@use "foo"', importer: () => 10 as unknown as sass.LegacyImporterResult, }) ).toThrowLegacyException({line: 1})); @@ -856,7 +856,7 @@ describe('gracefully handles an error when', () => { it('it occurs in a file with a custom URL scheme', () => expect(() => sass.renderSync({ - data: '@import "foo:bar"', + data: '@use "foo:bar"', importer: () => ({contents: '@error "oh no"'}), }) ).toThrowLegacyException({line: 1, file: 'foo:bar'})); @@ -866,7 +866,7 @@ describe('render()', () => { it('supports asynchronous importers', done => sass.render( { - data: '@import "foo"', + data: '@use "foo"', importer: (( _: string, __: string, @@ -884,7 +884,7 @@ describe('render()', () => { it('supports asynchronous errors', done => sass.render( { - data: '@import "foo"', + data: '@use "foo"', importer: (( _: string, __: string, @@ -902,7 +902,7 @@ describe('render()', () => { it('supports synchronous importers', done => sass.render( { - data: '@import "foo"', + data: '@use "foo"', importer: () => ({contents: 'a {b: c}'}), }, (err?: sass.LegacyException, result?: sass.LegacyResult) => { @@ -913,7 +913,7 @@ describe('render()', () => { it('supports synchronous null returns', done => sass.render( - {data: '@import "foo"', importer: () => null}, + {data: '@use "foo"', importer: () => null}, (err?: sass.LegacyException) => { expect(typeof err).toBe('object'); done(); @@ -925,7 +925,7 @@ describe('when importer returns non-string contents', () => { it('throws an error in sync mode', () => { expect(() => { sass.renderSync({ - data: '@import "other";', + data: '@use "other";', importer() { return { // Need to force an invalid type to test bad-type handling. @@ -944,7 +944,7 @@ describe('when importer returns non-string contents', () => { it('throws an error in async mode', done => { sass.render( { - data: '@import "other";', + data: '@use "other";', importer() { return { // Need to force an invalid type to test bad-type handling. diff --git a/js-api-spec/legacy/render.node.test.ts b/js-api-spec/legacy/render.node.test.ts index e0bf1dcad..0b96311a0 100644 --- a/js-api-spec/legacy/render.node.test.ts +++ b/js-api-spec/legacy/render.node.test.ts @@ -48,7 +48,7 @@ describe('renderSync()', () => { sandbox(dir => { dir.write({ '_other.scss': 'a {b: c}', - 'importer.scss': '@import "other";', + 'importer.scss': '@use "other";', }); expect( sass.renderSync({file: dir('importer.scss')}).css.toString() @@ -60,7 +60,7 @@ describe('renderSync()', () => { sandbox(dir => { dir.write({ '_other.scss': 'a {b: c}', - 'subdir/importer.scss': '@import "../other";', + 'subdir/importer.scss': '@use "../other";', }); dir.chdir(() => { expect( @@ -125,7 +125,7 @@ describe('renderSync()', () => { dir.write({'test.scss': 'a {b: c}'}); expect( sass - .renderSync({data: '@import "test"', includePaths: [dir.root]}) + .renderSync({data: '@use "test"', includePaths: [dir.root]}) .css.toString() ).toEqualIgnoringWhitespace('a { b: c; }'); })); @@ -140,7 +140,7 @@ describe('renderSync()', () => { withSassPath([dir('dir1'), dir('dir2')], () => expect( sass - .renderSync({data: '@import "test1"; @import "test2"'}) + .renderSync({data: '@use "test1"; @use "test2"'}) .css.toString() ).toEqualIgnoringWhitespace('a { b: c; } x { y: z; }') ); @@ -157,7 +157,7 @@ describe('renderSync()', () => { expect( sass .renderSync({ - data: '@import "test"', + data: '@use "test"', includePaths: [dir('dir2')], }) .css.toString() @@ -169,14 +169,14 @@ describe('renderSync()', () => { it('a file imported through a relative load path supports relative imports', () => sandbox(dir => { dir.write({ - 'sub/_midstream.scss': '@import "upstream"', + 'sub/_midstream.scss': '@use "upstream"', 'sub/_upstream.scss': 'a {b: c}', }); expect( sass .renderSync({ - data: '@import "sub/midstream"', + data: '@use "sub/midstream"', includePaths: [p.relative(process.cwd(), dir.root)], }) .css.toString() @@ -210,7 +210,7 @@ describe('renderSync()', () => { dir.write({'_other.scss': 'a {b: c}'}); expect( sass - .renderSync({file: dir('test.scss'), data: '@import "other"'}) + .renderSync({file: dir('test.scss'), data: '@use "other"'}) .css.toString() ).toEqualIgnoringWhitespace('a { b: c; }'); })); @@ -664,7 +664,7 @@ describe('the result object', () => { sandbox(dir => { dir.write({ '_other.scss': 'a {b: c}', - 'test.scss': '@import "other"', + 'test.scss': '@use "other"', }); expect( sass.renderSync({file: dir('test.scss')}).stats.includedFiles @@ -675,7 +675,7 @@ describe('the result object', () => { sandbox(dir => { dir.write({ '_other.scss': 'a {b: c}', - 'test.scss': '@import "other"', + 'test.scss': '@use "other"', }); expect( sass diff --git a/js-api-spec/legacy/source-map.node.test.ts b/js-api-spec/legacy/source-map.node.test.ts index b8429a725..31d0b80a4 100644 --- a/js-api-spec/legacy/source-map.node.test.ts +++ b/js-api-spec/legacy/source-map.node.test.ts @@ -68,7 +68,7 @@ describe('the sources list', () => { sandbox(dir => { dir.write({ 'test.scss': ` - @import "other"; + @use "other"; a {b: c} `, '_other.scss': 'x {y: z}', @@ -86,7 +86,7 @@ describe('the sources list', () => { sandbox(dir => { dir.write({ 'test.scss': ` - @import "other"; + @use "other"; a {b: c} `, 'subdir/_other.scss': 'x {y: z}', @@ -104,7 +104,7 @@ describe('the sources list', () => { it('contains a URL handled by an importer', () => { const map = renderSourceMap({ data: ` - @import "other"; + @use "other"; a {b: c} `, sourceMap: true, @@ -119,7 +119,7 @@ describe('the sources list', () => { sandbox(dir => { dir.write({ 'test.scss': ` - @import "other"; + @use "other"; a {b: c} `, 'subdir/_other.scss': 'x {y: z}', @@ -200,7 +200,7 @@ describe('with a string sourceMap and no outFile', () => { expect( renderSourceMap({ data: ` - @import "other"; + @use "other"; a {b: c} `, importer: () => ({contents: 'x {y: z}'}), @@ -291,7 +291,7 @@ describe('with sourceMapContents', () => { it("includes an imported file's contents in the source map", () => sandbox(dir => { const scss = ` - @import "other"; + @use "other"; a {b: c} `; dir.write({'test.scss': scss, 'other.scss': 'x {y: z}'}); diff --git a/migrate.ts b/migrate.ts index 5d46b023d..2d326b61d 100644 --- a/migrate.ts +++ b/migrate.ts @@ -17,7 +17,9 @@ async function migrate() { await rootDir.forEachTest( async testDir => { - const files = (await testDir.listFiles()).filter( + const allFiles = await testDir.listFiles(); + if (allFiles.includes('error')) return; + const files = allFiles.filter( file => file.endsWith('.scss') || file.endsWith('.sass') ); console.log(testDir.relPath()); diff --git a/spec/core_functions/color/alpha.hrx b/spec/core_functions/color/alpha.hrx index 0425c8d07..f27dc60fd 100644 --- a/spec/core_functions/color/alpha.hrx +++ b/spec/core_functions/color/alpha.hrx @@ -86,7 +86,8 @@ Recommendation: alpha(c = d) <===> ================================================================================ <===> opacity/positional/input.scss -a {b: opacity(rgba(red, 0.2))} +@use "sass:color"; +a {b: color.opacity(rgba(red, 0.2))} <===> opacity/positional/output.css a { @@ -96,7 +97,8 @@ a { <===> ================================================================================ <===> opacity/named/input.scss -a {b: opacity($color: rgba(red, 0.2))} +@use "sass:color"; +a {b: color.opacity($color: rgba(red, 0.2))} <===> opacity/named/output.css a { diff --git a/spec/core_functions/global/color.hrx b/spec/core_functions/global/color.hrx index 99424ea45..435f04fe2 100644 --- a/spec/core_functions/global/color.hrx +++ b/spec/core_functions/global/color.hrx @@ -167,6 +167,16 @@ a { b: 1; } +<===> +================================================================================ +<===> opacity/input.scss +a {b: opacity(#abcdef)} + +<===> opacity/output.css +a { + b: 1; +} + <===> ================================================================================ <===> scale/input.scss diff --git a/spec/core_functions/global/list.hrx b/spec/core_functions/global/list.hrx index 74e6f365a..6393e35e9 100644 --- a/spec/core_functions/global/list.hrx +++ b/spec/core_functions/global/list.hrx @@ -16,6 +16,16 @@ a { b: 2; } +<===> +================================================================================ +<===> is-bracketed/input.scss +a {b: is-bracketed(a b c)} + +<===> is-bracketed/output.css +a { + b: false; +} + <===> ================================================================================ <===> join/input.scss diff --git a/spec/core_functions/list/is_bracketed.hrx b/spec/core_functions/list/is_bracketed.hrx index 59954e31b..f7c556623 100644 --- a/spec/core_functions/list/is_bracketed.hrx +++ b/spec/core_functions/list/is_bracketed.hrx @@ -1,5 +1,6 @@ <===> unbracketed/empty/input.scss -a {b: is-bracketed(())} +@use "sass:list"; +a {b: list.is-bracketed(())} <===> unbracketed/empty/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unbracketed/single/input.scss -a {b: is-bracketed((1,))} +@use "sass:list"; +a {b: list.is-bracketed((1,))} <===> unbracketed/single/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> unbracketed/multi/input.scss -a {b: is-bracketed(1 2 3)} +@use "sass:list"; +a {b: list.is-bracketed(1 2 3)} <===> unbracketed/multi/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> unbracketed/non_list/input.scss -a {b: is-bracketed(1)} +@use "sass:list"; +a {b: list.is-bracketed(1)} <===> unbracketed/non_list/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> unbracketed/map/input.scss -a {b: is-bracketed((c: d, e: f, g: h))} +@use "sass:list"; +a {b: list.is-bracketed((c: d, e: f, g: h))} <===> unbracketed/map/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> bracketed/empty/input.scss -a {b: is-bracketed([])} +@use "sass:list"; +a {b: list.is-bracketed([])} <===> bracketed/empty/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> bracketed/single/input.scss -a {b: is-bracketed([1])} +@use "sass:list"; +a {b: list.is-bracketed([1])} <===> bracketed/single/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> bracketed/multi/input.scss -a {b: is-bracketed([1, 2, 3])} +@use "sass:list"; +a {b: list.is-bracketed([1, 2, 3])} <===> bracketed/multi/output.css a { @@ -79,33 +87,35 @@ a { <===> ================================================================================ <===> error/too_few_args/input.scss -a {b: is-bracketed()} +@use "sass:list"; +a {b: list.is-bracketed()} <===> error/too_few_args/error Error: Missing argument $list. ,--> input.scss -1 | a {b: is-bracketed()} - | ^^^^^^^^^^^^^^ invocation +2 | a {b: list.is-bracketed()} + | ^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function is-bracketed($list) { | =================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> error/too_many_args/input.scss -a {b: is-bracketed(a b, c d)} +@use "sass:list"; +a {b: list.is-bracketed(a b, c d)} <===> error/too_many_args/error Error: Only 1 argument allowed, but 2 were passed. ,--> input.scss -1 | a {b: is-bracketed(a b, c d)} - | ^^^^^^^^^^^^^^^^^^^^^^ invocation +2 | a {b: list.is-bracketed(a b, c d)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:list 1 | @function is-bracketed($list) { | =================== declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/math/random.hrx b/spec/core_functions/math/random.hrx index a805ba252..e18ad0dce 100644 --- a/spec/core_functions/math/random.hrx +++ b/spec/core_functions/math/random.hrx @@ -1,10 +1,13 @@ <===> _util.scss +@use "sass:math"; +@use "sass:meta"; + // Calls `random()` one thousand times, and throws an error if `$check` returns // `false` for any of the values. @mixin check-values($arg, $check) { @for $i from 1 through 1000 { - $value: random($arg); - @if not call($check, $value) { + $value: math.random($arg); + @if not meta.call($check, $value) { @error "#{$value} did not match expectation"; } } diff --git a/spec/core_functions/meta/get_function/error.hrx b/spec/core_functions/meta/get_function/error.hrx index 8080e65de..6174f75b0 100644 --- a/spec/core_functions/meta/get_function/error.hrx +++ b/spec/core_functions/meta/get_function/error.hrx @@ -80,22 +80,24 @@ Error: Only 3 arguments allowed, but 4 were passed. <===> ================================================================================ <===> non_existent/input.scss -a {b: get-function(does-not-exist)} +@use "sass:meta"; +a {b: meta.get-function(does-not-exist)} <===> non_existent/error Error: Function not found: does-not-exist , -1 | a {b: get-function(does-not-exist)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.get-function(does-not-exist)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> through_forward/show/input.scss +@use "sass:meta"; @use "midstream" as *; a { - b: call(get-function(d)); + b: meta.call(meta.get-function(d)); } <===> through_forward/show/_midstream.scss @@ -107,17 +109,18 @@ a { <===> through_forward/show/error Error: Function not found: d , -3 | b: call(get-function(d)); - | ^^^^^^^^^^^^^^^ +4 | b: meta.call(meta.get-function(d)); + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:11 root stylesheet + input.scss 4:16 root stylesheet <===> ================================================================================ <===> through_forward/hide/input.scss +@use "sass:meta"; @use "midstream" as *; a { - b: call(get-function(c)); + b: meta.call(meta.get-function(c)); } <===> through_forward/hide/_midstream.scss @@ -129,52 +132,56 @@ a { <===> through_forward/hide/error Error: Function not found: c , -3 | b: call(get-function(c)); - | ^^^^^^^^^^^^^^^ +4 | b: meta.call(meta.get-function(c)); + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:11 root stylesheet + input.scss 4:16 root stylesheet <===> ================================================================================ <===> division/input.scss -a {b: get-function(rgb) / get-function(lighten)} +@use "sass:meta"; +a {b: meta.get-function(rgb) / meta.get-function(lighten)} <===> division/error Error: get-function("rgb") isn't a valid CSS value. , -1 | a {b: get-function(rgb) / get-function(lighten)} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.get-function(rgb) / meta.get-function(lighten)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> function_exists/input.scss +@use "sass:meta"; + @function add-two($v) { @return $v + 2; } -$add-two-fn: get-function(add-two); +$add-two-fn: meta.get-function(add-two); .error { - error: get-function($add-two-fn); + error: meta.get-function($add-two-fn); } <===> function_exists/error Error: $name: get-function("add-two") is not a string. - , -8 | error: get-function($add-two-fn); - | ^^^^^^^^^^^^^^^^^^^^^^^^^ - ' - input.scss 8:10 root stylesheet + , +10 | error: meta.get-function($add-two-fn); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 10:10 root stylesheet <===> ================================================================================ <===> conflict/input.scss +@use "sass:meta"; @use "other1" as *; @use "other2" as *; -a {b: get-function(member)} +a {b: meta.get-function(member)} <===> conflict/other1.scss @function member() {@return from other1} @@ -185,80 +192,85 @@ a {b: get-function(member)} <===> conflict/error Error: This function is available from multiple global modules. , -1 | @use "other1" as *; +2 | @use "other1" as *; | ================== includes function -2 | @use "other2" as *; +3 | @use "other2" as *; | ================== includes function ... | -4 | a {b: get-function(member)} - | ^^^^^^^^^^^^^^^^^^^^ function use +5 | a {b: meta.get-function(member)} + | ^^^^^^^^^^^^^^^^^^^^^^^^^ function use ' - input.scss 4:7 root stylesheet + input.scss 5:7 root stylesheet <===> ================================================================================ <===> module/undefined/input.scss @use "sass:color"; -a {b: get-function("c", $module: "color")} +@use "sass:meta"; +a {b: meta.get-function("c", $module: "color")} <===> module/undefined/error Error: Function not found: "c" , -2 | a {b: get-function("c", $module: "color")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | a {b: meta.get-function("c", $module: "color")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:7 root stylesheet + input.scss 3:7 root stylesheet <===> ================================================================================ <===> module/non_existent/input.scss -a {b: get-function("c", $module: "d")} +@use "sass:meta"; +a {b: meta.get-function("c", $module: "d")} <===> module/non_existent/error Error: There is no module with the namespace "d". , -1 | a {b: get-function("c", $module: "d")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.get-function("c", $module: "d")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> module/built_in_but_not_loaded/input.scss -a {b: get-function("red", $module: "color")} +@use "sass:meta"; +a {b: meta.get-function("red", $module: "color")} <===> module/built_in_but_not_loaded/error Error: There is no module with the namespace "color". , -1 | a {b: get-function("red", $module: "color")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | a {b: meta.get-function("red", $module: "color")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> module/dash_sensitive/input.scss @use "sass:color" as a-b; -c {d: get-function("c", $module: "a_b")} +@use "sass:meta"; +c {d: meta.get-function("c", $module: "a_b")} <===> module/dash_sensitive/error Error: There is no module with the namespace "a_b". , -2 | c {d: get-function("c", $module: "a_b")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | c {d: meta.get-function("c", $module: "a_b")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:7 root stylesheet + input.scss 3:7 root stylesheet <===> ================================================================================ <===> module/and_css/input.scss @use "sass:color"; -a {b: get-function("red", $css: true, $module: "color")} +@use "sass:meta"; +a {b: meta.get-function("red", $css: true, $module: "color")} <===> module/and_css/error Error: $css and $module may not both be passed at once. , -2 | a {b: get-function("red", $css: true, $module: "color")} - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | a {b: meta.get-function("red", $css: true, $module: "color")} + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:7 root stylesheet + input.scss 3:7 root stylesheet diff --git a/spec/core_functions/meta/get_function/meta.hrx b/spec/core_functions/meta/get_function/meta.hrx index b6493587b..40fdde75b 100644 --- a/spec/core_functions/meta/get_function/meta.hrx +++ b/spec/core_functions/meta/get_function/meta.hrx @@ -1,5 +1,7 @@ <===> inspect/input.scss -a {b: inspect(get-function(lighten))}; +@use "sass:meta"; + +a {b: meta.inspect(meta.get-function(lighten))}; <===> inspect/output.css a { @@ -9,7 +11,9 @@ a { <===> ================================================================================ <===> type_of/input.scss -a {b: type-of(get-function(lighten))}; +@use "sass:meta"; + +a {b: meta.type-of(meta.get-function(lighten))}; <===> type_of/output.css a { diff --git a/spec/core_functions/meta/get_function/same_module.hrx b/spec/core_functions/meta/get_function/same_module.hrx index a35dcb2ce..44c2ae7a0 100644 --- a/spec/core_functions/meta/get_function/same_module.hrx +++ b/spec/core_functions/meta/get_function/same_module.hrx @@ -1,8 +1,9 @@ <===> user_defined/input.scss +@use "sass:meta"; @function add-two($v) {@return $v + 2} -$add-two-fn: get-function(add-two); +$add-two-fn: meta.get-function(add-two); -a {b: call($add-two-fn, 10)} +a {b: meta.call($add-two-fn, 10)} <===> user_defined/output.css a { @@ -12,15 +13,16 @@ a { <===> ================================================================================ <===> redefined/input.scss +@use "sass:meta"; @function add-two($v) {@return $v + 2} -$add-two-fn: get-function(add-two); +$add-two-fn: meta.get-function(add-two); // The function returned by `get-function()` is locked in place when it's // called. Redefining the function after the fact shouldn't affect the stored // value. @function add-two($v) {@error "Should not be called"} -a {b: call($add-two-fn, 10)} +a {b: meta.call($add-two-fn, 10)} <===> redefined/output.css a { @@ -30,9 +32,10 @@ a { <===> ================================================================================ <===> built_in/input.scss -$lighten-fn: get-function(lighten); +@use "sass:meta"; +$lighten-fn: meta.get-function(lighten); -a {b: call($lighten-fn, red, 30%)} +a {b: meta.call($lighten-fn, red, 30%)} <===> built_in/output.css a { @@ -42,8 +45,9 @@ a { <===> ================================================================================ <===> through_import/input.scss +@use "sass:meta"; @import "other"; -a {b: call(get-function(add-two), 10)} +a {b: meta.call(meta.get-function(add-two), 10)} <===> through_import/other.scss @function add-two($v) {@return $v + 2} @@ -56,12 +60,13 @@ a { <===> ================================================================================ <===> plain_css/input.scss -$sass-fn: get-function(lighten); -$css-fn: get-function(lighten, $css: true); +@use "sass:meta"; +$sass-fn: meta.get-function(lighten); +$css-fn: meta.get-function(lighten, $css: true); a { - sass-fn: call($sass-fn, red, 30%); - css-fn: call($css-fn, red, 30%); + sass-fn: meta.call($sass-fn, red, 30%); + css-fn: meta.call($css-fn, red, 30%); } <===> plain_css/output.css @@ -73,9 +78,10 @@ a { <===> ================================================================================ <===> dash_insensitive/dash_to_underscore/input.scss +@use "sass:meta"; @function add_two($v) {@return $v + 2} -a {b: call(get-function(add-two), 10)} +a {b: meta.call(meta.get-function(add-two), 10)} <===> dash_insensitive/dash_to_underscore/output.css a { @@ -85,9 +91,10 @@ a { <===> ================================================================================ <===> dash_insensitive/underscore_to_dash/input.scss +@use "sass:meta"; @function add-two($v) {@return $v + 2} -a {b: call(get-function(add_two), 10)} +a {b: meta.call(meta.get-function(add_two), 10)} <===> dash_insensitive/underscore_to_dash/output.css a { diff --git a/spec/core_functions/meta/get_function/scope.hrx b/spec/core_functions/meta/get_function/scope.hrx index cbafdf568..06a333406 100644 --- a/spec/core_functions/meta/get_function/scope.hrx +++ b/spec/core_functions/meta/get_function/scope.hrx @@ -1,4 +1,5 @@ <===> stores_local_scope/input.scss +@use "sass:meta"; $add-two-fn: null; .scope { @@ -6,10 +7,10 @@ $add-two-fn: null; // This function reference will still refer to this nested `add-two` function // even when it goes out of scope. - $add-two-fn: get-function(add-two) !global; + $add-two-fn: meta.get-function(add-two) !global; } -a {b: call($add-two-fn, 10)} +a {b: meta.call($add-two-fn, 10)} <===> stores_local_scope/output.css a { @@ -19,6 +20,7 @@ a { <===> ================================================================================ <===> captures_inner_scope/input.scss +@use "sass:meta"; @function add-two($v) {@error "Should not be called"} .scope1 { @function add-two($v) {@error "Should not be called"} @@ -29,7 +31,7 @@ a { // Like a normal function call, get-function() will always use the // innermost definition of a function. - a: call(get-function(add-two), 10); + a: meta.call(meta.get-function(add-two), 10); } } } diff --git a/spec/core_functions/meta/get_mixin/scope.hrx b/spec/core_functions/meta/get_mixin/scope.hrx index 104f6c060..d5fb42507 100644 --- a/spec/core_functions/meta/get_mixin/scope.hrx +++ b/spec/core_functions/meta/get_mixin/scope.hrx @@ -11,7 +11,7 @@ $add-two-mixin: null; // This mixin reference will still refer to this nested `add-two` mixin // even when it goes out of scope. - $add-two-mixin: get-mixin(add-two) !global; + $add-two-mixin: meta.get-mixin(add-two) !global; } a {@include meta.apply($add-two-mixin, 10)} @@ -35,7 +35,7 @@ a { // Like a normal mixin call, get-mixin() will always use the // innermost definition of a mixin. - @include meta.apply(get-mixin(add-two), 10); + @include meta.apply(meta.get-mixin(add-two), 10); } } } diff --git a/spec/core_functions/meta/inspect/color.hrx b/spec/core_functions/meta/inspect/color.hrx index 99b98f0f1..2c30d186f 100644 --- a/spec/core_functions/meta/inspect/color.hrx +++ b/spec/core_functions/meta/inspect/color.hrx @@ -74,12 +74,13 @@ alpha channel is anything other than 1, or the color name if it has one, or else the hex code. <===> generated/_utils.scss +@use "sass:color"; /// Returns a copy of `$color` that doesn't have color-literal metadata /// associated with it. @function generated-color($color) { // This doesn't change the value of `$color` at all, but it does construct a // new object. - @return scale-color($color, $blue: 0%); + @return color.scale($color, $blue: 0%); } <===> diff --git a/spec/core_functions/meta/keywords.hrx b/spec/core_functions/meta/keywords.hrx index 7610abfc0..13de5458e 100644 --- a/spec/core_functions/meta/keywords.hrx +++ b/spec/core_functions/meta/keywords.hrx @@ -1,7 +1,8 @@ <===> _utils.scss +@use "sass:meta"; /// Returns the keyword arguments passed to this function as a map. @function args-to-keywords($args...) { - @return keywords($args); + @return meta.keywords($args); } <===> diff --git a/spec/core_functions/meta/load_css/with.hrx b/spec/core_functions/meta/load_css/with.hrx index 2d711f8f8..6a2952ee5 100644 --- a/spec/core_functions/meta/load_css/with.hrx +++ b/spec/core_functions/meta/load_css/with.hrx @@ -134,11 +134,12 @@ b { @include meta.load-css("other", $with: (a: configured)); <===> variable_exists/_other.scss -$before-declaration: variable-exists(a); +@use "sass:meta"; +$before-declaration: meta.variable-exists(a); $a: original !default; b { before-declaration: $before-declaration; - after-declaration: variable-exists(a); + after-declaration: meta.variable-exists(a); } <===> variable_exists/output.css diff --git a/spec/core_functions/selector/extend/complex/combinator_only.hrx b/spec/core_functions/selector/extend/complex/combinator_only.hrx index 2313d6ff4..6195bb17f 100644 --- a/spec/core_functions/selector/extend/complex/combinator_only.hrx +++ b/spec/core_functions/selector/extend/complex/combinator_only.hrx @@ -1,5 +1,6 @@ <===> selector/input.scss -a {b: selector-extend("+", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend("+", ".c", ".d")} <===> selector/output.css a { @@ -13,15 +14,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend("+", ".c", ".d")} +2 | a {b: selector.extend("+", ".c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> extender/input.scss -a {b: selector-extend(".c", ".c", ">")} +@use "sass:selector"; +a {b: selector.extend(".c", ".c", ">")} <===> extender/output.css a { @@ -35,7 +37,7 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c", ".c", ">")} +2 | a {b: selector.extend(".c", ".c", ">")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/extend/complex/with_unification.hrx b/spec/core_functions/selector/extend/complex/with_unification.hrx index 578a69c31..78d1cbc28 100644 --- a/spec/core_functions/selector/extend/complex/with_unification.hrx +++ b/spec/core_functions/selector/extend/complex/with_unification.hrx @@ -1,5 +1,6 @@ <===> parent/without_grandparent/simple/input.scss -a {b: selector-extend(".c.x .d", ".c", ".e")} +@use "sass:selector"; +a {b: selector.extend(".c.x .d", ".c", ".e")} <===> parent/without_grandparent/simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> parent/without_grandparent/complex/input.scss -a {b: selector-extend(".c.x .d", ".c", ".e .f")} +@use "sass:selector"; +a {b: selector.extend(".c.x .d", ".c", ".e .f")} <===> parent/without_grandparent/complex/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> parent/without_grandparent/list/input.scss -a {b: selector-extend(".c.x .d", ".c", ".e, .f")} +@use "sass:selector"; +a {b: selector.extend(".c.x .d", ".c", ".e, .f")} <===> parent/without_grandparent/list/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> parent/with_grandparent/simple/input.scss -a {b: selector-extend(".c .d.x .e", ".d", ".f")} +@use "sass:selector"; +a {b: selector.extend(".c .d.x .e", ".d", ".f")} <===> parent/with_grandparent/simple/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> parent/with_grandparent/complex/input.scss -a {b: selector-extend(".c .d.x .e", ".d", ".f .g")} +@use "sass:selector"; +a {b: selector.extend(".c .d.x .e", ".d", ".f .g")} <===> parent/with_grandparent/complex/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> parent/with_grandparent/list/input.scss -a {b: selector-extend(".c .d.x .e", ".d", ".f, .g")} +@use "sass:selector"; +a {b: selector.extend(".c .d.x .e", ".d", ".f, .g")} <===> parent/with_grandparent/list/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> leading_combinator/selector/input.scss -a {b: selector-extend("> .c.x", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend("> .c.x", ".c", ".d")} <===> leading_combinator/selector/output.css a { @@ -73,15 +80,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend("> .c.x", ".c", ".d")} +2 | a {b: selector.extend("> .c.x", ".c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> leading_combinator/extender/input.scss -a {b: selector-extend(".c.x", ".c", "+ .d")} +@use "sass:selector"; +a {b: selector.extend(".c.x", ".c", "+ .d")} <===> leading_combinator/extender/output.css a { @@ -95,15 +103,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x", ".c", "+ .d")} +2 | a {b: selector.extend(".c.x", ".c", "+ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> leading_combinator/both/input.scss -a {b: selector-extend("~ .c.x", ".c", "+ .d")} +@use "sass:selector"; +a {b: selector.extend("~ .c.x", ".c", "+ .d")} <===> leading_combinator/both/output.css a { @@ -117,10 +126,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend("~ .c.x", ".c", "+ .d")} +2 | a {b: selector.extend("~ .c.x", ".c", "+ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $extender: + .d is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -128,15 +137,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend("~ .c.x", ".c", "+ .d")} +2 | a {b: selector.extend("~ .c.x", ".c", "+ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/selector/input.scss -a {b: selector-extend(".c.x +", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(".c.x +", ".c", ".d")} <===> trailing_combinator/selector/output.css a { @@ -150,15 +160,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x +", ".c", ".d")} +2 | a {b: selector.extend(".c.x +", ".c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/extender/child/input.scss -a {b: selector-extend(".c.x .d", ".c", ".e >")} +@use "sass:selector"; +a {b: selector.extend(".c.x .d", ".c", ".e >")} <===> trailing_combinator/extender/child/output.css a { @@ -172,15 +183,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x .d", ".c", ".e >")} +2 | a {b: selector.extend(".c.x .d", ".c", ".e >")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/extender/sibling/input.scss -a {b: selector-extend(".c.x .d", ".c", ".e ~")} +@use "sass:selector"; +a {b: selector.extend(".c.x .d", ".c", ".e ~")} <===> trailing_combinator/extender/sibling/output.css a { @@ -194,15 +206,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x .d", ".c", ".e ~")} +2 | a {b: selector.extend(".c.x .d", ".c", ".e ~")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/extender/next_sibling/input.scss -a {b: selector-extend(".c.x .d", ".c", ".e +")} +@use "sass:selector"; +a {b: selector.extend(".c.x .d", ".c", ".e +")} <===> trailing_combinator/extender/next_sibling/output.css a { @@ -216,15 +229,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x .d", ".c", ".e +")} +2 | a {b: selector.extend(".c.x .d", ".c", ".e +")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/both/input.scss -a {b: selector-extend(".c.x ~", ".c", ".d >")} +@use "sass:selector"; +a {b: selector.extend(".c.x ~", ".c", ".d >")} <===> trailing_combinator/both/output.css a { @@ -238,10 +252,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x ~", ".c", ".d >")} +2 | a {b: selector.extend(".c.x ~", ".c", ".d >")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $extender: .d > is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -249,15 +263,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x ~", ".c", ".d >")} +2 | a {b: selector.extend(".c.x ~", ".c", ".d >")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/middle/selector/input.scss -a {b: selector-extend(".c.x ~ ~ .d", ".c", ".e")} +@use "sass:selector"; +a {b: selector.extend(".c.x ~ ~ .d", ".c", ".e")} <===> multiple_combinators/middle/selector/output.css a { @@ -271,15 +286,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x ~ ~ .d", ".c", ".e")} +2 | a {b: selector.extend(".c.x ~ ~ .d", ".c", ".e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/middle/extender/input.scss -a {b: selector-extend(".c.x", ".c", ".d ~ + .e")} +@use "sass:selector"; +a {b: selector.extend(".c.x", ".c", ".d ~ + .e")} <===> multiple_combinators/middle/extender/output.css a { @@ -293,15 +309,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x", ".c", ".d ~ + .e")} +2 | a {b: selector.extend(".c.x", ".c", ".d ~ + .e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/leading/selector/input.scss -a {b: selector-extend("> + .c.x", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend("> + .c.x", ".c", ".d")} <===> multiple_combinators/leading/selector/output.css a { @@ -315,15 +332,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend("> + .c.x", ".c", ".d")} +2 | a {b: selector.extend("> + .c.x", ".c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/leading/extender/input.scss -a {b: selector-extend(".c.x", ".c", "+ ~ .d")} +@use "sass:selector"; +a {b: selector.extend(".c.x", ".c", "+ ~ .d")} <===> multiple_combinators/leading/extender/output.css a { @@ -337,15 +355,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x", ".c", "+ ~ .d")} +2 | a {b: selector.extend(".c.x", ".c", "+ ~ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/trailing/selector/input.scss -a {b: selector-extend(".c.x > ~", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(".c.x > ~", ".c", ".d")} <===> multiple_combinators/trailing/selector/output.css a { @@ -359,15 +378,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x > ~", ".c", ".d")} +2 | a {b: selector.extend(".c.x > ~", ".c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/trailing/extender/input.scss -a {b: selector-extend(".c.x", ".c", ".d + +")} +@use "sass:selector"; +a {b: selector.extend(".c.x", ".c", ".d + +")} <===> multiple_combinators/trailing/extender/output.css a { @@ -381,7 +401,7 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c.x", ".c", ".d + +")} +2 | a {b: selector.extend(".c.x", ".c", ".d + +")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/extend/complex/without_unification.hrx b/spec/core_functions/selector/extend/complex/without_unification.hrx index b15fa787c..2414249ad 100644 --- a/spec/core_functions/selector/extend/complex/without_unification.hrx +++ b/spec/core_functions/selector/extend/complex/without_unification.hrx @@ -1,5 +1,6 @@ <===> parent/without_grandparent/simple/input.scss -a {b: selector-extend(".c .d", ".c", ".e")} +@use "sass:selector"; +a {b: selector.extend(".c .d", ".c", ".e")} <===> parent/without_grandparent/simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> parent/without_grandparent/complex/input.scss -a {b: selector-extend(".c .d", ".c", ".e .f")} +@use "sass:selector"; +a {b: selector.extend(".c .d", ".c", ".e .f")} <===> parent/without_grandparent/complex/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> parent/without_grandparent/list/input.scss -a {b: selector-extend(".c .d", ".c", ".e, .f")} +@use "sass:selector"; +a {b: selector.extend(".c .d", ".c", ".e, .f")} <===> parent/without_grandparent/list/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> parent/with_grandparent/simple/input.scss -a {b: selector-extend(".c .d .e", ".d", ".f")} +@use "sass:selector"; +a {b: selector.extend(".c .d .e", ".d", ".f")} <===> parent/with_grandparent/simple/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> parent/with_grandparent/complex/input.scss -a {b: selector-extend(".c .d .e", ".d", ".f .g")} +@use "sass:selector"; +a {b: selector.extend(".c .d .e", ".d", ".f .g")} <===> parent/with_grandparent/complex/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> parent/with_grandparent/list/input.scss -a {b: selector-extend(".c .d .e", ".d", ".f, .g")} +@use "sass:selector"; +a {b: selector.extend(".c .d .e", ".d", ".f, .g")} <===> parent/with_grandparent/list/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> leading_combinator/selector/input.scss -a {b: selector-extend("> .c", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend("> .c", ".c", ".d")} <===> leading_combinator/selector/output.css a { @@ -73,15 +80,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend("> .c", ".c", ".d")} +2 | a {b: selector.extend("> .c", ".c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> leading_combinator/extender/input.scss -a {b: selector-extend(".c", ".c", "+ .d")} +@use "sass:selector"; +a {b: selector.extend(".c", ".c", "+ .d")} <===> leading_combinator/extender/output.css a { @@ -95,15 +103,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c", ".c", "+ .d")} +2 | a {b: selector.extend(".c", ".c", "+ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> leading_combinator/both/input.scss -a {b: selector-extend("~ .c", ".c", "+ .d")} +@use "sass:selector"; +a {b: selector.extend("~ .c", ".c", "+ .d")} <===> leading_combinator/both/output.css a { @@ -117,10 +126,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend("~ .c", ".c", "+ .d")} +2 | a {b: selector.extend("~ .c", ".c", "+ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $extender: + .d is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -128,15 +137,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend("~ .c", ".c", "+ .d")} +2 | a {b: selector.extend("~ .c", ".c", "+ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/selector/input.scss -a {b: selector-extend(".c +", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(".c +", ".c", ".d")} <===> trailing_combinator/selector/output.css a { @@ -150,15 +160,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c +", ".c", ".d")} +2 | a {b: selector.extend(".c +", ".c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/extender/child/input.scss -a {b: selector-extend(".c .d", ".c", ".e >")} +@use "sass:selector"; +a {b: selector.extend(".c .d", ".c", ".e >")} <===> trailing_combinator/extender/child/output.css a { @@ -172,15 +183,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c .d", ".c", ".e >")} +2 | a {b: selector.extend(".c .d", ".c", ".e >")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/extender/sibling/input.scss -a {b: selector-extend(".c .d", ".c", ".e ~")} +@use "sass:selector"; +a {b: selector.extend(".c .d", ".c", ".e ~")} <===> trailing_combinator/extender/sibling/output.css a { @@ -194,15 +206,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c .d", ".c", ".e ~")} +2 | a {b: selector.extend(".c .d", ".c", ".e ~")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/extender/next_sibling/input.scss -a {b: selector-extend(".c .d", ".c", ".e +")} +@use "sass:selector"; +a {b: selector.extend(".c .d", ".c", ".e +")} <===> trailing_combinator/extender/next_sibling/output.css a { @@ -216,15 +229,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c .d", ".c", ".e +")} +2 | a {b: selector.extend(".c .d", ".c", ".e +")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> trailing_combinator/both/input.scss -a {b: selector-extend(".c ~", ".c", ".d >")} +@use "sass:selector"; +a {b: selector.extend(".c ~", ".c", ".d >")} <===> trailing_combinator/both/output.css a { @@ -238,10 +252,10 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c ~", ".c", ".d >")} +2 | a {b: selector.extend(".c ~", ".c", ".d >")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet DEPRECATION WARNING: $extender: .d > is not valid CSS. This will be an error in Dart Sass 2.0.0. @@ -249,15 +263,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c ~", ".c", ".d >")} +2 | a {b: selector.extend(".c ~", ".c", ".d >")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/middle/selector/input.scss -a {b: selector-extend(".c ~ ~ .d", ".c", ".e")} +@use "sass:selector"; +a {b: selector.extend(".c ~ ~ .d", ".c", ".e")} <===> multiple_combinators/middle/selector/output.css a { @@ -271,15 +286,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c ~ ~ .d", ".c", ".e")} +2 | a {b: selector.extend(".c ~ ~ .d", ".c", ".e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/middle/extender/input.scss -a {b: selector-extend(".c", ".c", ".d ~ + .e")} +@use "sass:selector"; +a {b: selector.extend(".c", ".c", ".d ~ + .e")} <===> multiple_combinators/middle/extender/output.css a { @@ -293,15 +309,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c", ".c", ".d ~ + .e")} +2 | a {b: selector.extend(".c", ".c", ".d ~ + .e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/leading/selector/input.scss -a {b: selector-extend("> + .c", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend("> + .c", ".c", ".d")} <===> multiple_combinators/leading/selector/output.css a { @@ -315,15 +332,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend("> + .c", ".c", ".d")} +2 | a {b: selector.extend("> + .c", ".c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/leading/extender/input.scss -a {b: selector-extend(".c", ".c", "+ ~ .d")} +@use "sass:selector"; +a {b: selector.extend(".c", ".c", "+ ~ .d")} <===> multiple_combinators/leading/extender/output.css a { @@ -337,15 +355,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c", ".c", "+ ~ .d")} +2 | a {b: selector.extend(".c", ".c", "+ ~ .d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/trailing/selector/input.scss -a {b: selector-extend(".c > ~", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(".c > ~", ".c", ".d")} <===> multiple_combinators/trailing/selector/output.css a { @@ -359,15 +378,16 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c > ~", ".c", ".d")} +2 | a {b: selector.extend(".c > ~", ".c", ".d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> multiple_combinators/trailing/extender/input.scss -a {b: selector-extend(".c", ".c", ".d + +")} +@use "sass:selector"; +a {b: selector.extend(".c", ".c", ".d + +")} <===> multiple_combinators/trailing/extender/output.css a { @@ -381,7 +401,7 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -1 | a {b: selector-extend(".c", ".c", ".d + +")} +2 | a {b: selector.extend(".c", ".c", ".d + +")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/extend/error.hrx b/spec/core_functions/selector/extend/error.hrx index 6d1835a85..0ed909712 100644 --- a/spec/core_functions/selector/extend/error.hrx +++ b/spec/core_functions/selector/extend/error.hrx @@ -1,5 +1,6 @@ <===> selector/parent/input.scss -a {b: selector-extend("&", "c", "d")} +@use "sass:selector"; +a {b: selector.extend("&", "c", "d")} <===> selector/parent/error Error: $selector: Parent selectors aren't allowed here. @@ -9,15 +10,16 @@ Error: $selector: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-extend("&", "c", "d")} +2 | a {b: selector.extend("&", "c", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> selector/invalid/input.scss -a {b: selector-extend("[c", "d", "e")} +@use "sass:selector"; +a {b: selector.extend("[c", "d", "e")} <===> selector/invalid/error Error: $selector: expected more input. @@ -27,29 +29,31 @@ Error: $selector: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-extend("[c", "d", "e")} +2 | a {b: selector.extend("[c", "d", "e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> selector/type/input.scss -a {b: selector-extend(1, "c", "d")} +@use "sass:selector"; +a {b: selector.extend(1, "c", "d")} <===> selector/type/error Error: $selector: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-extend(1, "c", "d")} +2 | a {b: selector.extend(1, "c", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> extendee/parent/input.scss -a {b: selector-extend("c", "&", "d")} +@use "sass:selector"; +a {b: selector.extend("c", "&", "d")} <===> extendee/parent/error Error: $extendee: Parent selectors aren't allowed here. @@ -59,41 +63,44 @@ Error: $extendee: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-extend("c", "&", "d")} +2 | a {b: selector.extend("c", "&", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> extendee/complex/string/input.scss -a {b: selector-extend("c", "d e", "f")} +@use "sass:selector"; +a {b: selector.extend("c", "d e", "f")} <===> extendee/complex/string/error Error: Can't extend complex selector d e. , -1 | a {b: selector-extend("c", "d e", "f")} +2 | a {b: selector.extend("c", "d e", "f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> extendee/complex/list/input.scss -a {b: selector-extend("c", d e, "f")} +@use "sass:selector"; +a {b: selector.extend("c", d e, "f")} <===> extendee/complex/list/error Error: Can't extend complex selector d e. , -1 | a {b: selector-extend("c", d e, "f")} +2 | a {b: selector.extend("c", d e, "f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> extendee/invalid/input.scss -a {b: selector-extend("c", "[d", "e")} +@use "sass:selector"; +a {b: selector.extend("c", "[d", "e")} <===> extendee/invalid/error Error: $extendee: expected more input. @@ -103,29 +110,31 @@ Error: $extendee: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-extend("c", "[d", "e")} +2 | a {b: selector.extend("c", "[d", "e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> extendee/type/input.scss -a {b: selector-extend("c", 1, "d")} +@use "sass:selector"; +a {b: selector.extend("c", 1, "d")} <===> extendee/type/error Error: $extendee: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-extend("c", 1, "d")} +2 | a {b: selector.extend("c", 1, "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> extender/parent/input.scss -a {b: selector-extend("c", "d", "&")} +@use "sass:selector"; +a {b: selector.extend("c", "d", "&")} <===> extender/parent/error Error: $extender: Parent selectors aren't allowed here. @@ -135,15 +144,16 @@ Error: $extender: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | a {b: selector-extend("c", "d", "&")} +2 | a {b: selector.extend("c", "d", "&")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> extender/invalid/input.scss -a {b: selector-extend("c", "d", "[e")} +@use "sass:selector"; +a {b: selector.extend("c", "d", "[e")} <===> extender/invalid/error Error: $extender: expected more input. @@ -153,24 +163,25 @@ Error: $extender: expected more input. ' - 1:3 root stylesheet , -1 | a {b: selector-extend("c", "d", "[e")} +2 | a {b: selector.extend("c", "d", "[e")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> extender/type/input.scss -a {b: selector-extend("c", "d", 1)} +@use "sass:selector"; +a {b: selector.extend("c", "d", 1)} <===> extender/type/error Error: $extender: 1 is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | a {b: selector-extend("c", "d", 1)} +2 | a {b: selector.extend("c", "d", 1)} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ @@ -189,33 +200,35 @@ Error: Undefined function. <===> ================================================================================ <===> too_many_args/input.scss -a {b: selector-extend("c", "d", "e", "f")} +@use "sass:selector"; +a {b: selector.extend("c", "d", "e", "f")} <===> too_many_args/error Error: Only 3 arguments allowed, but 4 were passed. ,--> input.scss -1 | a {b: selector-extend("c", "d", "e", "f")} +2 | a {b: selector.extend("c", "d", "e", "f")} | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:selector 1 | @function extend($selector, $extendee, $extender) { | ======================================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet <===> ================================================================================ <===> too_few_args/input.scss -a {b: selector-extend("c", "d")} +@use "sass:selector"; +a {b: selector.extend("c", "d")} <===> too_few_args/error Error: Missing argument $extender. ,--> input.scss -1 | a {b: selector-extend("c", "d")} +2 | a {b: selector.extend("c", "d")} | ^^^^^^^^^^^^^^^^^^^^^^^^^ invocation ' ,--> sass:selector 1 | @function extend($selector, $extendee, $extender) { | ======================================= declaration ' - input.scss 1:7 root stylesheet + input.scss 2:7 root stylesheet diff --git a/spec/core_functions/selector/extend/format.hrx b/spec/core_functions/selector/extend/format.hrx index 7f7b9561c..54708ae49 100644 --- a/spec/core_functions/selector/extend/format.hrx +++ b/spec/core_functions/selector/extend/format.hrx @@ -7,7 +7,8 @@ spec just verifies one example for each parameter. <===> ================================================================================ <===> input/non_string/selector/input.scss -a {b: selector-extend((c, d c), "c", "e")} +@use "sass:selector"; +a {b: selector.extend((c, d c), "c", "e")} <===> input/non_string/selector/output.css a { @@ -17,7 +18,8 @@ a { <===> ================================================================================ <===> input/non_string/extendee/input.scss -a {b: selector-extend("c.d", (c, ".d"), ".e")} +@use "sass:selector"; +a {b: selector.extend("c.d", (c, ".d"), ".e")} <===> input/non_string/extendee/output.css a { @@ -27,7 +29,8 @@ a { <===> ================================================================================ <===> input/non_string/extender/input.scss -a {b: selector-extend("c", "c", (d, e f))} +@use "sass:selector"; +a {b: selector.extend("c", "c", (d, e f))} <===> input/non_string/extender/output.css a { @@ -37,7 +40,8 @@ a { <===> ================================================================================ <===> input/multiple_extendees/compound/input.scss -a {b: selector-extend("c.d", "c.d", ".e")} +@use "sass:selector"; +a {b: selector.extend("c.d", "c.d", ".e")} <===> input/multiple_extendees/compound/output.css a { @@ -47,7 +51,8 @@ a { <===> ================================================================================ <===> input/multiple_extendees/list/input.scss -a {b: selector-extend("c.d", "c, .d", ".e")} +@use "sass:selector"; +a {b: selector.extend("c.d", "c, .d", ".e")} <===> input/multiple_extendees/list/output.css a { @@ -57,7 +62,8 @@ a { <===> ================================================================================ <===> input/multiple_extendees/list_of_compound/input.scss -a {b: selector-extend("c.d.e.f", "c.d, .e.f", ".g")} +@use "sass:selector"; +a {b: selector.extend("c.d.e.f", "c.d, .e.f", ".g")} <===> input/multiple_extendees/list_of_compound/output.css a { @@ -67,7 +73,8 @@ a { <===> ================================================================================ <===> output/input.scss -$result: selector-extend("c d, e f", "g", "g"); +@use "sass:selector"; +$result: selector.extend("c d, e f", "g", "g"); a { result: $result; structure: $result == ("c" "d", "e" "f"); diff --git a/spec/core_functions/selector/extend/list.hrx b/spec/core_functions/selector/extend/list.hrx index be0180fe8..f654a3fc7 100644 --- a/spec/core_functions/selector/extend/list.hrx +++ b/spec/core_functions/selector/extend/list.hrx @@ -1,5 +1,6 @@ <===> one_matches/input.scss -a {b: selector-extend(".c", ".c, .d", ".e")} +@use "sass:selector"; +a {b: selector.extend(".c", ".c, .d", ".e")} <===> one_matches/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> all_match/input.scss -a {b: selector-extend(".c.d", ".c, .d", ".e")} +@use "sass:selector"; +a {b: selector.extend(".c.d", ".c, .d", ".e")} <===> all_match/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> different_matches/input.scss -a {b: selector-extend(".c.d, .c .e, .d .f", ".c, .d", ".g")} +@use "sass:selector"; +a {b: selector.extend(".c.d, .c .e, .d .f", ".c, .d", ".g")} <===> different_matches/output.css a { diff --git a/spec/core_functions/selector/extend/named.hrx b/spec/core_functions/selector/extend/named.hrx index 52feb2383..7a21b3526 100644 --- a/spec/core_functions/selector/extend/named.hrx +++ b/spec/core_functions/selector/extend/named.hrx @@ -1,5 +1,6 @@ <===> input.scss -a {b: selector-extend($selector: "c.d", $extendee: "c", $extender: "e")} +@use "sass:selector"; +a {b: selector.extend($selector: "c.d", $extendee: "c", $extender: "e")} <===> output.css a { diff --git a/spec/core_functions/selector/extend/no_op.hrx b/spec/core_functions/selector/extend/no_op.hrx index d3d126f2b..18503083a 100644 --- a/spec/core_functions/selector/extend/no_op.hrx +++ b/spec/core_functions/selector/extend/no_op.hrx @@ -1,5 +1,6 @@ <===> missing/input.scss -a {b: selector-extend("c", "d", "e")} +@use "sass:selector"; +a {b: selector.extend("c", "d", "e")} <===> missing/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> conflict/element/alone/input.scss -a {b: selector-extend("c.d", ".d", "e")} +@use "sass:selector"; +a {b: selector.extend("c.d", ".d", "e")} <===> conflict/element/alone/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> conflict/element/with_class/input.scss -a {b: selector-extend("c.d", ".d", "e.f")} +@use "sass:selector"; +a {b: selector.extend("c.d", ".d", "e.f")} <===> conflict/element/with_class/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> conflict/id/input.scss -a {b: selector-extend("#c.d", ".d", "#e")} +@use "sass:selector"; +a {b: selector.extend("#c.d", ".d", "#e")} <===> conflict/id/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> conflict/pseudo_element/unknown/input.scss -a {b: selector-extend("::c.d", ".d", "::e")} +@use "sass:selector"; +a {b: selector.extend("::c.d", ".d", "::e")} <===> conflict/pseudo_element/unknown/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> conflict/pseudo_element/class_syntax/input.scss -a {b: selector-extend(":before.c", ".c", ":after")} +@use "sass:selector"; +a {b: selector.extend(":before.c", ".c", ":after")} <===> conflict/pseudo_element/class_syntax/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> conflict/universal/namespace_and_namespace/input.scss -a {b: selector-extend("c|*.d", ".d", "e|*")} +@use "sass:selector"; +a {b: selector.extend("c|*.d", ".d", "e|*")} <===> conflict/universal/namespace_and_namespace/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> conflict/universal/namespace_and_empty/input.scss -a {b: selector-extend("c|*.d", ".d", "|*")} +@use "sass:selector"; +a {b: selector.extend("c|*.d", ".d", "|*")} <===> conflict/universal/namespace_and_empty/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> conflict/universal/empty_and_namespace/input.scss -a {b: selector-extend("|*.c", ".c", "d|*")} +@use "sass:selector"; +a {b: selector.extend("|*.c", ".c", "d|*")} <===> conflict/universal/empty_and_namespace/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> conflict/universal/namespace_and_default/input.scss -a {b: selector-extend("c|*.d", ".d", "*")} +@use "sass:selector"; +a {b: selector.extend("c|*.d", ".d", "*")} <===> conflict/universal/namespace_and_default/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> conflict/universal/default_and_namespace/input.scss -a {b: selector-extend("*.c", ".c", "d|*")} +@use "sass:selector"; +a {b: selector.extend("*.c", ".c", "d|*")} <===> conflict/universal/default_and_namespace/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> conflict/universal/empty_and_default/input.scss -a {b: selector-extend("|*.c", ".c", "*")} +@use "sass:selector"; +a {b: selector.extend("|*.c", ".c", "*")} <===> conflict/universal/empty_and_default/output.css a { @@ -119,7 +131,8 @@ a { <===> ================================================================================ <===> conflict/universal/default_and_empty/input.scss -a {b: selector-extend("*.c", ".c", "|*")} +@use "sass:selector"; +a {b: selector.extend("*.c", ".c", "|*")} <===> conflict/universal/default_and_empty/output.css a { @@ -129,7 +142,8 @@ a { <===> ================================================================================ <===> conflict/parent/input.scss -a {b: selector-extend("c > .d", ".d", "e > .f")} +@use "sass:selector"; +a {b: selector.extend("c > .d", ".d", "e > .f")} <===> conflict/parent/output.css a { @@ -139,7 +153,8 @@ a { <===> ================================================================================ <===> conflict/next_sibling/input.scss -a {b: selector-extend("c + .d", ".d", "e + .f")} +@use "sass:selector"; +a {b: selector.extend("c + .d", ".d", "e + .f")} <===> conflict/next_sibling/output.css a { @@ -149,7 +164,8 @@ a { <===> ================================================================================ <===> unification/identical_to_extendee/input.scss -a {b: selector-extend("c.d", ".d", ".d")} +@use "sass:selector"; +a {b: selector.extend("c.d", ".d", ".d")} <===> unification/identical_to_extendee/output.css a { @@ -159,7 +175,8 @@ a { <===> ================================================================================ <===> unification/identical_to_selector/input.scss -a {b: selector-extend("c.d", ".d", "c.d")} +@use "sass:selector"; +a {b: selector.extend("c.d", ".d", "c.d")} <===> unification/identical_to_selector/output.css a { @@ -169,7 +186,8 @@ a { <===> ================================================================================ <===> unification/additional/simple/input.scss -a {b: selector-extend("c", "c", "c.d")} +@use "sass:selector"; +a {b: selector.extend("c", "c", "c.d")} <===> unification/additional/simple/output.css a { @@ -179,7 +197,8 @@ a { <===> ================================================================================ <===> unification/additional/ancestor/input.scss -a {b: selector-extend("c", "c", "d c")} +@use "sass:selector"; +a {b: selector.extend("c", "c", "d c")} <===> unification/additional/ancestor/output.css a { @@ -189,7 +208,8 @@ a { <===> ================================================================================ <===> unification/additional/parent/input.scss -a {b: selector-extend("c", "c", "d > c")} +@use "sass:selector"; +a {b: selector.extend("c", "c", "d > c")} <===> unification/additional/parent/output.css a { @@ -199,7 +219,8 @@ a { <===> ================================================================================ <===> unification/additional/sibling/input.scss -a {b: selector-extend("c", "c", "d ~ c")} +@use "sass:selector"; +a {b: selector.extend("c", "c", "d ~ c")} <===> unification/additional/sibling/output.css a { @@ -209,7 +230,8 @@ a { <===> ================================================================================ <===> unification/additional/next_sibling/input.scss -a {b: selector-extend("c", "c", "d + c")} +@use "sass:selector"; +a {b: selector.extend("c", "c", "d + c")} <===> unification/additional/next_sibling/output.css a { @@ -219,7 +241,8 @@ a { <===> ================================================================================ <===> unification/subselector_of_target/is/input.scss -a {b: selector-extend(".c:is(d)", ":is(d)", "d.e")} +@use "sass:selector"; +a {b: selector.extend(".c:is(d)", ":is(d)", "d.e")} <===> unification/subselector_of_target/is/output.css a { @@ -229,7 +252,8 @@ a { <===> ================================================================================ <===> unification/subselector_of_target/where/input.scss -a {b: selector-extend(".c:where(d)", ":where(d)", "d.e")} +@use "sass:selector"; +a {b: selector.extend(".c:where(d)", ":where(d)", "d.e")} <===> unification/subselector_of_target/where/output.css a { @@ -239,7 +263,8 @@ a { <===> ================================================================================ <===> unification/subselector_of_target/matches/input.scss -a {b: selector-extend(".c:matches(d)", ":matches(d)", "d.e")} +@use "sass:selector"; +a {b: selector.extend(".c:matches(d)", ":matches(d)", "d.e")} <===> unification/subselector_of_target/matches/output.css a { @@ -249,8 +274,9 @@ a { <===> ================================================================================ <===> unification/specificity_modification/where/input.scss +@use "sass:selector"; a { - b: selector-extend(":where(.x)", ".x", ".x .y"); + b: selector.extend(":where(.x)", ".x", ".x .y"); } <===> unification/specificity_modification/where/output.css diff --git a/spec/core_functions/selector/extend/simple/attribute.hrx b/spec/core_functions/selector/extend/simple/attribute.hrx index e03c9efea..a65c83d3f 100644 --- a/spec/core_functions/selector/extend/simple/attribute.hrx +++ b/spec/core_functions/selector/extend/simple/attribute.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: selector-extend("[c=d]", "[c=d]", "e")} +@use "sass:selector"; +a {b: selector.extend("[c=d]", "[c=d]", "e")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/name/input.scss -a {b: selector-extend("[c=d]", "[e=d]", "f")} +@use "sass:selector"; +a {b: selector.extend("[c=d]", "[e=d]", "f")} <===> unequal/name/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> unequal/value/input.scss -a {b: selector-extend("[c=d]", "[c=e]", "f")} +@use "sass:selector"; +a {b: selector.extend("[c=d]", "[c=e]", "f")} <===> unequal/value/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> unequal/operator/input.scss -a {b: selector-extend("[c=d]", "[c^=d]", "f")} +@use "sass:selector"; +a {b: selector.extend("[c=d]", "[c^=d]", "f")} <===> unequal/operator/output.css a { diff --git a/spec/core_functions/selector/extend/simple/class.hrx b/spec/core_functions/selector/extend/simple/class.hrx index 8faececf4..f1f641865 100644 --- a/spec/core_functions/selector/extend/simple/class.hrx +++ b/spec/core_functions/selector/extend/simple/class.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: selector-extend(".c", ".c", "e")} +@use "sass:selector"; +a {b: selector.extend(".c", ".c", "e")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/input.scss -a {b: selector-extend(".c", ".d", "e")} +@use "sass:selector"; +a {b: selector.extend(".c", ".d", "e")} <===> unequal/output.css a { diff --git a/spec/core_functions/selector/extend/simple/id.hrx b/spec/core_functions/selector/extend/simple/id.hrx index 9b6e533c4..351355142 100644 --- a/spec/core_functions/selector/extend/simple/id.hrx +++ b/spec/core_functions/selector/extend/simple/id.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: selector-extend("#c", "#c", "e")} +@use "sass:selector"; +a {b: selector.extend("#c", "#c", "e")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/input.scss -a {b: selector-extend("#c", "#d", "e")} +@use "sass:selector"; +a {b: selector.extend("#c", "#d", "e")} <===> unequal/output.css a { diff --git a/spec/core_functions/selector/extend/simple/placeholder.hrx b/spec/core_functions/selector/extend/simple/placeholder.hrx index 23f774953..99e4631ce 100644 --- a/spec/core_functions/selector/extend/simple/placeholder.hrx +++ b/spec/core_functions/selector/extend/simple/placeholder.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: selector-extend("%c", "%c", "e")} +@use "sass:selector"; +a {b: selector.extend("%c", "%c", "e")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/input.scss -a {b: selector-extend("%c", "%d", "e")} +@use "sass:selector"; +a {b: selector.extend("%c", "%d", "e")} <===> unequal/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/arg.hrx b/spec/core_functions/selector/extend/simple/pseudo/arg.hrx index 1f12b76ee..a869dddf0 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/arg.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/arg.hrx @@ -1,5 +1,6 @@ <===> class/equal/input.scss -a {b: selector-extend(":c(@#$)", ":c(@#$)", "e")} +@use "sass:selector"; +a {b: selector.extend(":c(@#$)", ":c(@#$)", "e")} <===> class/equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> class/unequal/name/input.scss -a {b: selector-extend(":c(@#$)", ":d(@#$)", "e")} +@use "sass:selector"; +a {b: selector.extend(":c(@#$)", ":d(@#$)", "e")} <===> class/unequal/name/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> class/unequal/argument/input.scss -a {b: selector-extend(":c(@#$)", ":c(*&^)", "e")} +@use "sass:selector"; +a {b: selector.extend(":c(@#$)", ":c(*&^)", "e")} <===> class/unequal/argument/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> class/unequal/has_argument/input.scss -a {b: selector-extend(":c(@#$)", ":c", "e")} +@use "sass:selector"; +a {b: selector.extend(":c(@#$)", ":c", "e")} <===> class/unequal/has_argument/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> element/equal/input.scss -a {b: selector-extend("::c(@#$)", "::c(@#$)", "e")} +@use "sass:selector"; +a {b: selector.extend("::c(@#$)", "::c(@#$)", "e")} <===> element/equal/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> element/unequal/name/input.scss -a {b: selector-extend("::c(@#$)", ":d(@#$)", "e")} +@use "sass:selector"; +a {b: selector.extend("::c(@#$)", ":d(@#$)", "e")} <===> element/unequal/name/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> element/unequal/argument/input.scss -a {b: selector-extend("::c(@#$)", "::c(*&^)", "e")} +@use "sass:selector"; +a {b: selector.extend("::c(@#$)", "::c(*&^)", "e")} <===> element/unequal/argument/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> element/unequal/has_argument/input.scss -a {b: selector-extend("::c(@#$)", "::c", "e")} +@use "sass:selector"; +a {b: selector.extend("::c(@#$)", "::c", "e")} <===> element/unequal/has_argument/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/no_arg.hrx b/spec/core_functions/selector/extend/simple/pseudo/no_arg.hrx index 68fc1b5ac..11a946010 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/no_arg.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/no_arg.hrx @@ -1,5 +1,6 @@ <===> class/equal/input.scss -a {b: selector-extend(":c", ":c", "e")} +@use "sass:selector"; +a {b: selector.extend(":c", ":c", "e")} <===> class/equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> class/unequal/input.scss -a {b: selector-extend(":c", ":d", "e")} +@use "sass:selector"; +a {b: selector.extend(":c", ":d", "e")} <===> class/unequal/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> class/and_element/input.scss -a {b: selector-extend(":c", "::c", "e")} +@use "sass:selector"; +a {b: selector.extend(":c", "::c", "e")} <===> class/and_element/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> element/equal/input.scss -a {b: selector-extend("::c", "::c", "e")} +@use "sass:selector"; +a {b: selector.extend("::c", "::c", "e")} <===> element/equal/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> element/unequal/input.scss -a {b: selector-extend("::c", "::d", "e")} +@use "sass:selector"; +a {b: selector.extend("::c", "::d", "e")} <===> element/unequal/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> element/and_class/input.scss -a {b: selector-extend("::c", ":c", "e")} +@use "sass:selector"; +a {b: selector.extend("::c", ":c", "e")} <===> element/and_class/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/any.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/any.hrx index 45b6e911c..435bed03e 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/any.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/any.hrx @@ -1,5 +1,6 @@ <===> simple/input.scss -a {b: selector-extend(":any(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":any(.c)", ".c", ".d")} <===> simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> list/input.scss -a {b: selector-extend(":any(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":any(.c)", ".c", ".d, .e")} <===> list/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> any_in_extender/input.scss -a {b: selector-extend(":any(.c)", ".c", ":any(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":any(.c)", ".c", ":any(.d, .e)")} <===> any_in_extender/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/current.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/current.hrx index 6946d577f..9aaf78f4d 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/current.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/current.hrx @@ -1,5 +1,6 @@ <===> simple/input.scss -a {b: selector-extend(":current(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":current(.c)", ".c", ".d")} <===> simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> list/input.scss -a {b: selector-extend(":current(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":current(.c)", ".c", ".d, .e")} <===> list/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> current_in_extender/input.scss -a {b: selector-extend(":current(.c)", ".c", ":current(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":current(.c)", ".c", ":current(.d, .e)")} <===> current_in_extender/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/is.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/is.hrx index 75800dd5d..1629c81e5 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/is.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/is.hrx @@ -1,5 +1,6 @@ <===> simple/input.scss -a {b: selector-extend(":is(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":is(.c)", ".c", ".d")} <===> simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> list/input.scss -a {b: selector-extend(":is(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":is(.c)", ".c", ".d, .e")} <===> list/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> is_in_extender/input.scss -a {b: selector-extend(":is(.c)", ".c", ":is(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":is(.c)", ".c", ":is(.d, .e)")} <===> is_in_extender/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/matches.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/matches.hrx index 7c035bd19..8316f3be5 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/matches.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/matches.hrx @@ -1,5 +1,6 @@ <===> simple/input.scss -a {b: selector-extend(":matches(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":matches(.c)", ".c", ".d")} <===> simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> list/input.scss -a {b: selector-extend(":matches(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":matches(.c)", ".c", ".d, .e")} <===> list/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> matches_in_extender/input.scss -a {b: selector-extend(":matches(.c)", ".c", ":matches(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":matches(.c)", ".c", ":matches(.d, .e)")} <===> matches_in_extender/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/not.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/not.hrx index 1fbbdfca6..40873e9c7 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/not.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/not.hrx @@ -9,7 +9,8 @@ than a selector list. <===> ================================================================================ <===> simple/input.scss -a {b: selector-extend(":not(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ".d")} <===> simple/output.css a { @@ -19,7 +20,8 @@ a { <===> ================================================================================ <===> list/input.scss -a {b: selector-extend(":not(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ".d, .e")} <===> list/output.css a { @@ -29,7 +31,8 @@ a { <===> ================================================================================ <===> complex/input.scss -a {b: selector-extend(":not(.c .d)", ".d", ".e .f")} +@use "sass:selector"; +a {b: selector.extend(":not(.c .d)", ".d", ".e .f")} <===> complex/output.css a { @@ -39,7 +42,8 @@ a { <===> ================================================================================ <===> component/input.scss -a {b: selector-extend(":not(.c.d)", ".c", ".e")} +@use "sass:selector"; +a {b: selector.extend(":not(.c.d)", ".c", ".e")} <===> component/output.css a { @@ -49,9 +53,10 @@ a { <===> ================================================================================ <===> list_in_not/input.scss +@use "sass:selector"; // If the original :not() already contains a selector list, we add new selectors // to that list because there's no risk of breaking additional browsers. -a {b: selector-extend(":not(.c, .d)", ".c", ".e")} +a {b: selector.extend(":not(.c, .d)", ".c", ".e")} <===> list_in_not/output.css a { @@ -61,7 +66,8 @@ a { <===> ================================================================================ <===> is/list/input.scss -a {b: selector-extend(":not(.c)", ".c", ":is(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ":is(.d, .e)")} <===> is/list/output.css a { @@ -75,7 +81,8 @@ a { - libsass <===> is/list_of_complex/input.scss -a {b: selector-extend(":not(.c)", ".c", ":is(.d .e, .f .g)")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ":is(.d .e, .f .g)")} <===> is/list_of_complex/output.css a { @@ -85,7 +92,8 @@ a { <===> ================================================================================ <===> is/in_compound/input.scss -a {b: selector-extend(":not(.c)", ".c", ".d:is(.e, .f)")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ".d:is(.e, .f)")} <===> is/in_compound/output.css a { @@ -95,7 +103,8 @@ a { <===> ================================================================================ <===> matches/list/input.scss -a {b: selector-extend(":not(.c)", ".c", ":matches(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ":matches(.d, .e)")} <===> matches/list/output.css a { @@ -105,7 +114,8 @@ a { <===> ================================================================================ <===> matches/list_of_complex/input.scss -a {b: selector-extend(":not(.c)", ".c", ":matches(.d .e, .f .g)")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ":matches(.d .e, .f .g)")} <===> matches/list_of_complex/output.css a { @@ -115,7 +125,8 @@ a { <===> ================================================================================ <===> matches/in_compound/input.scss -a {b: selector-extend(":not(.c)", ".c", ".d:matches(.e, .f)")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ".d:matches(.e, .f)")} <===> matches/in_compound/output.css a { @@ -125,7 +136,8 @@ a { <===> ================================================================================ <===> where/list/input.scss -a {b: selector-extend(":not(.c)", ".c", ":where(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ":where(.d, .e)")} <===> where/list/output.css a { @@ -135,7 +147,8 @@ a { <===> ================================================================================ <===> where/list_of_complex/input.scss -a {b: selector-extend(":not(.c)", ".c", ":where(.d .e, .f .g)")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ":where(.d .e, .f .g)")} <===> where/list_of_complex/output.css a { @@ -145,7 +158,8 @@ a { <===> ================================================================================ <===> where/in_compound/input.scss -a {b: selector-extend(":not(.c)", ".c", ".d:where(.e, .f)")} +@use "sass:selector"; +a {b: selector.extend(":not(.c)", ".c", ".d:where(.e, .f)")} <===> where/in_compound/output.css a { @@ -155,11 +169,12 @@ a { <===> ================================================================================ <===> not_in_extender/input.scss +@use "sass:selector"; // Ideally, this should emit `.d, :not(.c)`, but that would be the only // situation where extending a pseudo selector could produce a full-on selector // list. For the sake of simplicity of the `@extend` algorithm, we just ignore // nested `:not()`s instead. -a {b: selector-extend(":not(.c)", ".c", ":not(.d)")} +a {b: selector.extend(":not(.c)", ".c", ":not(.d)")} <===> not_in_extender/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/nth_child.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/nth_child.hrx index 9acd582c1..f16a22691 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/nth_child.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/nth_child.hrx @@ -1,5 +1,6 @@ <===> simple/input.scss -a {b: selector-extend(":nth-child(2n + 1 of .c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":nth-child(2n + 1 of .c)", ".c", ".d")} <===> simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> list/input.scss -a {b: selector-extend(":nth-child(2n + 1 of .c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":nth-child(2n + 1 of .c)", ".c", ".d, .e")} <===> list/output.css a { @@ -19,8 +21,9 @@ a { <===> ================================================================================ <===> same_arg_in_extender/input.scss +@use "sass:selector"; a { - b: selector-extend( + b: selector.extend( ":nth-child(2n + 1 of .c)", ".c", ":nth-child(2n + 1 of .d, .e)"); @@ -34,10 +37,11 @@ a { <===> ================================================================================ <===> different_arg_in_extender/input.scss +@use "sass:selector"; // This should produce `:nth-child(2n + 1 of .c, :nth-child(2n + 1 of .d, .e))`. // See sass/sass#2828. a { - b: selector-extend( + b: selector.extend( ":nth-child(2n + 1 of .c)", ".c", ":nth-child(2n + 2 of .d, .e)"); diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/nth_last_child.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/nth_last_child.hrx index 7684e52b6..172415705 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/nth_last_child.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/nth_last_child.hrx @@ -1,5 +1,6 @@ <===> simple/input.scss -a {b: selector-extend(":nth-last-child(2n + 1 of .c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":nth-last-child(2n + 1 of .c)", ".c", ".d")} <===> simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> list/input.scss -a {b: selector-extend(":nth-last-child(2n + 1 of .c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":nth-last-child(2n + 1 of .c)", ".c", ".d, .e")} <===> list/output.css a { @@ -19,8 +21,9 @@ a { <===> ================================================================================ <===> same_arg_in_extender/input.scss +@use "sass:selector"; a { - b: selector-extend( + b: selector.extend( ":nth-last-child(2n + 1 of .c)", ".c", ":nth-last-child(2n + 1 of .d, .e)"); @@ -34,11 +37,12 @@ a { <===> ================================================================================ <===> different_arg_in_extender/input.scss +@use "sass:selector"; // This should produce // `:nth-last-child(2n + 1 of .c, :nth-last-child(2n + 1 of .d, .e))`. // See sass/sass#2828. a { - b: selector-extend( + b: selector.extend( ":nth-last-child(2n + 1 of .c)", ".c", ":nth-last-child(2n + 2 of .d, .e)"); diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/prefixed.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/prefixed.hrx index 47041539d..c8988c887 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/prefixed.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/prefixed.hrx @@ -1,5 +1,6 @@ <===> simple/input.scss -a {b: selector-extend(":-ms-matches(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":-ms-matches(.c)", ".c", ".d")} <===> simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> list/input.scss -a {b: selector-extend(":-ms-matches(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":-ms-matches(.c)", ".c", ".d, .e")} <===> list/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> same_prefix_in_extender/input.scss -a {b: selector-extend(":-ms-matches(.c)", ".c", ":-ms-matches(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":-ms-matches(.c)", ".c", ":-ms-matches(.d, .e)")} <===> same_prefix_in_extender/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> different_prefix_in_extender/input.scss -a {b: selector-extend(":-ms-matches(.c)", ".c", ":-moz-matches(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":-ms-matches(.c)", ".c", ":-moz-matches(.d, .e)")} <===> different_prefix_in_extender/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/where.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/where.hrx index 41abc098e..92e380b38 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/where.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/idempotent/where.hrx @@ -1,5 +1,6 @@ <===> simple/input.scss -a {b: selector-extend(":where(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":where(.c)", ".c", ".d")} <===> simple/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> list/input.scss -a {b: selector-extend(":where(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":where(.c)", ".c", ".d, .e")} <===> list/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> is_in_extender/input.scss -a {b: selector-extend(":where(.c)", ".c", ":where(.d, .e)")} +@use "sass:selector"; +a {b: selector.extend(":where(.c)", ".c", ":where(.d, .e)")} <===> is_in_extender/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/match.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/match.hrx index f8be0425b..a20358962 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/match.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/match.hrx @@ -7,7 +7,8 @@ they're structurally equal. <===> ================================================================================ <===> unprefixed/is/class/equal/input.scss -a {b: selector-extend(":is(c d.e, f g)", ":is(c d.e, f g)", "h")} +@use "sass:selector"; +a {b: selector.extend(":is(c d.e, f g)", ":is(c d.e, f g)", "h")} <===> unprefixed/is/class/equal/output.css a { @@ -17,7 +18,8 @@ a { <===> ================================================================================ <===> unprefixed/is/class/unequal/name/input.scss -a {b: selector-extend(":is(c d.e, f g)", ":-pfx-is(c d.e, f g)", "h")} +@use "sass:selector"; +a {b: selector.extend(":is(c d.e, f g)", ":-pfx-is(c d.e, f g)", "h")} <===> unprefixed/is/class/unequal/name/output.css a { @@ -27,7 +29,8 @@ a { <===> ================================================================================ <===> unprefixed/is/class/unequal/argument/input.scss -a {b: selector-extend(":is(c d.e, f g)", ":is(d, g)", "h")} +@use "sass:selector"; +a {b: selector.extend(":is(c d.e, f g)", ":is(d, g)", "h")} <===> unprefixed/is/class/unequal/argument/output.css a { @@ -37,7 +40,8 @@ a { <===> ================================================================================ <===> unprefixed/is/class/unequal/has_argument/input.scss -a {b: selector-extend(":is(c d.e, f g)", ":is", "h")} +@use "sass:selector"; +a {b: selector.extend(":is(c d.e, f g)", ":is", "h")} <===> unprefixed/is/class/unequal/has_argument/output.css a { @@ -47,7 +51,8 @@ a { <===> ================================================================================ <===> unprefixed/where/class/equal/input.scss -a {b: selector-extend(":where(c d.e, f g)", ":where(c d.e, f g)", "h")} +@use "sass:selector"; +a {b: selector.extend(":where(c d.e, f g)", ":where(c d.e, f g)", "h")} <===> unprefixed/where/class/equal/output.css a { @@ -57,7 +62,8 @@ a { <===> ================================================================================ <===> unprefixed/where/class/unequal/name/input.scss -a {b: selector-extend(":where(c d.e, f g)", ":-pfx-where(c d.e, f g)", "h")} +@use "sass:selector"; +a {b: selector.extend(":where(c d.e, f g)", ":-pfx-where(c d.e, f g)", "h")} <===> unprefixed/where/class/unequal/name/output.css a { @@ -67,7 +73,8 @@ a { <===> ================================================================================ <===> unprefixed/where/class/unequal/argument/input.scss -a {b: selector-extend(":where(c d.e, f g)", ":where(d, g)", "h")} +@use "sass:selector"; +a {b: selector.extend(":where(c d.e, f g)", ":where(d, g)", "h")} <===> unprefixed/where/class/unequal/argument/output.css a { @@ -77,7 +84,8 @@ a { <===> ================================================================================ <===> unprefixed/where/class/unequal/has_argument/input.scss -a {b: selector-extend(":where(c d.e, f g)", ":where", "h")} +@use "sass:selector"; +a {b: selector.extend(":where(c d.e, f g)", ":where", "h")} <===> unprefixed/where/class/unequal/has_argument/output.css a { @@ -87,7 +95,8 @@ a { <===> ================================================================================ <===> unprefixed/matches/class/equal/input.scss -a {b: selector-extend(":matches(c d.e, f g)", ":matches(c d.e, f g)", "h")} +@use "sass:selector"; +a {b: selector.extend(":matches(c d.e, f g)", ":matches(c d.e, f g)", "h")} <===> unprefixed/matches/class/equal/output.css a { @@ -97,7 +106,8 @@ a { <===> ================================================================================ <===> unprefixed/matches/class/unequal/name/input.scss -a {b: selector-extend(":matches(c d.e, f g)", ":-pfx-matches(c d.e, f g)", "h")} +@use "sass:selector"; +a {b: selector.extend(":matches(c d.e, f g)", ":-pfx-matches(c d.e, f g)", "h")} <===> unprefixed/matches/class/unequal/name/output.css a { @@ -107,7 +117,8 @@ a { <===> ================================================================================ <===> unprefixed/matches/class/unequal/argument/input.scss -a {b: selector-extend(":matches(c d.e, f g)", ":matches(d, g)", "h")} +@use "sass:selector"; +a {b: selector.extend(":matches(c d.e, f g)", ":matches(d, g)", "h")} <===> unprefixed/matches/class/unequal/argument/output.css a { @@ -117,7 +128,8 @@ a { <===> ================================================================================ <===> unprefixed/matches/class/unequal/has_argument/input.scss -a {b: selector-extend(":matches(c d.e, f g)", ":matches", "h")} +@use "sass:selector"; +a {b: selector.extend(":matches(c d.e, f g)", ":matches", "h")} <===> unprefixed/matches/class/unequal/has_argument/output.css a { @@ -127,7 +139,8 @@ a { <===> ================================================================================ <===> unprefixed/element/equal/input.scss -a {b: selector-extend("::slotted(c.d, e.f)", "::slotted(c.d, e.f)", "g")} +@use "sass:selector"; +a {b: selector.extend("::slotted(c.d, e.f)", "::slotted(c.d, e.f)", "g")} <===> unprefixed/element/equal/output.css a { @@ -137,7 +150,8 @@ a { <===> ================================================================================ <===> unprefixed/element/unequal/name/input.scss -a {b: selector-extend("::slotted(c.d, e.f)", "::-pfx-slotted(c.d, e.f)", "g")} +@use "sass:selector"; +a {b: selector.extend("::slotted(c.d, e.f)", "::-pfx-slotted(c.d, e.f)", "g")} <===> unprefixed/element/unequal/name/output.css a { @@ -147,7 +161,8 @@ a { <===> ================================================================================ <===> unprefixed/element/unequal/argument/input.scss -a {b: selector-extend("::slotted(c.d, e.f)", "::slotted(d, g)", "g")} +@use "sass:selector"; +a {b: selector.extend("::slotted(c.d, e.f)", "::slotted(d, g)", "g")} <===> unprefixed/element/unequal/argument/output.css a { @@ -157,7 +172,8 @@ a { <===> ================================================================================ <===> unprefixed/element/unequal/has_argument/input.scss -a {b: selector-extend("::slotted(c.d, e.f)", "::slotted", "g")} +@use "sass:selector"; +a {b: selector.extend("::slotted(c.d, e.f)", "::slotted", "g")} <===> unprefixed/element/unequal/has_argument/output.css a { @@ -167,8 +183,9 @@ a { <===> ================================================================================ <===> prefixed/equal/input.scss +@use "sass:selector"; a { - b: selector-extend( + b: selector.extend( ":nth-child(2n + 1 of c d.e, f g)", ":nth-child(2n + 1 of c d.e, f g)", "h"); @@ -182,8 +199,9 @@ a { <===> ================================================================================ <===> prefixed/unequal/name/input.scss +@use "sass:selector"; a { - b: selector-extend( + b: selector.extend( ":nth-child(2n + 1 of c d.e, f g)", ":nth-last-child(2n + 1 of c d.e, f g)", "h"); @@ -197,8 +215,9 @@ a { <===> ================================================================================ <===> prefixed/unequal/argument/input.scss +@use "sass:selector"; a { - b: selector-extend( + b: selector.extend( ":nth-child(2n + 1 of c d.e, f g)", ":nth-child(2n + 1 of d, g)", "h"); @@ -212,8 +231,9 @@ a { <===> ================================================================================ <===> prefixed/unequal/prefix/input.scss +@use "sass:selector"; a { - b: selector-extend( + b: selector.extend( ":nth-child(2n + 1 of c d.e, f g)", ":nth-child(2n of c d.e, f g)", "h"); @@ -227,7 +247,8 @@ a { <===> ================================================================================ <===> prefixed/unequal/has_argument/input.scss -a {b: selector-extend(":nth-child(2n + 1 of c d.e, f g)", ":nth-child", "h")} +@use "sass:selector"; +a {b: selector.extend(":nth-child(2n + 1 of c d.e, f g)", ":nth-child", "h")} <===> prefixed/unequal/has_argument/output.css a { diff --git a/spec/core_functions/selector/extend/simple/pseudo/selector/non_idempotent.hrx b/spec/core_functions/selector/extend/simple/pseudo/selector/non_idempotent.hrx index 9ccaf634d..eb6241a27 100644 --- a/spec/core_functions/selector/extend/simple/pseudo/selector/non_idempotent.hrx +++ b/spec/core_functions/selector/extend/simple/pseudo/selector/non_idempotent.hrx @@ -5,7 +5,8 @@ pseudoclass changes its semantics, so Sass never flattens these nestings. <===> ================================================================================ <===> has/simple/input.scss -a {b: selector-extend(":has(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":has(.c)", ".c", ".d")} <===> has/simple/output.css a { @@ -15,7 +16,8 @@ a { <===> ================================================================================ <===> has/list/input.scss -a {b: selector-extend(":has(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":has(.c)", ".c", ".d, .e")} <===> has/list/output.css a { @@ -25,7 +27,8 @@ a { <===> ================================================================================ <===> has/has_in_extender/input.scss -a {b: selector-extend(":has(.c)", ".c", ":has(.d)")} +@use "sass:selector"; +a {b: selector.extend(":has(.c)", ".c", ":has(.d)")} <===> has/has_in_extender/output.css a { @@ -35,7 +38,8 @@ a { <===> ================================================================================ <===> host/simple/input.scss -a {b: selector-extend(":host(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":host(.c)", ".c", ".d")} <===> host/simple/output.css a { @@ -45,7 +49,8 @@ a { <===> ================================================================================ <===> host/list/input.scss -a {b: selector-extend(":host(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":host(.c)", ".c", ".d, .e")} <===> host/list/output.css a { @@ -55,7 +60,8 @@ a { <===> ================================================================================ <===> host/host_in_extender/input.scss -a {b: selector-extend(":host(.c)", ".c", ":host(.d)")} +@use "sass:selector"; +a {b: selector.extend(":host(.c)", ".c", ":host(.d)")} <===> host/host_in_extender/output.css a { @@ -65,7 +71,8 @@ a { <===> ================================================================================ <===> host_context/simple/input.scss -a {b: selector-extend(":host-context(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend(":host-context(.c)", ".c", ".d")} <===> host_context/simple/output.css a { @@ -75,7 +82,8 @@ a { <===> ================================================================================ <===> host_context/list/input.scss -a {b: selector-extend(":host-context(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend(":host-context(.c)", ".c", ".d, .e")} <===> host_context/list/output.css a { @@ -85,7 +93,8 @@ a { <===> ================================================================================ <===> host_context/host_context_in_extender/input.scss -a {b: selector-extend(":host-context(.c)", ".c", ":host-context(.d)")} +@use "sass:selector"; +a {b: selector.extend(":host-context(.c)", ".c", ":host-context(.d)")} <===> host_context/host_context_in_extender/output.css a { @@ -95,7 +104,8 @@ a { <===> ================================================================================ <===> slotted/simple/input.scss -a {b: selector-extend("::slotted(.c)", ".c", ".d")} +@use "sass:selector"; +a {b: selector.extend("::slotted(.c)", ".c", ".d")} <===> slotted/simple/output.css a { @@ -105,7 +115,8 @@ a { <===> ================================================================================ <===> slotted/list/input.scss -a {b: selector-extend("::slotted(.c)", ".c", ".d, .e")} +@use "sass:selector"; +a {b: selector.extend("::slotted(.c)", ".c", ".d, .e")} <===> slotted/list/output.css a { @@ -115,7 +126,8 @@ a { <===> ================================================================================ <===> slotted/slotted_in_extender/input.scss -a {b: selector-extend("::slotted(.c)", ".c", "::slotted(.d)")} +@use "sass:selector"; +a {b: selector.extend("::slotted(.c)", ".c", "::slotted(.d)")} <===> slotted/slotted_in_extender/output.css a { diff --git a/spec/core_functions/selector/extend/simple/type.hrx b/spec/core_functions/selector/extend/simple/type.hrx index 2b25b6d7d..c00de9d70 100644 --- a/spec/core_functions/selector/extend/simple/type.hrx +++ b/spec/core_functions/selector/extend/simple/type.hrx @@ -1,5 +1,6 @@ <===> equal/input.scss -a {b: selector-extend("c", "c", "e")} +@use "sass:selector"; +a {b: selector.extend("c", "c", "e")} <===> equal/output.css a { @@ -9,7 +10,8 @@ a { <===> ================================================================================ <===> unequal/input.scss -a {b: selector-extend("c", "d", "e")} +@use "sass:selector"; +a {b: selector.extend("c", "d", "e")} <===> unequal/output.css a { @@ -19,7 +21,8 @@ a { <===> ================================================================================ <===> and_universal/input.scss -a {b: selector-extend("c", "*", "d")} +@use "sass:selector"; +a {b: selector.extend("c", "*", "d")} <===> and_universal/output.css a { @@ -29,7 +32,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_explicit/equal/input.scss -a {b: selector-extend("c|d", "c|d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|d", "c|d", "e")} <===> namespace/explicit/and_explicit/equal/output.css a { @@ -39,7 +43,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_explicit/unequal/input.scss -a {b: selector-extend("c|d", "e|d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|d", "e|d", "e")} <===> namespace/explicit/and_explicit/unequal/output.css a { @@ -49,7 +54,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_implicit/input.scss -a {b: selector-extend("c|d", "d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|d", "d", "e")} <===> namespace/explicit/and_implicit/output.css a { @@ -59,7 +65,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_empty/input.scss -a {b: selector-extend("c|d", "|d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|d", "|d", "e")} <===> namespace/explicit/and_empty/output.css a { @@ -69,7 +76,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/input.scss -a {b: selector-extend("c|d", "*|d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|d", "*|d", "e")} <===> namespace/explicit/and_universal/output.css a { @@ -79,7 +87,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_explicit/input.scss -a {b: selector-extend("|c", "d|c", "e")} +@use "sass:selector"; +a {b: selector.extend("|c", "d|c", "e")} <===> namespace/empty/and_explicit/output.css a { @@ -89,7 +98,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_implicit/input.scss -a {b: selector-extend("|c", "c", "d")} +@use "sass:selector"; +a {b: selector.extend("|c", "c", "d")} <===> namespace/empty/and_implicit/output.css a { @@ -99,7 +109,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_empty/input.scss -a {b: selector-extend("|c", "|c", "d")} +@use "sass:selector"; +a {b: selector.extend("|c", "|c", "d")} <===> namespace/empty/and_empty/output.css a { @@ -109,7 +120,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/input.scss -a {b: selector-extend("|c", "*|c", "d")} +@use "sass:selector"; +a {b: selector.extend("|c", "*|c", "d")} <===> namespace/empty/and_universal/output.css a { @@ -125,7 +137,8 @@ matched because this phase only cares about full structural equality. <===> ================================================================================ <===> namespace/universal/and_explicit/input.scss -a {b: selector-extend("*|c", "d|c", "d")} +@use "sass:selector"; +a {b: selector.extend("*|c", "d|c", "d")} <===> namespace/universal/and_explicit/output.css a { @@ -135,7 +148,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_implicit/input.scss -a {b: selector-extend("*|c", "c", "d")} +@use "sass:selector"; +a {b: selector.extend("*|c", "c", "d")} <===> namespace/universal/and_implicit/output.css a { @@ -145,7 +159,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_empty/input.scss -a {b: selector-extend("*|c", "|c", "d")} +@use "sass:selector"; +a {b: selector.extend("*|c", "|c", "d")} <===> namespace/universal/and_empty/output.css a { @@ -155,7 +170,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/input.scss -a {b: selector-extend("*|c", "*|c", "d")} +@use "sass:selector"; +a {b: selector.extend("*|c", "*|c", "d")} <===> namespace/universal/and_universal/output.css a { diff --git a/spec/core_functions/selector/extend/simple/universal.hrx b/spec/core_functions/selector/extend/simple/universal.hrx index 0bc8fcbe6..892986ab9 100644 --- a/spec/core_functions/selector/extend/simple/universal.hrx +++ b/spec/core_functions/selector/extend/simple/universal.hrx @@ -5,7 +5,8 @@ matched because this phase only cares about full structural equality. <===> ================================================================================ <===> equal/input.scss -a {b: selector-extend("*", "*", "c")} +@use "sass:selector"; +a {b: selector.extend("*", "*", "c")} <===> equal/output.css a { @@ -15,7 +16,8 @@ a { <===> ================================================================================ <===> and_type/input.scss -a {b: selector-extend("*", "c", "d")} +@use "sass:selector"; +a {b: selector.extend("*", "c", "d")} <===> and_type/output.css a { @@ -25,7 +27,8 @@ a { <===> ================================================================================ <===> and_class/input.scss -a {b: selector-extend("*", ".c", "d")} +@use "sass:selector"; +a {b: selector.extend("*", ".c", "d")} <===> and_class/output.css a { @@ -35,7 +38,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_type/explicit/equal/input.scss -a {b: selector-extend("c|*", "c|d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", "c|d", "e")} <===> namespace/explicit/and_type/explicit/equal/output.css a { @@ -45,7 +49,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_type/explicit/unequal/input.scss -a {b: selector-extend("c|*", "e|d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", "e|d", "e")} <===> namespace/explicit/and_type/explicit/unequal/output.css a { @@ -55,7 +60,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_type/implicit/input.scss -a {b: selector-extend("c|*", "d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", "d", "e")} <===> namespace/explicit/and_type/implicit/output.css a { @@ -65,7 +71,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_type/empty/input.scss -a {b: selector-extend("c|*", "|d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", "|d", "e")} <===> namespace/explicit/and_type/empty/output.css a { @@ -75,7 +82,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/explicit/equal/input.scss -a {b: selector-extend("c|*", "c|*", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", "c|*", "e")} <===> namespace/explicit/and_universal/explicit/equal/output.css a { @@ -85,7 +93,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/explicit/unequal/input.scss -a {b: selector-extend("c|*", "d|*", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", "d|*", "e")} <===> namespace/explicit/and_universal/explicit/unequal/output.css a { @@ -95,7 +104,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/implicit/input.scss -a {b: selector-extend("c|*", "*", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", "*", "e")} <===> namespace/explicit/and_universal/implicit/output.css a { @@ -105,7 +115,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/empty/input.scss -a {b: selector-extend("c|*", "|*", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", "|*", "e")} <===> namespace/explicit/and_universal/empty/output.css a { @@ -115,7 +126,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_universal/universal/input.scss -a {b: selector-extend("c|*", "*|*", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", "*|*", "e")} <===> namespace/explicit/and_universal/universal/output.css a { @@ -125,7 +137,8 @@ a { <===> ================================================================================ <===> namespace/explicit/and_class/input.scss -a {b: selector-extend("c|*", ".d", "e")} +@use "sass:selector"; +a {b: selector.extend("c|*", ".d", "e")} <===> namespace/explicit/and_class/output.css a { @@ -135,7 +148,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_type/explicit/input.scss -a {b: selector-extend("|*", "c|d", "e")} +@use "sass:selector"; +a {b: selector.extend("|*", "c|d", "e")} <===> namespace/empty/and_type/explicit/output.css a { @@ -145,7 +159,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_type/implicit/input.scss -a {b: selector-extend("|*", "d", "e")} +@use "sass:selector"; +a {b: selector.extend("|*", "d", "e")} <===> namespace/empty/and_type/implicit/output.css a { @@ -155,7 +170,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_type/empty/input.scss -a {b: selector-extend("|*", "|d", "e")} +@use "sass:selector"; +a {b: selector.extend("|*", "|d", "e")} <===> namespace/empty/and_type/empty/output.css a { @@ -165,7 +181,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/explicit/input.scss -a {b: selector-extend("|*", "c|*", "d")} +@use "sass:selector"; +a {b: selector.extend("|*", "c|*", "d")} <===> namespace/empty/and_universal/explicit/output.css a { @@ -175,7 +192,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/implicit/input.scss -a {b: selector-extend("|*", "*", "c")} +@use "sass:selector"; +a {b: selector.extend("|*", "*", "c")} <===> namespace/empty/and_universal/implicit/output.css a { @@ -185,7 +203,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/empty/input.scss -a {b: selector-extend("|*", "|*", "c")} +@use "sass:selector"; +a {b: selector.extend("|*", "|*", "c")} <===> namespace/empty/and_universal/empty/output.css a { @@ -195,7 +214,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_universal/universal/input.scss -a {b: selector-extend("|*", "*|*", "c")} +@use "sass:selector"; +a {b: selector.extend("|*", "*|*", "c")} <===> namespace/empty/and_universal/universal/output.css a { @@ -205,7 +225,8 @@ a { <===> ================================================================================ <===> namespace/empty/and_class/input.scss -a {b: selector-extend("|*", ".c", "d")} +@use "sass:selector"; +a {b: selector.extend("|*", ".c", "d")} <===> namespace/empty/and_class/output.css a { @@ -215,7 +236,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_type/explicit/input.scss -a {b: selector-extend("*|*", "c|d", "e")} +@use "sass:selector"; +a {b: selector.extend("*|*", "c|d", "e")} <===> namespace/universal/and_type/explicit/output.css a { @@ -225,7 +247,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_type/implicit/input.scss -a {b: selector-extend("*|*", "c", "d")} +@use "sass:selector"; +a {b: selector.extend("*|*", "c", "d")} <===> namespace/universal/and_type/implicit/output.css a { @@ -235,7 +258,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_type/empty/input.scss -a {b: selector-extend("*|*", "|c", "d")} +@use "sass:selector"; +a {b: selector.extend("*|*", "|c", "d")} <===> namespace/universal/and_type/empty/output.css a { @@ -245,7 +269,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/explicit/input.scss -a {b: selector-extend("*|*", "c|*", "d")} +@use "sass:selector"; +a {b: selector.extend("*|*", "c|*", "d")} <===> namespace/universal/and_universal/explicit/output.css a { @@ -255,7 +280,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/implicit/input.scss -a {b: selector-extend("*|*", "*", "c")} +@use "sass:selector"; +a {b: selector.extend("*|*", "*", "c")} <===> namespace/universal/and_universal/implicit/output.css a { @@ -265,7 +291,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/empty/input.scss -a {b: selector-extend("*|*", "|*", "c")} +@use "sass:selector"; +a {b: selector.extend("*|*", "|*", "c")} <===> namespace/universal/and_universal/empty/output.css a { @@ -275,7 +302,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_universal/universal/input.scss -a {b: selector-extend("*|*", "*|*", "c")} +@use "sass:selector"; +a {b: selector.extend("*|*", "*|*", "c")} <===> namespace/universal/and_universal/universal/output.css a { @@ -285,7 +313,8 @@ a { <===> ================================================================================ <===> namespace/universal/and_class/input.scss -a {b: selector-extend("*|*", ".c", "d")} +@use "sass:selector"; +a {b: selector.extend("*|*", ".c", "d")} <===> namespace/universal/and_class/output.css a { diff --git a/spec/css/plain/boolean_operations.hrx b/spec/css/plain/boolean_operations.hrx index 11a64b38a..896d9d468 100644 --- a/spec/css/plain/boolean_operations.hrx +++ b/spec/css/plain/boolean_operations.hrx @@ -1,5 +1,5 @@ <===> input.scss -@import "plain"; +@use "plain"; <===> plain.css a { diff --git a/spec/css/plain/custom_properties.hrx b/spec/css/plain/custom_properties.hrx index 2173495b3..bf5a7bd56 100644 --- a/spec/css/plain/custom_properties.hrx +++ b/spec/css/plain/custom_properties.hrx @@ -4,7 +4,7 @@ Regression tests for sass/dart-sass#1104. <===> ================================================================================ <===> identifier/input.scss -@import "plain"; +@use "plain"; <===> identifier/plain.css a {--b: c} @@ -17,7 +17,7 @@ a { <===> ================================================================================ <===> color/input.scss -@import "plain"; +@use "plain"; <===> color/plain.css a {--b: #ff0000} @@ -30,7 +30,7 @@ a { <===> ================================================================================ <===> nested/input.scss -@import "plain"; +@use "plain"; <===> nested/plain.css a {--b: {c: d}} @@ -43,7 +43,7 @@ a { <===> ================================================================================ <===> arbitrary_tokens/input.scss -@import "plain"; +@use "plain"; <===> arbitrary_tokens/plain.css a {--b: `~@#$%^&*()_-+={[]}|?/><} diff --git a/spec/css/plain/error/expression/function.hrx b/spec/css/plain/error/expression/function.hrx index 6293888f5..a2569f5f1 100644 --- a/spec/css/plain/error/expression/function.hrx +++ b/spec/css/plain/error/expression/function.hrx @@ -1,5 +1,5 @@ <===> built_in/input.scss -@import 'plain' +@use 'plain' <===> built_in/plain.css a { x: index(1 2 3, 1); @@ -11,13 +11,13 @@ Error: This function isn't allowed in plain CSS. 2 | x: index(1 2 3, 1); | ^^^^^^^^^^^^^^^ ' - plain.css 2:6 @import - input.scss 1:9 root stylesheet + plain.css 2:6 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> variable_arguments/input.scss -@import 'plain' +@use 'plain' <===> variable_arguments/plain.css a { x: hsl(0, 100%, 50%...); @@ -29,13 +29,13 @@ Error: expected ")". 2 | x: hsl(0, 100%, 50%...); | ^ ' - plain.css 2:22 @import - input.scss 1:9 root stylesheet + plain.css 2:22 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> keyword_arguments/input.scss -@import 'plain' +@use 'plain' <===> keyword_arguments/plain.css a { x: hsl(0, 100%, $lightness: 50%); @@ -47,5 +47,5 @@ Error: Sass variables aren't allowed in plain CSS. 2 | x: hsl(0, 100%, $lightness: 50%); | ^^^^^^^^^^ ' - plain.css 2:19 @import - input.scss 1:9 root stylesheet + plain.css 2:19 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/expression/interpolation.hrx b/spec/css/plain/error/expression/interpolation.hrx index ac4f6fa8e..469a2a818 100644 --- a/spec/css/plain/error/expression/interpolation.hrx +++ b/spec/css/plain/error/expression/interpolation.hrx @@ -1,5 +1,5 @@ <===> calc/input.scss -@import 'plain' +@use 'plain' <===> calc/plain.css a { w: calc(#{1px} + 10%); @@ -11,13 +11,13 @@ Error: Interpolation isn't allowed in plain CSS. 2 | w: calc(#{1px} + 10%); | ^^^^^^ ' - plain.css 2:11 @import - input.scss 1:9 root stylesheet + plain.css 2:11 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> identifier/input.scss -@import 'plain' +@use 'plain' <===> identifier/plain.css a { w: x#{y}z; @@ -29,13 +29,13 @@ Error: Interpolation isn't allowed in plain CSS. 2 | w: x#{y}z; | ^^^^ ' - plain.css 2:7 @import - input.scss 1:9 root stylesheet + plain.css 2:7 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> quoted_string/input.scss -@import 'plain' +@use 'plain' <===> quoted_string/plain.css a { w: "x#{y}z"; @@ -47,13 +47,13 @@ Error: Interpolation isn't allowed in plain CSS. 2 | w: "x#{y}z"; | ^^^^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> standalone/input.scss -@import 'plain' +@use 'plain' <===> standalone/plain.css a { w: #{x}; @@ -65,5 +65,5 @@ Error: Interpolation isn't allowed in plain CSS. 2 | w: #{x}; | ^^^^ ' - plain.css 2:6 @import - input.scss 1:9 root stylesheet + plain.css 2:6 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/expression/list.hrx b/spec/css/plain/error/expression/list.hrx index 283ce7e5c..6a22365f8 100644 --- a/spec/css/plain/error/expression/list.hrx +++ b/spec/css/plain/error/expression/list.hrx @@ -1,5 +1,5 @@ <===> empty/input.scss -@import 'plain' +@use 'plain' <===> empty/plain.css a { x: (); @@ -11,13 +11,13 @@ Error: Expected expression. 2 | x: (); | ^ ' - plain.css 2:7 @import - input.scss 1:9 root stylesheet + plain.css 2:7 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> empty_comma/input.scss -@import 'plain' +@use 'plain' <===> empty_comma/plain.css a { x: (,); @@ -29,5 +29,5 @@ Error: Expected expression. 2 | x: (,); | ^ ' - plain.css 2:7 @import - input.scss 1:9 root stylesheet + plain.css 2:7 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/expression/map.hrx b/spec/css/plain/error/expression/map.hrx index 3939ea085..157e438e3 100644 --- a/spec/css/plain/error/expression/map.hrx +++ b/spec/css/plain/error/expression/map.hrx @@ -1,5 +1,5 @@ <===> input.scss -@import 'plain' +@use 'plain' <===> plain.css a { x: (y: z); @@ -11,5 +11,5 @@ Error: expected ")". 2 | x: (y: z); | ^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/expression/operation.hrx b/spec/css/plain/error/expression/operation.hrx index 06c27fbb5..2e99545f9 100644 --- a/spec/css/plain/error/expression/operation.hrx +++ b/spec/css/plain/error/expression/operation.hrx @@ -1,5 +1,5 @@ <===> addition/input.scss -@import 'plain' +@use 'plain' <===> addition/plain.css a { x: y + z; @@ -11,13 +11,13 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y + z; | ^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> subtraction/input.scss -@import 'plain' +@use 'plain' <===> subtraction/plain.css a { x: y - z; @@ -29,13 +29,13 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y - z; | ^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> multiplication/input.scss -@import 'plain' +@use 'plain' <===> multiplication/plain.css a { x: y * z; @@ -47,13 +47,13 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y * z; | ^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> modulo/input.scss -@import 'plain' +@use 'plain' <===> modulo/plain.css a { x: y % z; @@ -65,13 +65,13 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y % z; | ^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> less_than/input.scss -@import 'plain' +@use 'plain' <===> less_than/plain.css a { x: y < z; @@ -83,13 +83,13 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y < z; | ^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> less_than_or_equal/input.scss -@import 'plain' +@use 'plain' <===> less_than_or_equal/plain.css a { x: y <= z; @@ -101,13 +101,13 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y <= z; | ^^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> greater_than/input.scss -@import 'plain' +@use 'plain' <===> greater_than/plain.css a { x: y > z; @@ -119,13 +119,13 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y > z; | ^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> greater_than_or_equal/input.scss -@import 'plain' +@use 'plain' <===> greater_than_or_equal/plain.css a { x: y >= z; @@ -137,13 +137,13 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y >= z; | ^^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> equals/input.scss -@import 'plain' +@use 'plain' <===> equals/plain.css a { x: y == z; @@ -155,13 +155,13 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y == z; | ^^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> not_equals/input.scss -@import 'plain' +@use 'plain' <===> not_equals/plain.css a { x: y != z; @@ -173,5 +173,5 @@ Error: Operators aren't allowed in plain CSS. 2 | x: y != z; | ^^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/expression/parent_selector.hrx b/spec/css/plain/error/expression/parent_selector.hrx index 338be921e..fa4be9b84 100644 --- a/spec/css/plain/error/expression/parent_selector.hrx +++ b/spec/css/plain/error/expression/parent_selector.hrx @@ -1,5 +1,5 @@ <===> input.scss -@import 'plain' +@use 'plain' <===> plain.css a { x: &; @@ -11,5 +11,5 @@ Error: The parent selector isn't allowed in plain CSS. 2 | x: &; | ^ ' - plain.css 2:6 @import - input.scss 1:9 root stylesheet + plain.css 2:6 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/expression/parentheses.hrx b/spec/css/plain/error/expression/parentheses.hrx index 3dc81f416..aba78126d 100644 --- a/spec/css/plain/error/expression/parentheses.hrx +++ b/spec/css/plain/error/expression/parentheses.hrx @@ -1,5 +1,5 @@ <===> input.scss -@import 'plain' +@use 'plain' <===> plain.css a { x: (y); @@ -11,5 +11,5 @@ Error: Parentheses aren't allowed in plain CSS. 2 | x: (y); | ^^^ ' - plain.css 2:6 @import - input.scss 1:9 root stylesheet + plain.css 2:6 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/expression/variable.hrx b/spec/css/plain/error/expression/variable.hrx index 0a1876d64..b0d0a0837 100644 --- a/spec/css/plain/error/expression/variable.hrx +++ b/spec/css/plain/error/expression/variable.hrx @@ -1,5 +1,5 @@ <===> use/input.scss -@import 'plain' +@use 'plain' <===> use/plain.css a { x: $var; @@ -11,13 +11,13 @@ Error: Sass variables aren't allowed in plain CSS. 2 | x: $var; | ^^^^ ' - plain.css 2:6 @import - input.scss 1:9 root stylesheet + plain.css 2:6 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> declaration/input.scss -@import 'plain' +@use 'plain' <===> declaration/plain.css $var: value; @@ -27,5 +27,5 @@ Error: Sass variables aren't allowed in plain CSS. 1 | $var: value; | ^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/media.hrx b/spec/css/plain/error/media.hrx index 9e2983cb1..999e91001 100644 --- a/spec/css/plain/error/media.hrx +++ b/spec/css/plain/error/media.hrx @@ -1,5 +1,5 @@ <===> logic/and_after/type_and_not/input.scss -@import 'plain'; +@use 'plain'; <===> logic/and_after/type_and_not/plain.css @media a and not (b) and (c) {x {y: z}} @@ -10,13 +10,13 @@ Error: expected "{". 1 | @media a and not (b) and (c) {x {y: z}} | ^ ' - plain.css 1:22 @import - input.scss 1:9 root stylesheet + plain.css 1:22 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/and_after/or/input.scss -@import 'plain'; +@use 'plain'; <===> logic/and_after/or/plain.css @media (a) or (b) and (c) {x {y: z}} @@ -27,13 +27,13 @@ Error: expected "{". 1 | @media (a) or (b) and (c) {x {y: z}} | ^ ' - plain.css 1:19 @import - input.scss 1:9 root stylesheet + plain.css 1:19 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/or_after/type/input.scss -@import 'plain'; +@use 'plain'; <===> logic/or_after/type/plain.css @media a or (b) {x {y: z}} @@ -44,13 +44,13 @@ Error: expected "{". 1 | @media a or (b) {x {y: z}} | ^ ' - plain.css 1:13 @import - input.scss 1:9 root stylesheet + plain.css 1:13 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/or_after/type_and_not/input.scss -@import 'plain'; +@use 'plain'; <===> logic/or_after/type_and_not/plain.css @media a and not (b) or (c) {x {y: z}} @@ -61,13 +61,13 @@ Error: expected "{". 1 | @media a and not (b) or (c) {x {y: z}} | ^ ' - plain.css 1:22 @import - input.scss 1:9 root stylesheet + plain.css 1:22 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/or_after/and/input.scss -@import 'plain'; +@use 'plain'; <===> logic/or_after/and/plain.css @media (a) and (b) or (c) {x {y: z}} @@ -78,13 +78,13 @@ Error: expected "{". 1 | @media (a) and (b) or (c) {x {y: z}} | ^ ' - plain.css 1:20 @import - input.scss 1:9 root stylesheet + plain.css 1:20 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/or_after/type_then_and/input.scss -@import 'plain'; +@use 'plain'; <===> logic/or_after/type_then_and/plain.css @media a and (b) or (c) {x {y: z}} @@ -95,13 +95,13 @@ Error: expected "{". 1 | @media a and (b) or (c) {x {y: z}} | ^ ' - plain.css 1:18 @import - input.scss 1:9 root stylesheet + plain.css 1:18 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/nothing_after/not/input.scss -@import 'plain'; +@use 'plain'; <===> logic/nothing_after/not/plain.css @media not {x {y: z}} @@ -112,13 +112,13 @@ Error: expected media condition in parentheses. 1 | @media not {x {y: z}} | ^ ' - plain.css 1:12 @import - input.scss 1:9 root stylesheet + plain.css 1:12 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/nothing_after/and_not/input.scss -@import 'plain'; +@use 'plain'; <===> logic/nothing_after/and_not/plain.css @media a and not {x {y: z}} @@ -129,13 +129,13 @@ Error: expected media condition in parentheses. 1 | @media a and not {x {y: z}} | ^ ' - plain.css 1:18 @import - input.scss 1:9 root stylesheet + plain.css 1:18 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/nothing_after/and/after_type/input.scss -@import 'plain'; +@use 'plain'; <===> logic/nothing_after/and/after_type/plain.css @media a and {x {y: z}} @@ -146,13 +146,13 @@ Error: expected media condition in parentheses. 1 | @media a and {x {y: z}} | ^ ' - plain.css 1:14 @import - input.scss 1:9 root stylesheet + plain.css 1:14 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/nothing_after/and/after_paren/input.scss -@import 'plain'; +@use 'plain'; <===> logic/nothing_after/and/after_paren/plain.css @media (a) and {x {y: z}} @@ -163,13 +163,13 @@ Error: expected media condition in parentheses. 1 | @media (a) and {x {y: z}} | ^ ' - plain.css 1:16 @import - input.scss 1:9 root stylesheet + plain.css 1:16 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> logic/nothing_after/or/input.scss -@import 'plain'; +@use 'plain'; <===> logic/nothing_after/or/plain.css @media (a) or {x {y: z}} @@ -180,13 +180,13 @@ Error: expected media condition in parentheses. 1 | @media (a) or {x {y: z}} | ^ ' - plain.css 1:15 @import - input.scss 1:9 root stylesheet + plain.css 1:15 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> missing_whitespace/not/input.scss -@import 'plain'; +@use 'plain'; <===> missing_whitespace/not/plain.css @media not(a) {x {y: z}} @@ -197,13 +197,13 @@ Error: Expected whitespace. 1 | @media not(a) {x {y: z}} | ^ ' - plain.css 1:11 @import - input.scss 1:9 root stylesheet + plain.css 1:11 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> missing_whitespace/and_not/type/input.scss -@import 'plain'; +@use 'plain'; <===> missing_whitespace/and_not/type/plain.css @media a and not(b) {x {y: z}} @@ -214,13 +214,13 @@ Error: Expected whitespace. 1 | @media a and not(b) {x {y: z}} | ^ ' - plain.css 1:17 @import - input.scss 1:9 root stylesheet + plain.css 1:17 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> missing_whitespace/and_not/type_and_modifier/input.scss -@import 'plain'; +@use 'plain'; <===> missing_whitespace/and_not/type_and_modifier/plain.css @media only a and not(b) {x {y: z}} @@ -231,13 +231,13 @@ Error: Expected whitespace. 1 | @media only a and not(b) {x {y: z}} | ^ ' - plain.css 1:22 @import - input.scss 1:9 root stylesheet + plain.css 1:22 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> missing_whitespace/and/after_type/input.scss -@import 'plain'; +@use 'plain'; <===> missing_whitespace/and/after_type/plain.css @media a and(b) {x {y: z}} @@ -248,13 +248,13 @@ Error: Expected whitespace. 1 | @media a and(b) {x {y: z}} | ^ ' - plain.css 1:13 @import - input.scss 1:9 root stylesheet + plain.css 1:13 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> missing_whitespace/and/first/input.scss -@import 'plain'; +@use 'plain'; <===> missing_whitespace/and/first/plain.css @media (a) and(b) {x {y: z}} @@ -265,13 +265,13 @@ Error: Expected whitespace. 1 | @media (a) and(b) {x {y: z}} | ^ ' - plain.css 1:15 @import - input.scss 1:9 root stylesheet + plain.css 1:15 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> missing_whitespace/and/later/input.scss -@import 'plain'; +@use 'plain'; <===> missing_whitespace/and/later/plain.css @media (a) and (b) and(c) {x {y: z}} @@ -282,13 +282,13 @@ Error: Expected whitespace. 1 | @media (a) and (b) and(c) {x {y: z}} | ^ ' - plain.css 1:23 @import - input.scss 1:9 root stylesheet + plain.css 1:23 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> missing_whitespace/or/first/input.scss -@import 'plain'; +@use 'plain'; <===> missing_whitespace/or/first/plain.css @media (a) or(b) {x {y: z}} @@ -299,13 +299,13 @@ Error: Expected whitespace. 1 | @media (a) or(b) {x {y: z}} | ^ ' - plain.css 1:14 @import - input.scss 1:9 root stylesheet + plain.css 1:14 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> missing_whitespace/or/later/input.scss -@import 'plain'; +@use 'plain'; <===> missing_whitespace/or/later/plain.css @media (a) or (b) or(c) {x {y: z}} @@ -316,5 +316,5 @@ Error: Expected whitespace. 1 | @media (a) or (b) or(c) {x {y: z}} | ^ ' - plain.css 1:21 @import - input.scss 1:9 root stylesheet + plain.css 1:21 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/statement/at_rule.hrx b/spec/css/plain/error/statement/at_rule.hrx index 6c0287aca..c150bc444 100644 --- a/spec/css/plain/error/statement/at_rule.hrx +++ b/spec/css/plain/error/statement/at_rule.hrx @@ -1,5 +1,5 @@ <===> at_root/input.scss -@import 'plain' +@use 'plain' <===> at_root/plain.css a { @at-root b { @@ -13,13 +13,13 @@ Error: This at-rule isn't allowed in plain CSS. 2 | @at-root b { | ^^^^^^^^^^^ ' - plain.css 2:3 @import - input.scss 1:9 root stylesheet + plain.css 2:3 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> content/input.scss -@import 'plain' +@use 'plain' <===> content/plain.css @content; @@ -29,13 +29,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @content; | ^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> debug/input.scss -@import 'plain' +@use 'plain' <===> debug/plain.css @debug foo; @@ -45,13 +45,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @debug foo; | ^^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> each/input.scss -@import 'plain' +@use 'plain' <===> each/plain.css @each $i in 1 2 3 { a { @@ -65,13 +65,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @each $i in 1 2 3 { | ^^^^^^^^^^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> error/input.scss -@import 'plain' +@use 'plain' <===> error/plain.css @error foo; @@ -81,13 +81,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @error foo; | ^^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> extend/input.scss -@import 'plain' +@use 'plain' <===> extend/plain.css a { @extend b; @@ -99,13 +99,13 @@ Error: This at-rule isn't allowed in plain CSS. 2 | @extend b; | ^^^^^^^^^ ' - plain.css 2:3 @import - input.scss 1:9 root stylesheet + plain.css 2:3 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> for/input.scss -@import 'plain' +@use 'plain' <===> for/plain.css @for $i from 1 to 5 { a { @@ -119,13 +119,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @for $i from 1 to 5 { | ^^^^^^^^^^^^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> function/input.scss -@import 'plain' +@use 'plain' <===> function/plain.css @function foo() { @return 1; @@ -137,13 +137,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @function foo() { | ^^^^^^^^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> if/input.scss -@import 'plain' +@use 'plain' <===> if/plain.css @if true { a { @@ -157,13 +157,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @if true { | ^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> import/interpolated/input.scss -@import 'plain' +@use 'plain' <===> import/interpolated/plain.css @import url("foo#{bar}baz"); @@ -173,13 +173,13 @@ Error: Interpolation isn't allowed in plain CSS. 1 | @import url("foo#{bar}baz"); | ^^^^^^ ' - plain.css 1:17 @import - input.scss 1:9 root stylesheet + plain.css 1:17 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> import/nested/input.scss -@import 'plain' +@use 'plain' <===> import/nested/plain.css a { @import "foo"; @@ -193,7 +193,7 @@ a { <===> ================================================================================ <===> import/multi/input.scss -@import 'plain' +@use 'plain' <===> import/multi/plain.css @import "foo", "bar"; @@ -203,13 +203,13 @@ Error: expected ";". 1 | @import "foo", "bar"; | ^ ' - plain.css 1:14 @import - input.scss 1:9 root stylesheet + plain.css 1:14 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> include/input.scss -@import 'plain' +@use 'plain' <===> include/plain.css @include foo; @@ -219,18 +219,18 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @include foo; | ^^^^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> mixin/input.scss -@import 'plain' +@use 'plain' <===> mixin/plain.css @mixin foo { a { x: y; - } + } } <===> mixin/error @@ -239,13 +239,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @mixin foo { | ^^^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> return/input.scss -@import 'plain' +@use 'plain' <===> return/plain.css @return foo; @@ -255,13 +255,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @return foo; | ^^^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> warn/input.scss -@import 'plain' +@use 'plain' <===> warn/plain.css @warn foo; @@ -271,13 +271,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @warn foo; | ^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> while/input.scss -@import 'plain' +@use 'plain' <===> while/plain.css @while false { a { @@ -291,13 +291,13 @@ Error: This at-rule isn't allowed in plain CSS. 1 | @while false { | ^^^^^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> interpolation/input.scss -@import 'plain' +@use 'plain' <===> interpolation/plain.css @foo a#{b}c; @@ -307,5 +307,5 @@ Error: Interpolation isn't allowed in plain CSS. 1 | @foo a#{b}c; | ^^^^ ' - plain.css 1:7 @import - input.scss 1:9 root stylesheet + plain.css 1:7 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/statement/silent_comment.hrx b/spec/css/plain/error/statement/silent_comment.hrx index 6c852fcca..ddfde96cb 100644 --- a/spec/css/plain/error/statement/silent_comment.hrx +++ b/spec/css/plain/error/statement/silent_comment.hrx @@ -1,5 +1,5 @@ <===> input.scss -@import 'plain' +@use 'plain' <===> plain.css // silent @@ -10,5 +10,5 @@ Error: Silent comments aren't allowed in plain CSS. 1 | // silent | ^^^^^^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/error/statement/style_rule.hrx b/spec/css/plain/error/statement/style_rule.hrx index e6e481525..89a50f02f 100644 --- a/spec/css/plain/error/statement/style_rule.hrx +++ b/spec/css/plain/error/statement/style_rule.hrx @@ -1,5 +1,5 @@ <===> nested_property/no_value/input.scss -@import 'plain' +@use 'plain' <===> nested_property/no_value/plain.css a { x: { @@ -13,13 +13,13 @@ Error: Nested declarations aren't allowed in plain CSS. 2 | x: { | ^ ' - plain.css 2:6 @import - input.scss 1:9 root stylesheet + plain.css 2:6 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> nested_property/value/input.scss -@import 'plain' +@use 'plain' <===> nested_property/value/plain.css a { @@ -34,8 +34,8 @@ Error: Nested declarations aren't allowed in plain CSS. 2 | b: c { | ^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet <===> ================================================================================ @@ -144,7 +144,7 @@ Error: Top-level leading combinators aren't allowed in plain CSS. <===> ================================================================================ <===> placeholder_selector/input.scss -@import 'plain' +@use 'plain' <===> placeholder_selector/plain.css %foo { x: y; @@ -156,13 +156,13 @@ Error: Placeholder selectors aren't allowed in plain CSS. 1 | %foo { | ^^^^ ' - plain.css 1:1 @import - input.scss 1:9 root stylesheet + plain.css 1:1 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> interpolation/selector/input.scss -@import 'plain' +@use 'plain' <===> interpolation/selector/plain.css a#{b}c { x: y; @@ -174,13 +174,13 @@ Error: Interpolation isn't allowed in plain CSS. 1 | a#{b}c { | ^^^^ ' - plain.css 1:2 @import - input.scss 1:9 root stylesheet + plain.css 1:2 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> interpolation/declaration/input.scss -@import 'plain' +@use 'plain' <===> interpolation/declaration/plain.css a { w#{x}y: z; @@ -192,13 +192,13 @@ Error: Interpolation isn't allowed in plain CSS. 2 | w#{x}y: z; | ^^^^ ' - plain.css 2:4 @import - input.scss 1:9 root stylesheet + plain.css 2:4 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> interpolation/custom_property/input.scss -@import 'plain' +@use 'plain' <===> interpolation/custom_property/plain.css a { --b: #{c}; @@ -210,5 +210,5 @@ Error: Interpolation isn't allowed in plain CSS. 2 | --b: #{c}; | ^^^^ ' - plain.css 2:8 @import - input.scss 1:9 root stylesheet + plain.css 2:8 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/extend.hrx b/spec/css/plain/extend.hrx index ee30a3a8e..eee3a9b09 100644 --- a/spec/css/plain/extend.hrx +++ b/spec/css/plain/extend.hrx @@ -1,5 +1,5 @@ <===> input.scss -@import "plain"; +@use "plain"; a {@extend b} diff --git a/spec/css/plain/functions.hrx b/spec/css/plain/functions.hrx index 75f2c4faa..e77933432 100644 --- a/spec/css/plain/functions.hrx +++ b/spec/css/plain/functions.hrx @@ -14,7 +14,7 @@ c { <===> ================================================================================ <===> hsl/input.scss -@import "plain"; +@use "plain"; <===> hsl/plain.css a {b: hsl(0, 100%, 50%)} @@ -27,7 +27,7 @@ a { <===> ================================================================================ <===> hsla/input.scss -@import "plain"; +@use "plain"; <===> hsla/plain.css a {b: hsla(0, 100%, 50%, 0.5)} @@ -40,7 +40,7 @@ a { <===> ================================================================================ <===> rgb/input.scss -@import "plain"; +@use "plain"; <===> rgb/plain.css a {b: rgb(10, 20, 30)} @@ -53,7 +53,7 @@ a { <===> ================================================================================ <===> rgba/input.scss -@import "plain"; +@use "plain"; <===> rgba/plain.css a {b: rgba(10, 20, 30, 0.5)} @@ -66,7 +66,7 @@ a { <===> ================================================================================ <===> grayscale/input.scss -@import "plain"; +@use "plain"; <===> grayscale/plain.css a {b: grayscale(0.1)} @@ -79,7 +79,7 @@ a { <===> ================================================================================ <===> invert/input.scss -@import "plain"; +@use "plain"; <===> invert/plain.css a {b: invert(0.1)} @@ -92,7 +92,7 @@ a { <===> ================================================================================ <===> alpha/input.scss -@import "plain"; +@use "plain"; <===> alpha/plain.css a {b: alpha(0.1)} @@ -105,7 +105,7 @@ a { <===> ================================================================================ <===> saturate/input.scss -@import "plain"; +@use "plain"; <===> saturate/plain.css a {b: saturate(0.1)} @@ -118,7 +118,7 @@ a { <===> ================================================================================ <===> empty_fallback_var/input.scss -@import "plain"; +@use "plain"; <===> empty_fallback_var/plain.css a {b: var(--c, )} @@ -131,7 +131,7 @@ a { <===> ================================================================================ <===> error/empty_fallback_var/invalid_second_arg_syntax/input.scss -@import "plain"; +@use "plain"; <===> error/empty_fallback_var/invalid_second_arg_syntax/plain.css a {b: var(--c, {})} @@ -142,13 +142,13 @@ Error: Expected expression. 1 | a {b: var(--c, {})} | ^ ' - plain.css 1:16 @import - input.scss 1:9 root stylesheet + plain.css 1:16 @use + input.scss 1:1 root stylesheet <===> ================================================================================ <===> error/empty_fallback_var/empty_second_before_third/input.scss -@import "plain"; +@use "plain"; <===> error/empty_fallback_var/empty_second_before_third/plain.css a {b: var(--c, , d)} @@ -159,5 +159,5 @@ Error: Expected expression. 1 | a {b: var(--c, , d)} | ^ ' - plain.css 1:16 @import - input.scss 1:9 root stylesheet + plain.css 1:16 @use + input.scss 1:1 root stylesheet diff --git a/spec/css/plain/hacks.hrx b/spec/css/plain/hacks.hrx index e8e5be66f..4525cb059 100644 --- a/spec/css/plain/hacks.hrx +++ b/spec/css/plain/hacks.hrx @@ -1,5 +1,5 @@ <===> input.scss -@import "plain"; +@use "plain"; <===> plain.css .hacks { diff --git a/spec/css/plain/media.hrx b/spec/css/plain/media.hrx index a711c3f2b..a15d9c03e 100644 --- a/spec/css/plain/media.hrx +++ b/spec/css/plain/media.hrx @@ -1,5 +1,5 @@ <===> logic/and_not/lowercase/input.scss -@import 'plain'; +@use 'plain'; <===> logic/and_not/lowercase/plain.css @media a and not (b) {x {y: z}} @@ -14,7 +14,7 @@ <===> ================================================================================ <===> logic/and_not/mixed_case/input.scss -@import 'plain'; +@use 'plain'; <===> logic/and_not/mixed_case/plain.css @media a AnD nOt (b) {x {y: z}} @@ -29,7 +29,7 @@ <===> ================================================================================ <===> logic/and_not/after_type_and_modifier/input.scss -@import 'plain'; +@use 'plain'; <===> logic/and_not/after_type_and_modifier/plain.css @media only a and not (b) {x {y: z}} @@ -44,7 +44,7 @@ <===> ================================================================================ <===> logic/and/one/input.scss -@import 'plain'; +@use 'plain'; <===> logic/and/one/plain.css @media (a) and (b) {x {y: z}} @@ -59,7 +59,7 @@ <===> ================================================================================ <===> logic/and/no_whitespace_before/input.scss -@import 'plain'; +@use 'plain'; <===> logic/and/no_whitespace_before/plain.css @media (a)and (b) {x {y: z}} @@ -74,7 +74,7 @@ <===> ================================================================================ <===> logic/and/multiple/input.scss -@import 'plain'; +@use 'plain'; <===> logic/and/multiple/plain.css @media (a) and (b) and (c) and (d) {x {y: z}} @@ -89,7 +89,7 @@ <===> ================================================================================ <===> logic/and/mixed_case/input.scss -@import 'plain'; +@use 'plain'; <===> logic/and/mixed_case/plain.css @media (a) AnD (b) {x {y: z}} @@ -104,7 +104,7 @@ <===> ================================================================================ <===> logic/or/one/input.scss -@import 'plain'; +@use 'plain'; <===> logic/or/one/plain.css @media (a) or (b) {x {y: z}} @@ -119,7 +119,7 @@ <===> ================================================================================ <===> logic/or/no_whitespace_before/input.scss -@import 'plain'; +@use 'plain'; <===> logic/or/no_whitespace_before/plain.css @media (a)or (b) {x {y: z}} @@ -134,7 +134,7 @@ <===> ================================================================================ <===> logic/or/multiple/input.scss -@import 'plain'; +@use 'plain'; <===> logic/or/multiple/plain.css @media (a) or (b) or (c) or (d) {x {y: z}} @@ -149,7 +149,7 @@ <===> ================================================================================ <===> logic/or/mixed_case/input.scss -@import 'plain'; +@use 'plain'; <===> logic/or/mixed_case/plain.css @media (a) oR (b) {x {y: z}} @@ -164,7 +164,7 @@ <===> ================================================================================ <===> logic/not/lowercase/input.scss -@import 'plain'; +@use 'plain'; <===> logic/not/lowercase/plain.css @media not (a) {x {y: z}} @@ -179,7 +179,7 @@ <===> ================================================================================ <===> logic/not/mixed_case/input.scss -@import 'plain'; +@use 'plain'; <===> logic/not/mixed_case/plain.css @media NoT (a) {x {y: z}} diff --git a/spec/css/plain/null.hrx b/spec/css/plain/null.hrx index 8f40e329b..32c1f2078 100644 --- a/spec/css/plain/null.hrx +++ b/spec/css/plain/null.hrx @@ -1,5 +1,5 @@ <===> input.scss -@import "plain"; +@use "plain"; <===> plain.css a { diff --git a/spec/css/plain/single_equals.hrx b/spec/css/plain/single_equals.hrx index 6823adac0..5d82612ed 100644 --- a/spec/css/plain/single_equals.hrx +++ b/spec/css/plain/single_equals.hrx @@ -1,5 +1,5 @@ <===> input.scss -@import "plain"; +@use "plain"; <===> plain.css a { diff --git a/spec/css/plain/slash.hrx b/spec/css/plain/slash.hrx index 3e8516c1a..c9442756a 100644 --- a/spec/css/plain/slash.hrx +++ b/spec/css/plain/slash.hrx @@ -1,5 +1,5 @@ <===> with_intermediate/input.scss -@import "plain"; +@use "plain"; <===> with_intermediate/plain.css a {b: 1/2/foo/bar} @@ -12,7 +12,7 @@ a { <===> ================================================================================ <===> without_intermediate/whitespace/input.scss -@import "plain"; +@use "plain"; <===> without_intermediate/whitespace/plain.css a {b: 1/ / /bar} @@ -25,7 +25,7 @@ a { <===> ================================================================================ <===> without_intermediate/no_whitespace/input.scss -@import "plain"; +@use "plain"; <===> without_intermediate/no_whitespace/plain.css a {b: 1///bar} diff --git a/spec/directives/forward/with/variable_exists.hrx b/spec/directives/forward/with/variable_exists.hrx index 62110bd10..b42526120 100644 --- a/spec/directives/forward/with/variable_exists.hrx +++ b/spec/directives/forward/with/variable_exists.hrx @@ -5,11 +5,12 @@ @forward "upstream" with ($a: configured); <===> _upstream.scss -$before-declaration: variable-exists(a); +@use "sass:meta"; +$before-declaration: meta.variable-exists(a); $a: original !default; b { before-declaration: $before-declaration; - after-declaration: variable-exists(a); + after-declaration: meta.variable-exists(a); } <===> output.css diff --git a/spec/directives/use/with/variable_exists.hrx b/spec/directives/use/with/variable_exists.hrx index eb59e63fe..cff1d23a9 100644 --- a/spec/directives/use/with/variable_exists.hrx +++ b/spec/directives/use/with/variable_exists.hrx @@ -2,11 +2,12 @@ @use "other" with ($a: configured); <===> _other.scss -$before-declaration: variable-exists(a); +@use "sass:meta"; +$before-declaration: meta.variable-exists(a); $a: original !default; b { before-declaration: $before-declaration; - after-declaration: variable-exists(a); + after-declaration: meta.variable-exists(a); } <===> output.css diff --git a/spec/libsass-closed-issues/issue-2640.hrx b/spec/libsass-closed-issues/issue-2640.hrx index eb660bafe..c20eaceb6 100644 --- a/spec/libsass-closed-issues/issue-2640.hrx +++ b/spec/libsass-closed-issues/issue-2640.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:selector"; .theme1, .theme2 { .something { /* nothing */ } } -$sel: selector-nest('.theme1, .theme2', '.something'); +$sel: selector.nest('.theme1, .theme2', '.something'); #{$sel} { /* nothing */ diff --git a/spec/libsass-closed-issues/issue_100.hrx b/spec/libsass-closed-issues/issue_100.hrx index c758b7247..d5eee41d5 100644 --- a/spec/libsass-closed-issues/issue_100.hrx +++ b/spec/libsass-closed-issues/issue_100.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:color"; $endColor: red; test { - background-color: darken($endColor, 10%) \9; + background-color: color.adjust($endColor, $lightness: -10%) \9; } <===> output.css test { diff --git a/spec/libsass-closed-issues/issue_1075.hrx b/spec/libsass-closed-issues/issue_1075.hrx index 10896961d..7f4ba9e0a 100644 --- a/spec/libsass-closed-issues/issue_1075.hrx +++ b/spec/libsass-closed-issues/issue_1075.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:meta"; $name: "lighten"; $args: ("color": #ff0000, "amount": 10%); foo { - bar: call($name, $args...); + bar: meta.call($name, $args...); } <===> output.css @@ -16,7 +17,7 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function("lighten")) , -4 | bar: call($name, $args...); - | ^^^^^^^^^^^^^^^^^^^^^ +5 | bar: meta.call($name, $args...); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 4:8 root stylesheet + input.scss 5:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1101.hrx b/spec/libsass-closed-issues/issue_1101.hrx index 0439c858c..d739f9334 100644 --- a/spec/libsass-closed-issues/issue_1101.hrx +++ b/spec/libsass-closed-issues/issue_1101.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:color"; $foo: white; foo { - bar: adjust-color($foo, $hue: -6deg, $lightness: -16%, $saturation: -7%); + bar: color.adjust($foo, $hue: -6deg, $lightness: -16%, $saturation: -7%); } <===> output.css foo { diff --git a/spec/libsass-closed-issues/issue_1106.hrx b/spec/libsass-closed-issues/issue_1106.hrx index cf5e4c507..00989b935 100644 --- a/spec/libsass-closed-issues/issue_1106.hrx +++ b/spec/libsass-closed-issues/issue_1106.hrx @@ -1,31 +1,24 @@ <===> input.scss +@use "sass:string"; @function foo() { @return null; } $foo: null; a { foo: bar; variable: $foo; function: foo(); - unquote: unquote($foo); + unquote: string.unquote($foo); } b { variable: $foo; function: foo(); - unquote: unquote($foo); + unquote: string.unquote($foo); } -<===> warning -DEPRECATION WARNING: Passing null, a non-string value, to unquote() -will be an error in future versions of Sass. - on line 7 of input.scss -DEPRECATION WARNING: Passing null, a non-string value, to unquote() -will be an error in future versions of Sass. - on line 13 of input.scss - <===> error Error: $string: null is not a string. , -7 | unquote: unquote($foo); - | ^^^^^^^^^^^^^ +8 | unquote: string.unquote($foo); + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 7:14 root stylesheet + input.scss 8:14 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1127.hrx b/spec/libsass-closed-issues/issue_1127.hrx index 4a68b42c6..bd5e6f081 100644 --- a/spec/libsass-closed-issues/issue_1127.hrx +++ b/spec/libsass-closed-issues/issue_1127.hrx @@ -1,7 +1,8 @@ <===> input.scss -$a: to-upper-case('abcd'); -$b: to-upper-case("abcd"); -$c: to-upper-case(abcd); +@use "sass:string"; +$a: string.to-upper-case('abcd'); +$b: string.to-upper-case("abcd"); +$c: string.to-upper-case(abcd); foo { content: #{$a}; @@ -14,35 +15,35 @@ foo { content: "#{$b}"; content: "#{$c}"; - content: #{unquote($a)}; - content: #{unquote($b)}; - content: #{unquote($c)}; - content: '#{unquote($a)}'; - content: '#{unquote($b)}'; - content: '#{unquote($c)}'; - content: "#{unquote($a)}"; - content: "#{unquote($b)}"; - content: "#{unquote($c)}"; + content: #{string.unquote($a)}; + content: #{string.unquote($b)}; + content: #{string.unquote($c)}; + content: '#{string.unquote($a)}'; + content: '#{string.unquote($b)}'; + content: '#{string.unquote($c)}'; + content: "#{string.unquote($a)}"; + content: "#{string.unquote($b)}"; + content: "#{string.unquote($c)}"; - content: #{$a + unquote("efg")}; - content: #{$b + unquote("efg")}; - content: #{$c + unquote("efg")}; - content: '#{$a + unquote("efg")}'; - content: '#{$b + unquote("efg")}'; - content: '#{$c + unquote("efg")}'; - content: "#{$a + unquote("efg")}"; - content: "#{$b + unquote("efg")}"; - content: "#{$c + unquote("efg")}"; + content: #{$a + string.unquote("efg")}; + content: #{$b + string.unquote("efg")}; + content: #{$c + string.unquote("efg")}; + content: '#{$a + string.unquote("efg")}'; + content: '#{$b + string.unquote("efg")}'; + content: '#{$c + string.unquote("efg")}'; + content: "#{$a + string.unquote("efg")}"; + content: "#{$b + string.unquote("efg")}"; + content: "#{$c + string.unquote("efg")}"; - content: #{$a + unquote("")}; - content: #{$b + unquote("")}; - content: #{$c + unquote("")}; - content: '#{$a + unquote("")}'; - content: '#{$b + unquote("")}'; - content: '#{$c + unquote("")}'; - content: "#{$a + unquote("")}"; - content: "#{$b + unquote("")}"; - content: "#{$c + unquote("")}"; + content: #{$a + string.unquote("")}; + content: #{$b + string.unquote("")}; + content: #{$c + string.unquote("")}; + content: '#{$a + string.unquote("")}'; + content: '#{$b + string.unquote("")}'; + content: '#{$c + string.unquote("")}'; + content: "#{$a + string.unquote("")}"; + content: "#{$b + string.unquote("")}"; + content: "#{$c + string.unquote("")}"; } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1132.hrx b/spec/libsass-closed-issues/issue_1132.hrx index 41bde3ffb..96ceb265d 100644 --- a/spec/libsass-closed-issues/issue_1132.hrx +++ b/spec/libsass-closed-issues/issue_1132.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:color"; foo { @for $i from 0 through 360 { - i#{$i}: hue(hsl($i, 10%, 20%)); + i#{$i}: color.hue(hsl($i, 10%, 20%)); } } diff --git a/spec/libsass-closed-issues/issue_1133/normal.hrx b/spec/libsass-closed-issues/issue_1133/normal.hrx index 6ca187dee..f2a64973f 100644 --- a/spec/libsass-closed-issues/issue_1133/normal.hrx +++ b/spec/libsass-closed-issues/issue_1133/normal.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; @function foo($map) { @return $map; } @@ -11,7 +12,7 @@ a { } b { - $map: call("foo", (this: is, my: map)); + $map: meta.call("foo", (this: is, my: map)); @each $k, $v in $map { #{$k}: $v; } @@ -34,7 +35,7 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function("foo")) , -13 | $map: call("foo", (this: is, my: map)); - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +14 | $map: meta.call("foo", (this: is, my: map)); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 13:11 root stylesheet + input.scss 14:11 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1133/vararg.hrx b/spec/libsass-closed-issues/issue_1133/vararg.hrx index 9a38193dc..5acbd9a9c 100644 --- a/spec/libsass-closed-issues/issue_1133/vararg.hrx +++ b/spec/libsass-closed-issues/issue_1133/vararg.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; @function foo($this, $my) { @return (this: $this, my: $my); } @@ -11,7 +12,7 @@ a { } b { - $map: call("foo", (this: is, my: map)...); + $map: meta.call("foo", (this: is, my: map)...); @each $k, $v in $map { #{$k}: $v; } @@ -34,7 +35,7 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function("foo")) , -13 | $map: call("foo", (this: is, my: map)...); - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +14 | $map: meta.call("foo", (this: is, my: map)...); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 13:9 root stylesheet + input.scss 14:9 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1169/error/color.hrx b/spec/libsass-closed-issues/issue_1169/error/color.hrx index 8a138abb6..660f4a0ed 100644 --- a/spec/libsass-closed-issues/issue_1169/error/color.hrx +++ b/spec/libsass-closed-issues/issue_1169/error/color.hrx @@ -1,18 +1,20 @@ <===> input.scss -$map: ( - red: 'foo', - red: 'bar', -); - -.foo { - content: inspect($map); +@use "sass:meta"; + +$map: ( + red: 'foo', + red: 'bar', +); + +.foo { + content: meta.inspect($map); } <===> error Error: Duplicate key. , -2 | red: 'foo', +4 | red: 'foo', | === first key -3 | red: 'bar', +5 | red: 'bar', | ^^^ second key ' - input.scss 3:3 root stylesheet + input.scss 5:3 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1169/error/functioncall.hrx b/spec/libsass-closed-issues/issue_1169/error/functioncall.hrx index 5f68b53af..a84c587b7 100644 --- a/spec/libsass-closed-issues/issue_1169/error/functioncall.hrx +++ b/spec/libsass-closed-issues/issue_1169/error/functioncall.hrx @@ -1,22 +1,24 @@ <===> input.scss -@function fncall($void) { - @return "key"; -} - -$map: ( - fncall(1+2): 'foo', - fncall(1+2): 'bar', -); - -.foo { - content: inspect($map); +@use "sass:meta"; + +@function fncall($void) { + @return "key"; +} + +$map: ( + fncall(1+2): 'foo', + fncall(1+2): 'bar', +); + +.foo { + content: meta.inspect($map); } <===> error Error: Duplicate key. , -6 | fncall(1+2): 'foo', +8 | fncall(1+2): 'foo', | =========== first key -7 | fncall(1+2): 'bar', +9 | fncall(1+2): 'bar', | ^^^^^^^^^^^ second key ' - input.scss 7:3 root stylesheet + input.scss 9:3 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1169/error/interpolate.hrx b/spec/libsass-closed-issues/issue_1169/error/interpolate.hrx index 5b9c7f7f8..cff83db36 100644 --- a/spec/libsass-closed-issues/issue_1169/error/interpolate.hrx +++ b/spec/libsass-closed-issues/issue_1169/error/interpolate.hrx @@ -1,18 +1,20 @@ <===> input.scss -$map: ( - 'red': 'bar', - #{re}#{'d'}: 'baz', -); - -.foo { - content: inspect($map); +@use "sass:meta"; + +$map: ( + 'red': 'bar', + #{re}#{'d'}: 'baz', +); + +.foo { + content: meta.inspect($map); } <===> error Error: Duplicate key. , -2 | 'red': 'bar', +4 | 'red': 'bar', | ===== first key -3 | #{re}#{'d'}: 'baz', +5 | #{re}#{'d'}: 'baz', | ^^^^^^^^^^^ second key ' - input.scss 3:3 root stylesheet + input.scss 5:3 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1169/error/simple.hrx b/spec/libsass-closed-issues/issue_1169/error/simple.hrx index 9d544844e..7c3ec8be1 100644 --- a/spec/libsass-closed-issues/issue_1169/error/simple.hrx +++ b/spec/libsass-closed-issues/issue_1169/error/simple.hrx @@ -1,11 +1,13 @@ <===> input.scss -$map: ( - red: 'bar', - #{red}: 'baz', -); - -.foo { - content: inspect($map); +@use "sass:meta"; + +$map: ( + red: 'bar', + #{red}: 'baz', +); + +.foo { + content: meta.inspect($map); } <===> output.css .foo { diff --git a/spec/libsass-closed-issues/issue_1169/functioncall.hrx b/spec/libsass-closed-issues/issue_1169/functioncall.hrx index 84f0fc33e..c076f0006 100644 --- a/spec/libsass-closed-issues/issue_1169/functioncall.hrx +++ b/spec/libsass-closed-issues/issue_1169/functioncall.hrx @@ -1,4 +1,6 @@ <===> input.scss +@use "sass:meta"; + $count: 0; @function counter() { @@ -12,7 +14,7 @@ $map: ( ); .foo { - content: inspect($map); + content: meta.inspect($map); } <===> output.css .foo { diff --git a/spec/libsass-closed-issues/issue_1169/interpolated.hrx b/spec/libsass-closed-issues/issue_1169/interpolated.hrx index efe3ff151..501644bc7 100644 --- a/spec/libsass-closed-issues/issue_1169/interpolated.hrx +++ b/spec/libsass-closed-issues/issue_1169/interpolated.hrx @@ -1,22 +1,25 @@ <===> input.scss +@use "sass:map"; +@use "sass:meta"; + $map1: ( red: 'literal', transparent: 'literal' ); $map2: ( 'red': 'quoted', transparent: 'quoted' ); $map3: ( #{re}#{d}: 'interpolated', #{trans}#{parent}: 'quoted' ); foo { - content: inspect($map1); - content: inspect($map2); - content: inspect($map3); + content: meta.inspect($map1); + content: meta.inspect($map2); + content: meta.inspect($map3); } -$merge1: map-merge($map1, $map2); -$merge2: map-merge($map1, $map3); -$merge3: map-merge($map2, $map3); +$merge1: map.merge($map1, $map2); +$merge2: map.merge($map1, $map3); +$merge3: map.merge($map2, $map3); bar { - content: inspect($merge1); - content: inspect($merge2); - content: inspect($merge3); + content: meta.inspect($merge1); + content: meta.inspect($merge2); + content: meta.inspect($merge3); } <===> output.css foo { diff --git a/spec/libsass-closed-issues/issue_1169/simple.hrx b/spec/libsass-closed-issues/issue_1169/simple.hrx index c95c0ee17..93dd51a6e 100644 --- a/spec/libsass-closed-issues/issue_1169/simple.hrx +++ b/spec/libsass-closed-issues/issue_1169/simple.hrx @@ -1,17 +1,19 @@ <===> input.scss -$map1: ( - red: 'bar', - 'red': 'foo', -); - -$map2: ( - red: 'bar', - 'red': #{red}, -); - -.foo { - content: inspect($map1); - content: inspect($map2); +@use "sass:meta"; + +$map1: ( + red: 'bar', + 'red': 'foo', +); + +$map2: ( + red: 'bar', + 'red': #{red}, +); + +.foo { + content: meta.inspect($map1); + content: meta.inspect($map2); } <===> output.css .foo { diff --git a/spec/libsass-closed-issues/issue_1171.hrx b/spec/libsass-closed-issues/issue_1171.hrx index f2a77ff89..c7a1ca73d 100644 --- a/spec/libsass-closed-issues/issue_1171.hrx +++ b/spec/libsass-closed-issues/issue_1171.hrx @@ -1,18 +1,19 @@ <===> input.scss +@use "sass:list"; @function foo($initial, $args...) { - $args: append($args, 3); + $args: list.append($args, 3); @return bar($initial, $args...); } @function bar($args...) { - @return length($args); + @return list.length($args); } @function baz($initial, $args...) { - $args: append($args, 3); + $args: list.append($args, 3); - @return nth($args, 1); + @return list.nth($args, 1); } .test { diff --git a/spec/libsass-closed-issues/issue_1178.hrx b/spec/libsass-closed-issues/issue_1178.hrx index 876d88c73..e3a50f7d9 100644 --- a/spec/libsass-closed-issues/issue_1178.hrx +++ b/spec/libsass-closed-issues/issue_1178.hrx @@ -1,11 +1,13 @@ <===> input.scss +@use "sass:meta"; + $foo: ((4, 5), 6, (7 8) 9); bar { a: $foo; f: 1 2 3 + $foo; b: 1, 2, 3 + (2 ($foo)); - x: inspect($foo); + x: meta.inspect($foo); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1187.hrx b/spec/libsass-closed-issues/issue_1187.hrx index 3080da6d8..e8d941cf4 100644 --- a/spec/libsass-closed-issues/issue_1187.hrx +++ b/spec/libsass-closed-issues/issue_1187.hrx @@ -1,4 +1,6 @@ <===> input.scss +@use "sass:meta"; + $a: 'foo'; $b: 'foo'; $map: ( @@ -8,14 +10,14 @@ $map: ( .foo { content: $a == $b; - content: inspect($map); + content: meta.inspect($map); } <===> error Error: Duplicate key. , -4 | $a: 1, +6 | $a: 1, | == first key -5 | $b: 2 +7 | $b: 2 | ^^ second key ' - input.scss 5:3 root stylesheet + input.scss 7:3 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1192.hrx b/spec/libsass-closed-issues/issue_1192.hrx index f69ffc635..512642df9 100644 --- a/spec/libsass-closed-issues/issue_1192.hrx +++ b/spec/libsass-closed-issues/issue_1192.hrx @@ -1,10 +1,12 @@ <===> input.scss +@use "sass:meta"; + $keyword: foobar; @mixin test($arglist...){ - $map: keywords($arglist); - /*#{inspect($map)}*/ - /*#{inspect($arglist)}*/ + $map: meta.keywords($arglist); + /*#{meta.inspect($map)}*/ + /*#{meta.inspect($arglist)}*/ } // Works diff --git a/spec/libsass-closed-issues/issue_1207.hrx b/spec/libsass-closed-issues/issue_1207.hrx index 0067100c8..064bc406c 100644 --- a/spec/libsass-closed-issues/issue_1207.hrx +++ b/spec/libsass-closed-issues/issue_1207.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:string"; @function test($pos) { @return test-#{$pos}; } .foo { - content: test(str-slice('scale-0', 7)); // Nope - content: test-#{str-slice('scale-0', 7)}; // Yep + content: test(string.slice('scale-0', 7)); // Nope + content: test-#{string.slice('scale-0', 7)}; // Yep } <===> output.css .foo { diff --git a/spec/libsass-closed-issues/issue_1240.hrx b/spec/libsass-closed-issues/issue_1240.hrx index 051ad6855..789837fa1 100644 --- a/spec/libsass-closed-issues/issue_1240.hrx +++ b/spec/libsass-closed-issues/issue_1240.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:list"; $var: 1; $list: 2, 3; -$new-list: append($var, $list); +$new-list: list.append($var, $list); $nested-list: $var $list; @debug($var); @debug($list); @@ -22,7 +23,7 @@ div { } <===> warning -input.scss:5 DEBUG: 1 -input.scss:6 DEBUG: 2, 3 -input.scss:7 DEBUG: 1 (2, 3) +input.scss:6 DEBUG: 1 +input.scss:7 DEBUG: 2, 3 input.scss:8 DEBUG: 1 (2, 3) +input.scss:9 DEBUG: 1 (2, 3) diff --git a/spec/libsass-closed-issues/issue_1255.hrx b/spec/libsass-closed-issues/issue_1255.hrx index 09894f53f..dc14088e4 100644 --- a/spec/libsass-closed-issues/issue_1255.hrx +++ b/spec/libsass-closed-issues/issue_1255.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:list"; @function double($value) { @return $value * 2; } @mixin dummy-bug($args...) { - @for $i from 1 through length($args) { - $args: set-nth($args, $i, double(nth($args, $i))); + @for $i from 1 through list.length($args) { + $args: list.set-nth($args, $i, double(list.nth($args, $i))); } content: $args; diff --git a/spec/libsass-closed-issues/issue_1257.hrx b/spec/libsass-closed-issues/issue_1257.hrx index e7713a4bd..e44203e33 100644 --- a/spec/libsass-closed-issues/issue_1257.hrx +++ b/spec/libsass-closed-issues/issue_1257.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:color"; .foo { - color: invert(red...); + color: color.invert(red...); } <===> output.css .foo { diff --git a/spec/libsass-closed-issues/issue_1258.hrx b/spec/libsass-closed-issues/issue_1258.hrx index c8076fb1b..16b7eece0 100644 --- a/spec/libsass-closed-issues/issue_1258.hrx +++ b/spec/libsass-closed-issues/issue_1258.hrx @@ -4,13 +4,14 @@ - dart-sass <===> input.scss +@use "sass:string"; $list: '(-webkit-min-device-pixel-ratio: 2)', '(min-resolution: 192dpi)'; $string: '(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)'; .foo { // I should not unquote a list, I know. But still. - content: unquote($list); - content: unquote($string); + content: string.unquote($list); + content: string.unquote($string); } <===> output.css .foo { diff --git a/spec/libsass-closed-issues/issue_1260.hrx b/spec/libsass-closed-issues/issue_1260.hrx index fbc0033da..e935177d8 100644 --- a/spec/libsass-closed-issues/issue_1260.hrx +++ b/spec/libsass-closed-issues/issue_1260.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:list"; $EQ-Selectors: (); .el { - $EQ-Selectors: append($EQ-Selectors, &, 'comma') !global; + $EQ-Selectors: list.append($EQ-Selectors, &, 'comma') !global; } html:before { diff --git a/spec/libsass-closed-issues/issue_1266/max.hrx b/spec/libsass-closed-issues/issue_1266/max.hrx index ee467ac31..037543aef 100644 --- a/spec/libsass-closed-issues/issue_1266/max.hrx +++ b/spec/libsass-closed-issues/issue_1266/max.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $foo: 1 2 3 blah 4; foo { - bar: call(max, $foo...); + bar: meta.call(max, $foo...); } <===> error @@ -10,14 +11,14 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function(max)) , -3 | bar: call(max, $foo...); - | ^^^^^^^^^^^^^^^^^^ +4 | bar: meta.call(max, $foo...); + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:8 root stylesheet + input.scss 4:8 root stylesheet Error: blah is not a number. , -3 | bar: call(max, $foo...); - | ^^^^^^^^^^^^^^^^^^ +4 | bar: meta.call(max, $foo...); + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:8 root stylesheet + input.scss 4:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1266/min.hrx b/spec/libsass-closed-issues/issue_1266/min.hrx index 2d5c8791d..ceb02582e 100644 --- a/spec/libsass-closed-issues/issue_1266/min.hrx +++ b/spec/libsass-closed-issues/issue_1266/min.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $foo: 1 2 3 blah 4; foo { - bar: call(min, $foo...); + bar: meta.call(min, $foo...); } <===> error @@ -10,14 +11,14 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function(min)) , -3 | bar: call(min, $foo...); - | ^^^^^^^^^^^^^^^^^^ +4 | bar: meta.call(min, $foo...); + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:8 root stylesheet + input.scss 4:8 root stylesheet Error: blah is not a number. , -3 | bar: call(min, $foo...); - | ^^^^^^^^^^^^^^^^^^ +4 | bar: meta.call(min, $foo...); + | ^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:8 root stylesheet + input.scss 4:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1269.hrx b/spec/libsass-closed-issues/issue_1269.hrx index 73f07cc43..572ee9208 100644 --- a/spec/libsass-closed-issues/issue_1269.hrx +++ b/spec/libsass-closed-issues/issue_1269.hrx @@ -1,12 +1,15 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; + @function push($list, $items...) { - @return join($list, $items, $separator: auto); + @return list.join($list, $items, $separator: auto); } .test { $list: push(1 2 3, 4, 5); - list: inspect($list); - value: nth($list, 4); + list: meta.inspect($list); + value: list.nth($list, 4); } <===> output.css .test { diff --git a/spec/libsass-closed-issues/issue_1271.hrx b/spec/libsass-closed-issues/issue_1271.hrx index 31e16b55d..b03b48571 100644 --- a/spec/libsass-closed-issues/issue_1271.hrx +++ b/spec/libsass-closed-issues/issue_1271.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:string"; $character-code: f102; test { @@ -6,10 +7,10 @@ test { /* Expected: "\f102" */ /* Sass 3.4 */ - content: unquote("\"\\#{$character-code}\""); + content: string.unquote("\"\\#{$character-code}\""); /* Sass 3.3 */ - content: str-slice("\x", 1, 1) + $character-code; + content: string.slice("\x", 1, 1) + $character-code; } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1279.hrx b/spec/libsass-closed-issues/issue_1279.hrx index 0a6fd73d0..b8719947c 100644 --- a/spec/libsass-closed-issues/issue_1279.hrx +++ b/spec/libsass-closed-issues/issue_1279.hrx @@ -1,13 +1,14 @@ <===> input.scss +@use "sass:string"; @function noop($string) { @return $string; } .foo { - upper: to-upper-case('f') + str-slice('foo', 2); - lower: to-lower-case('f') + str-slice('foo', 2); - user-upper: to-upper-case('f') + noop('oo'); - user-lower: to-lower-case('f') + noop('oo'); + upper: string.to-upper-case('f') + string.slice('foo', 2); + lower: string.to-lower-case('f') + string.slice('foo', 2); + user-upper: string.to-upper-case('f') + noop('oo'); + user-lower: string.to-lower-case('f') + noop('oo'); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1281.hrx b/spec/libsass-closed-issues/issue_1281.hrx index c10d53831..1bc3dc393 100644 --- a/spec/libsass-closed-issues/issue_1281.hrx +++ b/spec/libsass-closed-issues/issue_1281.hrx @@ -1,12 +1,13 @@ <===> input.scss +@use "sass:meta"; $quoted: "green"; $unquoted: green; .test { - string: type-of($quoted); - color: type-of($unquoted); - string: type-of("green"); - color: type-of(green); + string: meta.type-of($quoted); + color: meta.type-of($unquoted); + string: meta.type-of("green"); + color: meta.type-of(green); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1283.hrx b/spec/libsass-closed-issues/issue_1283.hrx index 59d43b8a8..940a3181e 100644 --- a/spec/libsass-closed-issues/issue_1283.hrx +++ b/spec/libsass-closed-issues/issue_1283.hrx @@ -1,8 +1,11 @@ <===> input.scss -$map: map-merge((1 2: 3), (2 1: 3)); +@use "sass:map"; +@use "sass:meta"; + +$map: map.merge((1 2: 3), (2 1: 3)); .test { - test: inspect($map); + test: meta.inspect($map); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1285.hrx b/spec/libsass-closed-issues/issue_1285.hrx index a327dc440..d728197a1 100644 --- a/spec/libsass-closed-issues/issue_1285.hrx +++ b/spec/libsass-closed-issues/issue_1285.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:color"; .container { @for $i from 1 through 3 { @at-root .box-#{$i} { - color: darken(red,($i * 5)); + color: color.adjust(red,$lightness: -($i * 5%)); } } diff --git a/spec/libsass-closed-issues/issue_1291.hrx b/spec/libsass-closed-issues/issue_1291.hrx index 7f52db572..ebaee0635 100644 --- a/spec/libsass-closed-issues/issue_1291.hrx +++ b/spec/libsass-closed-issues/issue_1291.hrx @@ -4,13 +4,14 @@ - dart-sass <===> input.scss +@use "sass:string"; @mixin spec1($decimal) { - $decimal: unquote($decimal) * -1; + $decimal: string.unquote($decimal) * -1; value: $decimal; } @mixin spec2($decimal) { - $decimal: -1 * unquote($decimal); + $decimal: -1 * string.unquote($decimal); value: $decimal; } diff --git a/spec/libsass-closed-issues/issue_1303.hrx b/spec/libsass-closed-issues/issue_1303.hrx index 20d72f0b1..eed3f3015 100644 --- a/spec/libsass-closed-issues/issue_1303.hrx +++ b/spec/libsass-closed-issues/issue_1303.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:selector"; .simple { - a: selector-replace('foo.bar', 'foo', 'foo[baz]'); + a: selector.replace('foo.bar', 'foo', 'foo[baz]'); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1305.hrx b/spec/libsass-closed-issues/issue_1305.hrx index cfafc19ae..29e885c9f 100644 --- a/spec/libsass-closed-issues/issue_1305.hrx +++ b/spec/libsass-closed-issues/issue_1305.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; .foo { - content: call('unquote', 'foo', ()...); + content: meta.call('unquote', 'foo', ()...); } <===> output.css @@ -14,7 +15,7 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function("unquote")) , -2 | content: call('unquote', 'foo', ()...); - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +3 | content: meta.call('unquote', 'foo', ()...); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:14 root stylesheet + input.scss 3:14 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1331.hrx b/spec/libsass-closed-issues/issue_1331.hrx index 1f969b176..d43e35ff3 100644 --- a/spec/libsass-closed-issues/issue_1331.hrx +++ b/spec/libsass-closed-issues/issue_1331.hrx @@ -1,17 +1,18 @@ <===> input.scss +@use "sass:map"; $m: (foo: 1px, null: 2px, false: 3px, true: 4px); @debug $m; -@debug map-get($m, foo); -@debug map-get($m, null); -@debug map-get($m, false); -@debug map-get($m, true); +@debug map.get($m, foo); +@debug map.get($m, null); +@debug map.get($m, false); +@debug map.get($m, true); <===> output.css <===> warning -input.scss:3 DEBUG: (foo: 1px, null: 2px, false: 3px, true: 4px) -input.scss:4 DEBUG: 1px -input.scss:5 DEBUG: 2px -input.scss:6 DEBUG: 3px -input.scss:7 DEBUG: 4px +input.scss:4 DEBUG: (foo: 1px, null: 2px, false: 3px, true: 4px) +input.scss:5 DEBUG: 1px +input.scss:6 DEBUG: 2px +input.scss:7 DEBUG: 3px +input.scss:8 DEBUG: 4px diff --git a/spec/libsass-closed-issues/issue_1404.hrx b/spec/libsass-closed-issues/issue_1404.hrx index dc527eefa..2dc83a140 100644 --- a/spec/libsass-closed-issues/issue_1404.hrx +++ b/spec/libsass-closed-issues/issue_1404.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:meta"; .test { color: #aaabbb--1-2-a; - color: type-of(#aaabbb--1-2-a); - color: type-of(#aaabbb--1-2); + color: meta.type-of(#aaabbb--1-2-a); + color: meta.type-of(#aaabbb--1-2); } <===> output.css .test { diff --git a/spec/libsass-closed-issues/issue_1405.hrx b/spec/libsass-closed-issues/issue_1405.hrx index 3149d3815..18ffb39c5 100644 --- a/spec/libsass-closed-issues/issue_1405.hrx +++ b/spec/libsass-closed-issues/issue_1405.hrx @@ -1,10 +1,13 @@ <===> input.scss +@use "sass:list"; +@use "sass:math"; +@use "sass:meta"; div { foo: (1a2b3c); - length-1: length(1a2b3c); + length-1: list.length(1a2b3c); - unit-1: unit(1a2b3c); + unit-1: math.unit(1a2b3c); result-1: 1em-.75em; result-2: 2em-1em; @@ -12,12 +15,12 @@ div { result-4: 1.5em-1em; result-5: 2em-1.5em; - type-1: type-of(1em-.75em); - type-2: type-of(2em-1em); - type-3: type-of(2em-0.75em); - type-4: type-of(1.5em-1em); - type-5: type-of(2em-1.5em); - type-6: type-of(1a2b3c); + type-1: meta.type-of(1em-.75em); + type-2: meta.type-of(2em-1em); + type-3: meta.type-of(2em-0.75em); + type-4: meta.type-of(1.5em-1em); + type-5: meta.type-of(2em-1.5em); + type-6: meta.type-of(1a2b3c); test-1: (1-em-2-em); test-1: (1-em - 2-em); diff --git a/spec/libsass-closed-issues/issue_1413.hrx b/spec/libsass-closed-issues/issue_1413.hrx index 076899aa8..10a2d0be8 100644 --- a/spec/libsass-closed-issues/issue_1413.hrx +++ b/spec/libsass-closed-issues/issue_1413.hrx @@ -1,4 +1,6 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; div { foo: 'A'#{B}; foo: #{A}'B'; @@ -14,31 +16,31 @@ div { } div { - foo: type-of('A'#{B}); - foo: type-of(#{A}'B'); - foo: type-of('A'#{B}'C'); - foo: type-of(#{A}'B'#{C}); - foo: type-of(A#{B}'C'); - foo: type-of('A'#{B}C); - foo: type-of(#{A}B'C'); - foo: type-of('A'#{B}C'D'); - foo: type-of('A'B#{C}D'E'); - foo: type-of(A'B'#{C}D'E'); - foo: type-of(#{A}'B'C'D''E'); + foo: meta.type-of('A'#{B}); + foo: meta.type-of(#{A}'B'); + foo: meta.type-of('A'#{B}'C'); + foo: meta.type-of(#{A}'B'#{C}); + foo: meta.type-of(A#{B}'C'); + foo: meta.type-of('A'#{B}C); + foo: meta.type-of(#{A}B'C'); + foo: meta.type-of('A'#{B}C'D'); + foo: meta.type-of('A'B#{C}D'E'); + foo: meta.type-of(A'B'#{C}D'E'); + foo: meta.type-of(#{A}'B'C'D''E'); } div { - foo: length('A'#{B}); - foo: length(#{A}'B'); - foo: length('A'#{B}'C'); - foo: length(#{A}'B'#{C}); - foo: length(A#{B}'C'); - foo: length('A'#{B}C); - foo: length(#{A}B'C'); - foo: length('A'#{B}C'D'); - foo: length('A'B#{C}D'E'); - foo: length(A'B'#{C}D'E'); - foo: length(#{A}'B'C'D''E'); + foo: list.length('A'#{B}); + foo: list.length(#{A}'B'); + foo: list.length('A'#{B}'C'); + foo: list.length(#{A}'B'#{C}); + foo: list.length(A#{B}'C'); + foo: list.length('A'#{B}C); + foo: list.length(#{A}B'C'); + foo: list.length('A'#{B}C'D'); + foo: list.length('A'B#{C}D'E'); + foo: list.length(A'B'#{C}D'E'); + foo: list.length(#{A}'B'C'D''E'); } <===> output.css div { diff --git a/spec/libsass-closed-issues/issue_1417.hrx b/spec/libsass-closed-issues/issue_1417.hrx index 3fe92774a..4d0287c4f 100644 --- a/spec/libsass-closed-issues/issue_1417.hrx +++ b/spec/libsass-closed-issues/issue_1417.hrx @@ -1,14 +1,16 @@ <===> input.scss +@use "sass:math"; +@use "sass:meta"; @function foo($a, $b) { @return ($a $b); } foo { foo: 1px / 2px; - foo: 1px / round(1.5); - foo: foo(1px / 2px, 1px / round(1.5)); - foo: missing(1px / 2px, 1px / round(1.5)); - foo: call(missing, 1px / 2px, 1px / round(1.5)); + foo: 1px / math.round(1.5); + foo: foo(1px / 2px, 1px / math.round(1.5)); + foo: missing(1px / 2px, 1px / math.round(1.5)); + foo: meta.call(missing, 1px / 2px, 1px / math.round(1.5)); } <===> output.css @@ -23,15 +25,15 @@ foo { <===> warning DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. -Recommendation: math.div(1px, round(1.5)) or calc(1px / round(1.5)) +Recommendation: math.div(1px, math.round(1.5)) or calc(1px / math.round(1.5)) More info and automated migrator: https://sass-lang.com/d/slash-div , -7 | foo: 1px / round(1.5); - | ^^^^^^^^^^^^^^^^ +9 | foo: 1px / math.round(1.5); + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 7:8 root stylesheet + input.scss 9:8 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -39,35 +41,35 @@ Recommendation: math.div(1px, 2px) More info and automated migrator: https://sass-lang.com/d/slash-div - , -8 | foo: foo(1px / 2px, 1px / round(1.5)); - | ^^^^^^^^^ - ' - input.scss 8:12 root stylesheet + , +10 | foo: foo(1px / 2px, 1px / math.round(1.5)); + | ^^^^^^^^^ + ' + input.scss 10:12 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. -Recommendation: math.div(1px, round(1.5)) or calc(1px / round(1.5)) +Recommendation: math.div(1px, math.round(1.5)) or calc(1px / math.round(1.5)) More info and automated migrator: https://sass-lang.com/d/slash-div - , -8 | foo: foo(1px / 2px, 1px / round(1.5)); - | ^^^^^^^^^^^^^^^^ - ' - input.scss 8:23 root stylesheet + , +10 | foo: foo(1px / 2px, 1px / math.round(1.5)); + | ^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 10:23 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. -Recommendation: math.div(1px, round(1.5)) or calc(1px / round(1.5)) +Recommendation: math.div(1px, math.round(1.5)) or calc(1px / math.round(1.5)) More info and automated migrator: https://sass-lang.com/d/slash-div - , -9 | foo: missing(1px / 2px, 1px / round(1.5)); - | ^^^^^^^^^^^^^^^^ - ' - input.scss 9:27 root stylesheet + , +11 | foo: missing(1px / 2px, 1px / math.round(1.5)); + | ^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 11:27 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -76,29 +78,29 @@ Recommendation: math.div(1px, 2px) More info and automated migrator: https://sass-lang.com/d/slash-div , -10 | foo: call(missing, 1px / 2px, 1px / round(1.5)); - | ^^^^^^^^^ +12 | foo: meta.call(missing, 1px / 2px, 1px / math.round(1.5)); + | ^^^^^^^^^ ' - input.scss 10:22 root stylesheet + input.scss 12:27 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. -Recommendation: math.div(1px, round(1.5)) or calc(1px / round(1.5)) +Recommendation: math.div(1px, math.round(1.5)) or calc(1px / math.round(1.5)) More info and automated migrator: https://sass-lang.com/d/slash-div , -10 | foo: call(missing, 1px / 2px, 1px / round(1.5)); - | ^^^^^^^^^^^^^^^^ +12 | foo: meta.call(missing, 1px / 2px, 1px / math.round(1.5)); + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 10:33 root stylesheet + input.scss 12:38 root stylesheet DEPRECATION WARNING: Passing a string to call() is deprecated and will be illegal in Dart Sass 2.0.0. Recommendation: call(get-function(missing)) , -10 | foo: call(missing, 1px / 2px, 1px / round(1.5)); - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +12 | foo: meta.call(missing, 1px / 2px, 1px / math.round(1.5)); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 10:8 root stylesheet + input.scss 12:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1418/dynamic.hrx b/spec/libsass-closed-issues/issue_1418/dynamic.hrx index 8e136e80e..14038c155 100644 --- a/spec/libsass-closed-issues/issue_1418/dynamic.hrx +++ b/spec/libsass-closed-issues/issue_1418/dynamic.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; foo { - color: call(missing, $a: b); + color: meta.call(missing, $a: b); } <===> error @@ -9,14 +10,14 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function(missing)) , -2 | color: call(missing, $a: b); - | ^^^^^^^^^^^^^^^^^^^^ +3 | color: meta.call(missing, $a: b); + | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:12 root stylesheet + input.scss 3:12 root stylesheet Error: Plain CSS functions don't support keyword arguments. , -2 | color: call(missing, $a: b); - | ^^^^^^^^^^^^^^^^^^^^ +3 | color: meta.call(missing, $a: b); + | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:12 root stylesheet + input.scss 3:12 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1419/quoted.hrx b/spec/libsass-closed-issues/issue_1419/quoted.hrx index b6ab559ee..01474103f 100644 --- a/spec/libsass-closed-issues/issue_1419/quoted.hrx +++ b/spec/libsass-closed-issues/issue_1419/quoted.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:string"; foo { - foo: to-upper-case("ab\63 d"); + foo: string.to-upper-case("ab\63 d"); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1419/unquoted.hrx b/spec/libsass-closed-issues/issue_1419/unquoted.hrx index c02a9a065..835fc19d5 100644 --- a/spec/libsass-closed-issues/issue_1419/unquoted.hrx +++ b/spec/libsass-closed-issues/issue_1419/unquoted.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:string"; foo { - foo: to-upper-case(ab\63 d); + foo: string.to-upper-case(ab\63 d); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1432/selector-extend.hrx b/spec/libsass-closed-issues/issue_1432/selector-extend.hrx index 2b9596971..4f5913014 100644 --- a/spec/libsass-closed-issues/issue_1432/selector-extend.hrx +++ b/spec/libsass-closed-issues/issue_1432/selector-extend.hrx @@ -1,11 +1,12 @@ <===> input.scss -@debug(selector-extend(".a .b", ".b", null)); +@use "sass:selector"; +@debug(selector.extend(".a .b", ".b", null)); <===> error Error: $extender: null is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | @debug(selector-extend(".a .b", ".b", null)); +2 | @debug(selector.extend(".a .b", ".b", null)); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:8 root stylesheet + input.scss 2:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1432/selector-nest.hrx b/spec/libsass-closed-issues/issue_1432/selector-nest.hrx index 946fad601..1e1be94f2 100644 --- a/spec/libsass-closed-issues/issue_1432/selector-nest.hrx +++ b/spec/libsass-closed-issues/issue_1432/selector-nest.hrx @@ -1,11 +1,12 @@ <===> input.scss -@debug(selector-nest("foo", null)); +@use "sass:selector"; +@debug(selector.nest("foo", null)); <===> error Error: null is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | @debug(selector-nest("foo", null)); +2 | @debug(selector.nest("foo", null)); | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:8 root stylesheet + input.scss 2:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1432/selector-replace.hrx b/spec/libsass-closed-issues/issue_1432/selector-replace.hrx index 479c1606f..d9739f9a4 100644 --- a/spec/libsass-closed-issues/issue_1432/selector-replace.hrx +++ b/spec/libsass-closed-issues/issue_1432/selector-replace.hrx @@ -1,11 +1,12 @@ <===> input.scss -@debug(selector-replace("foo", "bar", null)); +@use "sass:selector"; +@debug(selector.replace("foo", "bar", null)); <===> error Error: $replacement: null is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | @debug(selector-replace("foo", "bar", null)); +2 | @debug(selector.replace("foo", "bar", null)); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:8 root stylesheet + input.scss 2:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1432/selector-unify.hrx b/spec/libsass-closed-issues/issue_1432/selector-unify.hrx index 9dca21cd3..858405d07 100644 --- a/spec/libsass-closed-issues/issue_1432/selector-unify.hrx +++ b/spec/libsass-closed-issues/issue_1432/selector-unify.hrx @@ -1,11 +1,12 @@ <===> input.scss -@debug(selector-unify("foo", null)); +@use "sass:selector"; +@debug(selector.unify("foo", null)); <===> error Error: $selector2: null is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | @debug(selector-unify("foo", null)); +2 | @debug(selector.unify("foo", null)); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:8 root stylesheet + input.scss 2:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1432/simple-selectors.hrx b/spec/libsass-closed-issues/issue_1432/simple-selectors.hrx index 41eb93ddc..2fe9d9623 100644 --- a/spec/libsass-closed-issues/issue_1432/simple-selectors.hrx +++ b/spec/libsass-closed-issues/issue_1432/simple-selectors.hrx @@ -1,11 +1,12 @@ <===> input.scss -@debug(simple-selectors(null)); +@use "sass:selector"; +@debug(selector.simple-selectors(null)); <===> error Error: $selector: null is not a valid selector: it must be a string, a list of strings, or a list of lists of strings. , -1 | @debug(simple-selectors(null)); - | ^^^^^^^^^^^^^^^^^^^^^^ +2 | @debug(selector.simple-selectors(null)); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:8 root stylesheet + input.scss 2:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1434.hrx b/spec/libsass-closed-issues/issue_1434.hrx index b66a1ebc5..8db2f39fd 100644 --- a/spec/libsass-closed-issues/issue_1434.hrx +++ b/spec/libsass-closed-issues/issue_1434.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:selector"; .foo { - a: selector-nest('.foo', '.bar > .baz'); - b: selector-nest('.foo', '.bar ~ .baz'); - c: selector-nest('.foo', '.bar + .baz'); - d: selector-nest('.foo > .bar', '.baz'); - e: selector-nest('.foo ~ .bar', '.baz'); - f: selector-nest('.foo + .bar', '.baz'); + a: selector.nest('.foo', '.bar > .baz'); + b: selector.nest('.foo', '.bar ~ .baz'); + c: selector.nest('.foo', '.bar + .baz'); + d: selector.nest('.foo > .bar', '.baz'); + e: selector.nest('.foo ~ .bar', '.baz'); + f: selector.nest('.foo + .bar', '.baz'); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1488.hrx b/spec/libsass-closed-issues/issue_1488.hrx index e4b04e565..455c76be0 100644 --- a/spec/libsass-closed-issues/issue_1488.hrx +++ b/spec/libsass-closed-issues/issue_1488.hrx @@ -1,18 +1,19 @@ <===> input.scss +@use "sass:meta"; @function foo($arg2) { - @return type-of($arg2); + @return meta.type-of($arg2); } @function foo_($arg2...) { - @return type-of($arg2); + @return meta.type-of($arg2); } @function bar($arg1, $arg2) { - @return type-of($arg1) + "::" + type-of($arg2); + @return meta.type-of($arg1) + "::" + meta.type-of($arg2); } @function bar_($arg1, $arg2...) { - @return type-of($arg1) + "::" + type-of($arg2); + @return meta.type-of($arg1) + "::" + meta.type-of($arg2); } foo { @@ -20,10 +21,10 @@ foo { foo: foo(one...); bar: bar(one, two); bar: bar(one, two...); - foo: call('foo', one); - foo: call('foo', one...); - bar: call('bar', one, two); - bar: call('bar', one, two...); + foo: meta.call('foo', one); + foo: meta.call('foo', one...); + bar: meta.call('bar', one, two); + bar: meta.call('bar', one, two...); } bar { @@ -31,10 +32,10 @@ bar { foo: foo_(one...); bar: bar_(one, two); bar: bar_(one, two...); - foo: call('foo_', one); - foo: call('foo_', one...); - bar: call('bar_', one, two); - bar: call('bar_', one, two...); + foo: meta.call('foo_', one); + foo: meta.call('foo_', one...); + bar: meta.call('bar_', one, two); + bar: meta.call('bar_', one, two...); } <===> output.css foo { @@ -65,77 +66,77 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function("foo")) , -22 | foo: call('foo', one); - | ^^^^^^^^^^^^^^^^ +23 | foo: meta.call('foo', one); + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 22:8 root stylesheet + input.scss 23:8 root stylesheet DEPRECATION WARNING: Passing a string to call() is deprecated and will be illegal in Dart Sass 2.0.0. Recommendation: call(get-function("foo")) , -23 | foo: call('foo', one...); - | ^^^^^^^^^^^^^^^^^^^ +24 | foo: meta.call('foo', one...); + | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 23:8 root stylesheet + input.scss 24:8 root stylesheet DEPRECATION WARNING: Passing a string to call() is deprecated and will be illegal in Dart Sass 2.0.0. Recommendation: call(get-function("bar")) , -24 | bar: call('bar', one, two); - | ^^^^^^^^^^^^^^^^^^^^^ +25 | bar: meta.call('bar', one, two); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 24:8 root stylesheet + input.scss 25:8 root stylesheet DEPRECATION WARNING: Passing a string to call() is deprecated and will be illegal in Dart Sass 2.0.0. Recommendation: call(get-function("bar")) , -25 | bar: call('bar', one, two...); - | ^^^^^^^^^^^^^^^^^^^^^^^^ +26 | bar: meta.call('bar', one, two...); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 25:8 root stylesheet + input.scss 26:8 root stylesheet DEPRECATION WARNING: Passing a string to call() is deprecated and will be illegal in Dart Sass 2.0.0. Recommendation: call(get-function("foo_")) , -33 | foo: call('foo_', one); - | ^^^^^^^^^^^^^^^^^ +34 | foo: meta.call('foo_', one); + | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 33:8 root stylesheet + input.scss 34:8 root stylesheet DEPRECATION WARNING: Passing a string to call() is deprecated and will be illegal in Dart Sass 2.0.0. Recommendation: call(get-function("foo_")) , -34 | foo: call('foo_', one...); - | ^^^^^^^^^^^^^^^^^^^^ +35 | foo: meta.call('foo_', one...); + | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 34:8 root stylesheet + input.scss 35:8 root stylesheet DEPRECATION WARNING: Passing a string to call() is deprecated and will be illegal in Dart Sass 2.0.0. Recommendation: call(get-function("bar_")) , -35 | bar: call('bar_', one, two); - | ^^^^^^^^^^^^^^^^^^^^^^ +36 | bar: meta.call('bar_', one, two); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 35:8 root stylesheet + input.scss 36:8 root stylesheet DEPRECATION WARNING: Passing a string to call() is deprecated and will be illegal in Dart Sass 2.0.0. Recommendation: call(get-function("bar_")) , -36 | bar: call('bar_', one, two...); - | ^^^^^^^^^^^^^^^^^^^^^^^^^ +37 | bar: meta.call('bar_', one, two...); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 36:8 root stylesheet + input.scss 37:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_151.hrx b/spec/libsass-closed-issues/issue_151.hrx index fd7a28098..93d804309 100644 --- a/spec/libsass-closed-issues/issue_151.hrx +++ b/spec/libsass-closed-issues/issue_151.hrx @@ -1,14 +1,15 @@ <===> input.scss +@use "sass:color"; div.colors { - background: grayscale(red); + background: color.grayscale(red); background: saturate(red); - background: invert(red); - background: alpha(red); - color: grayscale(#369); + background: color.invert(red); + background: color.alpha(red); + color: color.grayscale(#369); color: saturate(#369); - color: saturate(#369, 20%); - color: invert(#369); - color: alpha(#369); + color: color.adjust(#369, $saturation: 20%); + color: color.invert(#369); + color: color.alpha(#369); } div.numbers { @@ -23,7 +24,7 @@ div.numbers { <===> error Error: $amount: red is not a number. , -3 | background: saturate(red); +4 | background: saturate(red); | ^^^^^^^^^^^^^ ' - input.scss 3:15 root stylesheet + input.scss 4:15 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1535.hrx b/spec/libsass-closed-issues/issue_1535.hrx index 961fb2fea..13e890657 100644 --- a/spec/libsass-closed-issues/issue_1535.hrx +++ b/spec/libsass-closed-issues/issue_1535.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; foo { - test: type-of(1--em); + test: meta.type-of(1--em); test: (1--em-2--em); test: (1--em- 2--em); test: (1--em -2--em); diff --git a/spec/libsass-closed-issues/issue_1566.hrx b/spec/libsass-closed-issues/issue_1566.hrx index 10012c6ab..e32b053dc 100644 --- a/spec/libsass-closed-issues/issue_1566.hrx +++ b/spec/libsass-closed-issues/issue_1566.hrx @@ -1,10 +1,11 @@ <===> input.scss +@use "sass:meta"; @function foo($predicate) { - @return call('bar', $predicate); + @return meta.call('bar', $predicate); } @function bar($predicate) { - @return type-of($predicate); + @return meta.type-of($predicate); } test { @@ -22,8 +23,8 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function("bar")) , -2 | @return call('bar', $predicate); - | ^^^^^^^^^^^^^^^^^^^^^^^ +3 | @return meta.call('bar', $predicate); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:11 foo() - input.scss 10:9 root stylesheet + input.scss 3:11 foo() + input.scss 11:9 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1579.hrx b/spec/libsass-closed-issues/issue_1579.hrx index 888f34cf4..76f1faeca 100644 --- a/spec/libsass-closed-issues/issue_1579.hrx +++ b/spec/libsass-closed-issues/issue_1579.hrx @@ -1,10 +1,11 @@ <===> input.scss +@use "sass:meta"; @function foo($a, $b: null, $c: false) { @return $c; } @function bar($args...) { - @return call(foo, $args...); + @return meta.call(foo, $args...); } test { @@ -22,8 +23,8 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function(foo)) , -6 | @return call(foo, $args...); - | ^^^^^^^^^^^^^^^^^^^ +7 | @return meta.call(foo, $args...); + | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 6:11 bar() - input.scss 10:9 root stylesheet + input.scss 7:11 bar() + input.scss 11:9 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1583.hrx b/spec/libsass-closed-issues/issue_1583.hrx index d6696fde6..dd5e3d75e 100644 --- a/spec/libsass-closed-issues/issue_1583.hrx +++ b/spec/libsass-closed-issues/issue_1583.hrx @@ -1,28 +1,32 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; +@use "sass:string"; + $ls: ((foo,)); foo { - baz: length($ls); - baz: type-of($ls); - baz: inspect($ls); + baz: list.length($ls); + baz: meta.type-of($ls); + baz: meta.inspect($ls); } bar { - baz: length(&); - baz: type-of(&); - baz: inspect(&); + baz: list.length(&); + baz: meta.type-of(&); + baz: meta.inspect(&); } foo { - string: inspect(&); - str-length: str-length(inspect(&)); - list-length: length(&); + string: meta.inspect(&); + str-length: string.length(meta.inspect(&)); + list-length: list.length(&); } foo, bar { - string: inspect(&); - str-length: str-length(inspect(&)); - list-length: length(&); + string: meta.inspect(&); + str-length: string.length(meta.inspect(&)); + list-length: list.length(&); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1604.hrx b/spec/libsass-closed-issues/issue_1604.hrx index 2ba63f841..205d55232 100644 --- a/spec/libsass-closed-issues/issue_1604.hrx +++ b/spec/libsass-closed-issues/issue_1604.hrx @@ -1,12 +1,15 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; + @function test($args...) { $all: (); @each $arg in $args { - $all: append($all, $arg); + $all: list.append($all, $arg); } - @return inspect($all); + @return meta.inspect($all); } test { diff --git a/spec/libsass-closed-issues/issue_1622.hrx b/spec/libsass-closed-issues/issue_1622.hrx index 709483366..ed30e49dd 100644 --- a/spec/libsass-closed-issues/issue_1622.hrx +++ b/spec/libsass-closed-issues/issue_1622.hrx @@ -1,10 +1,12 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; @function foo($list) { - @return call(bar, $list); + @return meta.call(bar, $list); } @function bar($list, $args...) { - @return length($list); + @return list.length($list); } test { @@ -22,8 +24,8 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function(bar)) , -2 | @return call(bar, $list); - | ^^^^^^^^^^^^^^^^ +4 | @return meta.call(bar, $list); + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:13 foo() - input.scss 10:9 root stylesheet + input.scss 4:13 foo() + input.scss 12:9 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1634.hrx b/spec/libsass-closed-issues/issue_1634.hrx index 81f5a7654..bc6dec9f9 100644 --- a/spec/libsass-closed-issues/issue_1634.hrx +++ b/spec/libsass-closed-issues/issue_1634.hrx @@ -1,12 +1,14 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; $empty-list: (); @function foo($args...) { - @return call(bar, $args...); + @return meta.call(bar, $args...); } @function bar($list) { - @return length($list); + @return list.length($list); } test { @@ -23,8 +25,8 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function(bar)) , -4 | @return call(bar, $args...); - | ^^^^^^^^^^^^^^^^^^^ +6 | @return meta.call(bar, $args...); + | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 4:13 foo() - input.scss 12:9 root stylesheet + input.scss 6:13 foo() + input.scss 14:9 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1644/complex.hrx b/spec/libsass-closed-issues/issue_1644/complex.hrx index 9022c10ac..19051d33c 100644 --- a/spec/libsass-closed-issues/issue_1644/complex.hrx +++ b/spec/libsass-closed-issues/issue_1644/complex.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:map"; $tablet-portrait: 768px; $tablet-landscape: 980px; $desk-normal: 1120px; @@ -26,7 +27,7 @@ $grid-breakpoints-immobile: ( } } -@each $name in map-keys($grid-breakpoints-immobile) { +@each $name in map.keys($grid-breakpoints-immobile) { @include grid-media-query($name, $grid-breakpoints-immobile) { body.immobile & { margin-bottom: 0; @@ -37,9 +38,9 @@ $grid-breakpoints-immobile: ( <===> error Error: Top-level selectors may not contain the parent selector "&". , -30 | body.immobile & { +31 | body.immobile & { | ^ ' - input.scss 30:19 @content - input.scss 22:9 grid-media-query() - input.scss 29:3 root stylesheet + input.scss 31:19 @content + input.scss 23:9 grid-media-query() + input.scss 30:3 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1645.hrx b/spec/libsass-closed-issues/issue_1645.hrx index 50b4d6b7e..97c6d854f 100644 --- a/spec/libsass-closed-issues/issue_1645.hrx +++ b/spec/libsass-closed-issues/issue_1645.hrx @@ -1,10 +1,12 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; @function foo($a, $should-be-empty...) { - @return length($should-be-empty); + @return list.length($should-be-empty); } @function bar($args...) { - @return call(foo, $args...); + @return meta.call(foo, $args...); } @function args($args...) { @@ -28,8 +30,8 @@ DEPRECATION WARNING: Passing a string to call() is deprecated and will be illega Recommendation: call(get-function(foo)) , -6 | @return call(foo, $args...); - | ^^^^^^^^^^^^^^^^^^^ +8 | @return meta.call(foo, $args...); + | ^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 6:11 bar() - input.scss 16:9 root stylesheet + input.scss 8:11 bar() + input.scss 18:9 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1647/selectors.hrx b/spec/libsass-closed-issues/issue_1647/selectors.hrx index 0a6f1e321..cdb15f173 100644 --- a/spec/libsass-closed-issues/issue_1647/selectors.hrx +++ b/spec/libsass-closed-issues/issue_1647/selectors.hrx @@ -1,20 +1,22 @@ <===> input.scss +@use "sass:list"; +@use "sass:map"; $map: (foo: 'b', bar: c); $list: ('d', e); a { - #{map-get($map, foo)} & { + #{map.get($map, foo)} & { foo: bar; } - #{map-get($map, bar)} & { + #{map.get($map, bar)} & { foo: bar; } - #{nth($list, 1)} & { + #{list.nth($list, 1)} & { foo: bar; } - #{nth($list, 2)} & { + #{list.nth($list, 2)} & { foo: bar; } } diff --git a/spec/libsass-closed-issues/issue_1667.hrx b/spec/libsass-closed-issues/issue_1667.hrx index 7b58ce910..53c1f06f0 100644 --- a/spec/libsass-closed-issues/issue_1667.hrx +++ b/spec/libsass-closed-issues/issue_1667.hrx @@ -1,12 +1,13 @@ <===> input.scss +@use "sass:map"; $map: ( 1: 1, 1px: 1px ); foo { - a: map-get($map, 1); - b: map-get($map, 1px); + a: map.get($map, 1); + b: map.get($map, 1px); } $type-scale: ( @@ -41,8 +42,8 @@ $type-scale: ( ); @function get-size($size) { - @if map-has-key($type-scale, $size) { - @return map-get($type-scale, $size); + @if map.has-key($type-scale, $size) { + @return map.get($type-scale, $size); } @warn "Not a valid size."; diff --git a/spec/libsass-closed-issues/issue_1709.hrx b/spec/libsass-closed-issues/issue_1709.hrx index 7a1d65426..176dcaf51 100644 --- a/spec/libsass-closed-issues/issue_1709.hrx +++ b/spec/libsass-closed-issues/issue_1709.hrx @@ -1,7 +1,10 @@ <===> input.scss +@use "sass:string"; +@use "sass:meta"; + @mixin transition( $prefix_properties, $transitions... ) { - @if not str-index( inspect( $transitions ), ',') { + @if not string.index( meta.inspect( $transitions ), ',') { $transitions: ( $transitions ); } diff --git a/spec/libsass-closed-issues/issue_1722.hrx b/spec/libsass-closed-issues/issue_1722.hrx index a047f0c8b..16b8f64e7 100644 --- a/spec/libsass-closed-issues/issue_1722.hrx +++ b/spec/libsass-closed-issues/issue_1722.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:map"; $score: (item-height: 1.12em); .test { - background-position: 0 -#{map-get($score, item-height)}; + background-position: 0 -#{map.get($score, item-height)}; } diff --git a/spec/libsass-closed-issues/issue_1723.hrx b/spec/libsass-closed-issues/issue_1723.hrx index 0b823d18b..9d92a98d5 100644 --- a/spec/libsass-closed-issues/issue_1723.hrx +++ b/spec/libsass-closed-issues/issue_1723.hrx @@ -1,25 +1,28 @@ <===> input.scss -test-1 test-2 test-3 test-4 test-5, -test-6 test-7 test-8 test-9 test-10 { - @each $set in & { - set: inspect($set); - - @each $selector in $set { - selector: inspect($selector); - } - } -} - -test-1 test-2 test-3 test-4 test-5, -test-6 test-7 test-8 test-9 test-10 { - @for $i from 1 through length(&) { - $set: nth(&, $i); - set: inspect($set); - - @each $selector in $set { - selector: inspect($selector); - } - } +@use "sass:list"; +@use "sass:meta"; + +test-1 test-2 test-3 test-4 test-5, +test-6 test-7 test-8 test-9 test-10 { + @each $set in & { + set: meta.inspect($set); + + @each $selector in $set { + selector: meta.inspect($selector); + } + } +} + +test-1 test-2 test-3 test-4 test-5, +test-6 test-7 test-8 test-9 test-10 { + @for $i from 1 through list.length(&) { + $set: list.nth(&, $i); + set: meta.inspect($set); + + @each $selector in $set { + selector: meta.inspect($selector); + } + } } <===> output.css test-1 test-2 test-3 test-4 test-5, diff --git a/spec/libsass-closed-issues/issue_1757/each.hrx b/spec/libsass-closed-issues/issue_1757/each.hrx index 68243fc49..40e2a73f6 100644 --- a/spec/libsass-closed-issues/issue_1757/each.hrx +++ b/spec/libsass-closed-issues/issue_1757/each.hrx @@ -1,17 +1,18 @@ <===> input.scss +@use "sass:list"; .test .nest { - length: length(&); + length: list.length(&); @each $list in & { list: $list; - length: length($list); + length: list.length($list); } } .test, .other { - length: length(&); + length: list.length(&); @each $list in & { list: $list; - length: length($list); + length: list.length($list); } } diff --git a/spec/libsass-closed-issues/issue_1757/for.hrx b/spec/libsass-closed-issues/issue_1757/for.hrx index 0f835bbe3..464773646 100644 --- a/spec/libsass-closed-issues/issue_1757/for.hrx +++ b/spec/libsass-closed-issues/issue_1757/for.hrx @@ -1,19 +1,20 @@ <===> input.scss +@use "sass:list"; .test .nest { - length: length(&); - @for $i from 1 through length(&) { - $list: nth(&, $i); + length: list.length(&); + @for $i from 1 through list.length(&) { + $list: list.nth(&, $i); list: $list; - length: length($list); + length: list.length($list); } } .test, .other { - length: length(&); - @for $i from 1 through length(&) { - $list: nth(&, $i); + length: list.length(&); + @for $i from 1 through list.length(&) { + $list: list.nth(&, $i); list: $list; - length: length($list); + length: list.length($list); } } diff --git a/spec/libsass-closed-issues/issue_1796.hrx b/spec/libsass-closed-issues/issue_1796.hrx index f3377afb2..77d40bd7a 100644 --- a/spec/libsass-closed-issues/issue_1796.hrx +++ b/spec/libsass-closed-issues/issue_1796.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:list"; .parent { .brother, .sister, .cousin { color: green; @@ -6,8 +7,8 @@ $new-sel: (); @each $s in & { - $last: nth($s, -1); - $new-sel: append($new-sel, $s #{'+'} $last, comma); + $last: list.nth($s, -1); + $new-sel: list.append($new-sel, $s #{'+'} $last, comma); x: $new-sel; } @at-root #{$new-sel} { diff --git a/spec/libsass-closed-issues/issue_1819.hrx b/spec/libsass-closed-issues/issue_1819.hrx index 7de5394ef..170e106d6 100644 --- a/spec/libsass-closed-issues/issue_1819.hrx +++ b/spec/libsass-closed-issues/issue_1819.hrx @@ -1,6 +1,8 @@ <===> input.scss +@use "sass:meta"; +@use "sass:selector"; foo { - bar: type-of(selector-unify('p', 'a')); + bar: meta.type-of(selector.unify('p', 'a')); } <===> output.css foo { diff --git a/spec/libsass-closed-issues/issue_185/mixin.hrx b/spec/libsass-closed-issues/issue_185/mixin.hrx index c970ee9bb..7682d5523 100644 --- a/spec/libsass-closed-issues/issue_185/mixin.hrx +++ b/spec/libsass-closed-issues/issue_185/mixin.hrx @@ -1,19 +1,20 @@ <===> input.scss +@use "sass:list"; @function shift($list) { - @if length($list) == 1 { @return (); } + @if list.length($list) == 1 { @return (); } $new: (); - @for $i from 2 through length($list) { - $new: append($new, nth($list, $i)); + @for $i from 2 through list.length($list) { + $new: list.append($new, list.nth($list, $i)); } @return $new; } @mixin media($medias...) { - @if length($medias) == 0 { + @if list.length($medias) == 0 { @content; } @else { - @media #{nth($medias, 1)} { + @media #{list.nth($medias, 1)} { @include media(shift($medias)...) { @content; } diff --git a/spec/libsass-closed-issues/issue_1926.hrx b/spec/libsass-closed-issues/issue_1926.hrx index da5bb588b..d21ff415e 100644 --- a/spec/libsass-closed-issues/issue_1926.hrx +++ b/spec/libsass-closed-issues/issue_1926.hrx @@ -1,4 +1,5 @@ <===> input.sass +@use "sass:list" // The amount of the column of a single row. $columnAmount: 16 @@ -7,10 +8,10 @@ $columnName : one two three four five six seven eight nine ten eleven twelve th =column-generator @for $i from 1 through $columnAmount - [class*="#{nth($columnName, $i)} wide"] + [class*="#{list.nth($columnName, $i)} wide"] width: 100% / $columnAmount * $i - &[class*="#{nth($columnName, $i)} column"], & .row[class*="#{nth($columnName, $i)} column"] + &[class*="#{list.nth($columnName, $i)} column"], & .row[class*="#{list.nth($columnName, $i)} column"] > .column:not(.row) width : 100% / $columnAmount * $i !important @@ -122,11 +123,11 @@ Recommendation: math.div(100%, $columnAmount) or calc(100% / $columnAmount) More info and automated migrator: https://sass-lang.com/d/slash-div , -10 | width: 100% / $columnAmount * $i +11 | width: 100% / $columnAmount * $i | ^^^^^^^^^^^^^^^^^^^^ ' - input.sass 10:14 column-generator() - input.sass 17:3 root stylesheet + input.sass 11:14 column-generator() + input.sass 18:3 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -135,8 +136,8 @@ Recommendation: math.div(100%, $columnAmount) or calc(100% / $columnAmount) More info and automated migrator: https://sass-lang.com/d/slash-div , -14 | width : 100% / $columnAmount * $i !important +15 | width : 100% / $columnAmount * $i !important | ^^^^^^^^^^^^^^^^^^^^ ' - input.sass 14:18 column-generator() - input.sass 17:3 root stylesheet + input.sass 15:18 column-generator() + input.sass 18:3 root stylesheet diff --git a/spec/libsass-closed-issues/issue_1940.hrx b/spec/libsass-closed-issues/issue_1940.hrx index 6ff0b5b7c..8fb2bdd9d 100644 --- a/spec/libsass-closed-issues/issue_1940.hrx +++ b/spec/libsass-closed-issues/issue_1940.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:map"; // ---- // libsass (v3.3.2) // ---- @@ -8,17 +9,17 @@ $prefix:( bar: #bar ); -#{map-get($prefix, foo)} { +#{map.get($prefix, foo)} { color: red; } -#{map-get($prefix, bar)} { +#{map.get($prefix, bar)} { color: red; } -#{map-get($prefix, foo)} .baz { +#{map.get($prefix, foo)} .baz { color: red; } -#{map-get($prefix, bar)} .baz { +#{map.get($prefix, bar)} .baz { color: red; } <===> output.css diff --git a/spec/libsass-closed-issues/issue_1947.hrx b/spec/libsass-closed-issues/issue_1947.hrx index 7c449864a..b52e607e3 100644 --- a/spec/libsass-closed-issues/issue_1947.hrx +++ b/spec/libsass-closed-issues/issue_1947.hrx @@ -1,5 +1,6 @@ <===> input.scss -.a-#{quote('' + b)} { +@use "sass:string"; +.a-#{string.quote('' + b)} { c: d; } diff --git a/spec/libsass-closed-issues/issue_1969.hrx b/spec/libsass-closed-issues/issue_1969.hrx index 23f119302..97286453f 100644 --- a/spec/libsass-closed-issues/issue_1969.hrx +++ b/spec/libsass-closed-issues/issue_1969.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:color"; $base-text-color: #666; @function calcNavbarTextColor ($base-text-color) { @@ -8,7 +9,7 @@ $base-text-color: #666; $header-text-color: calcNavbarTextColor($base-text-color); .test_class { - color: lighten($header-text-color, 20%); + color: color.adjust($header-text-color, $lightness: 20%); } <===> output.css .test_class { diff --git a/spec/libsass-closed-issues/issue_2020.hrx b/spec/libsass-closed-issues/issue_2020.hrx index bc496a3da..faa502942 100644 --- a/spec/libsass-closed-issues/issue_2020.hrx +++ b/spec/libsass-closed-issues/issue_2020.hrx @@ -1,10 +1,13 @@ <===> input.scss -form { - $selector: nth(&, 1); - sel: inspect($selector); - $selector: nth($selector, 1); - sel: inspect($selector); -} +@use "sass:list"; +@use "sass:meta"; + +form { + $selector: list.nth(&, 1); + sel: meta.inspect($selector); + $selector: list.nth($selector, 1); + sel: meta.inspect($selector); +} <===> output.css form { sel: form; diff --git a/spec/libsass-closed-issues/issue_2031/extended-not.hrx b/spec/libsass-closed-issues/issue_2031/extended-not.hrx index 30b455dbb..9775d183d 100644 --- a/spec/libsass-closed-issues/issue_2031/extended-not.hrx +++ b/spec/libsass-closed-issues/issue_2031/extended-not.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:selector"; :not(.foo) { content: test; } @@ -7,7 +8,7 @@ } test { - content: selector-extend(":not(.foo)", ".foo", ".bar"); + content: selector.extend(":not(.foo)", ".foo", ".bar"); } <===> output.css :not(.foo):not(.bar):not(.baz) { diff --git a/spec/libsass-closed-issues/issue_2112.hrx b/spec/libsass-closed-issues/issue_2112.hrx index b23214017..824e99e40 100644 --- a/spec/libsass-closed-issues/issue_2112.hrx +++ b/spec/libsass-closed-issues/issue_2112.hrx @@ -1,10 +1,11 @@ <===> input.scss +@use "sass:color"; $color: #1caf9a; body { - test-01: change-color($color, $hue: -240); - test-03: change-color($color, $hue: 120); - test-02: change-color($color, $hue: 480); + test-01: color.change($color, $hue: -240); + test-03: color.change($color, $hue: 120); + test-02: color.change($color, $hue: 480); } <===> output.css body { diff --git a/spec/libsass-closed-issues/issue_2156/debug.hrx b/spec/libsass-closed-issues/issue_2156/debug.hrx index f4def9b25..3148e4d76 100644 --- a/spec/libsass-closed-issues/issue_2156/debug.hrx +++ b/spec/libsass-closed-issues/issue_2156/debug.hrx @@ -1,15 +1,16 @@ <===> input.scss +@use "sass:string"; @debug "\"foo\"" + ""; @debug "" + "\"foo\""; @debug "" + "\"foo"; @debug "\"foo\"" + "bar"; -@debug unquote("\"foo\" and \"bar\""); +@debug string.unquote("\"foo\" and \"bar\""); <===> output.css <===> warning -/sass/spec/libsass-issues/issue_2156/input.scss:1 DEBUG: "foo" -/sass/spec/libsass-issues/issue_2156/input.scss:2 DEBUG: "foo" -/sass/spec/libsass-issues/issue_2156/input.scss:3 DEBUG: "foo -/sass/spec/libsass-issues/issue_2156/input.scss:4 DEBUG: "foo"bar -/sass/spec/libsass-issues/issue_2156/input.scss:5 DEBUG: "foo" and "bar" +input.scss:2 DEBUG: "foo" +input.scss:3 DEBUG: "foo" +input.scss:4 DEBUG: "foo +input.scss:5 DEBUG: "foo"bar +input.scss:6 DEBUG: "foo" and "bar" diff --git a/spec/libsass-closed-issues/issue_2156/error.hrx b/spec/libsass-closed-issues/issue_2156/error.hrx index b7e54bd8d..91fc1da54 100644 --- a/spec/libsass-closed-issues/issue_2156/error.hrx +++ b/spec/libsass-closed-issues/issue_2156/error.hrx @@ -1,10 +1,11 @@ <===> input.scss -@error unquote("\"foo\" and \"bar\""); +@use "sass:string"; +@error string.unquote("\"foo\" and \"bar\""); <===> error Error: "foo" and "bar" , -1 | @error unquote("\"foo\" and \"bar\""); - | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ +2 | @error string.unquote("\"foo\" and \"bar\""); + | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:1 root stylesheet + input.scss 2:1 root stylesheet diff --git a/spec/libsass-closed-issues/issue_2156/warn.hrx b/spec/libsass-closed-issues/issue_2156/warn.hrx index def10d7cb..03becaeda 100644 --- a/spec/libsass-closed-issues/issue_2156/warn.hrx +++ b/spec/libsass-closed-issues/issue_2156/warn.hrx @@ -1,24 +1,25 @@ <===> input.scss +@use "sass:string"; @warn "\"foo\"" + ""; @warn "" + "\"foo\""; @warn "" + "\"foo"; @warn "\"foo\"" + "bar"; -@warn unquote("\"foo\" and \"bar\""); +@warn string.unquote("\"foo\" and \"bar\""); <===> output.css <===> warning WARNING: "foo" - input.scss 1:1 root stylesheet + input.scss 2:1 root stylesheet WARNING: "foo" - input.scss 2:1 root stylesheet + input.scss 3:1 root stylesheet WARNING: "foo - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet WARNING: "foo"bar - input.scss 4:1 root stylesheet + input.scss 5:1 root stylesheet WARNING: "foo" and "bar" - input.scss 5:1 root stylesheet + input.scss 6:1 root stylesheet diff --git a/spec/libsass-closed-issues/issue_224.hrx b/spec/libsass-closed-issues/issue_224.hrx index 3f3d0491d..97fe8e940 100644 --- a/spec/libsass-closed-issues/issue_224.hrx +++ b/spec/libsass-closed-issues/issue_224.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:list"; $list: ("a", "b", "c"); test { - content: nth($list, -1); - content: nth($list, -2); - content: nth($list, -3); - content: nth($list, -1) == nth($list, length($list)); + content: list.nth($list, -1); + content: list.nth($list, -2); + content: list.nth($list, -3); + content: list.nth($list, -1) == list.nth($list, list.length($list)); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_2246.hrx b/spec/libsass-closed-issues/issue_2246.hrx index 0636fa954..f582cec8d 100644 --- a/spec/libsass-closed-issues/issue_2246.hrx +++ b/spec/libsass-closed-issues/issue_2246.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:math"; @mixin foo($option: 'foo') { // Create a unique, random placeholder to store styles - $placeholder : $option + random(9999); + $placeholder : $option + math.random(9999); // Store the styles in the placeholder @at-root %#{$placeholder} { diff --git a/spec/libsass-closed-issues/issue_2309.hrx b/spec/libsass-closed-issues/issue_2309.hrx index 0e0bd7d8e..b144a984d 100644 --- a/spec/libsass-closed-issues/issue_2309.hrx +++ b/spec/libsass-closed-issues/issue_2309.hrx @@ -1,4 +1,6 @@ <===> input.scss +@use "sass:list"; +@use "sass:map"; $button-sizes: ( 'xs': ( 'line-height': 16 / 12, @@ -15,10 +17,10 @@ $button-sizes: ( ); @each $size in $button-sizes { - $size-metrics: nth($size, 2); + $size-metrics: list.nth($size, 2); .c-button__icon { - min-height: map-get($size-metrics, 'line-height') * 1em; + min-height: map.get($size-metrics, 'line-height') * 1em; } } <===> output.css @@ -46,10 +48,10 @@ Recommendation: math.div(16, 12) or calc(16 / 12) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | 'line-height': 16 / 12, +5 | 'line-height': 16 / 12, | ^^^^^^^ ' - input.scss 3:20 root stylesheet + input.scss 5:20 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -58,10 +60,10 @@ Recommendation: math.div(18, 14) or calc(18 / 14) More info and automated migrator: https://sass-lang.com/d/slash-div , -6 | 'line-height': 18 / 14, +8 | 'line-height': 18 / 14, | ^^^^^^^ ' - input.scss 6:20 root stylesheet + input.scss 8:20 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -69,11 +71,11 @@ Recommendation: math.div(18, 14) or calc(18 / 14) More info and automated migrator: https://sass-lang.com/d/slash-div - , -9 | 'line-height': 18 / 14, - | ^^^^^^^ - ' - input.scss 9:20 root stylesheet + , +11 | 'line-height': 18 / 14, + | ^^^^^^^ + ' + input.scss 11:20 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -82,7 +84,7 @@ Recommendation: math.div(22, 16) or calc(22 / 16) More info and automated migrator: https://sass-lang.com/d/slash-div , -12 | 'line-height': 22 / 16, +14 | 'line-height': 22 / 16, | ^^^^^^^ ' - input.scss 12:20 root stylesheet + input.scss 14:20 root stylesheet diff --git a/spec/libsass-closed-issues/issue_2330.hrx b/spec/libsass-closed-issues/issue_2330.hrx index d7fbe0705..21a534a1f 100644 --- a/spec/libsass-closed-issues/issue_2330.hrx +++ b/spec/libsass-closed-issues/issue_2330.hrx @@ -1,17 +1,21 @@ <===> input.scss -@function test () { - $m: (); - $abc: (a b c d e f g h i j k); - - @for $index from 1 through length($abc) {; - $m: map-merge($m, (nth($abc, $index):$index) ); - } - - @return $m; -} - -test { - content: inspect(test()); +@use "sass:list"; +@use "sass:map"; +@use "sass:meta"; + +@function test () { + $m: (); + $abc: (a b c d e f g h i j k); + + @for $index from 1 through list.length($abc) {; + $m: map.merge($m, (list.nth($abc, $index):$index) ); + } + + @return $m; +} + +test { + content: meta.inspect(test()); } <===> output.css test { diff --git a/spec/libsass-closed-issues/issue_2333.hrx b/spec/libsass-closed-issues/issue_2333.hrx index 726ced1de..0fed7e7eb 100644 --- a/spec/libsass-closed-issues/issue_2333.hrx +++ b/spec/libsass-closed-issues/issue_2333.hrx @@ -1,5 +1,7 @@ <===> input.scss -test { test: inspect((a:1,b:(foo,bar),c:3)); } +@use "sass:meta"; + +test { test: meta.inspect((a:1,b:(foo,bar),c:3)); } <===> output.css test { test: (a: 1, b: (foo, bar), c: 3); diff --git a/spec/libsass-closed-issues/issue_2374.hrx b/spec/libsass-closed-issues/issue_2374.hrx index 07983f39a..5d0b4629e 100644 --- a/spec/libsass-closed-issues/issue_2374.hrx +++ b/spec/libsass-closed-issues/issue_2374.hrx @@ -1,29 +1,30 @@ <===> input.scss -$colors: ( - yellow: #ffeb3b -); -@each $name, $color in $colors { - $amount: 40; - @for $i from 0 through 9 { - .#{$name}-#{($i*100)} { background-color: lighten($color, $amount) }; - $amount: $amount - 2; - } -} - -$colors: ( - yellow: yellow, - red: red, - blue: blue, - -); -@each $name, $color in $colors { - @for $i from 0 through 2 { - .#{$name}-#{($i*100)} { - background-color: lighten($color, 10) - }; - } -} - +@use "sass:color"; +$colors: ( + yellow: #ffeb3b +); +@each $name, $color in $colors { + $amount: 40%; + @for $i from 0 through 9 { + .#{$name}-#{($i*100)} { background-color: color.adjust($color, $lightness: $amount) }; + $amount: $amount - 2; + } +} + +$colors: ( + yellow: yellow, + red: red, + blue: blue, + +); +@each $name, $color in $colors { + @for $i from 0 through 2 { + .#{$name}-#{($i*100)} { + background-color: color.adjust($color, $lightness: 10%) + }; + } +} + <===> output.css .yellow-0 { @@ -109,10 +110,10 @@ Always quote color names when using them as strings or map keys (for example, "y If you really want to use the color value here, use '"" + $name'. , -7 | .#{$name}-#{($i*100)} { background-color: lighten($color, $amount) }; +8 | .#{$name}-#{($i*100)} { background-color: color.adjust($color, $lightness: $amount) }; | ^^^^^ ' - input.scss 7:12 root stylesheet + input.scss 8:12 root stylesheet WARNING: You probably don't mean to use the color value yellow in interpolation here. It may end up represented as yellow, which will likely produce invalid CSS. @@ -120,10 +121,10 @@ Always quote color names when using them as strings or map keys (for example, "y If you really want to use the color value here, use '"" + $name'. , -20 | .#{$name}-#{($i*100)} { +21 | .#{$name}-#{($i*100)} { | ^^^^^ ' - input.scss 20:12 root stylesheet + input.scss 21:12 root stylesheet WARNING: You probably don't mean to use the color value red in interpolation here. It may end up represented as red, which will likely produce invalid CSS. @@ -131,10 +132,10 @@ Always quote color names when using them as strings or map keys (for example, "r If you really want to use the color value here, use '"" + $name'. , -20 | .#{$name}-#{($i*100)} { +21 | .#{$name}-#{($i*100)} { | ^^^^^ ' - input.scss 20:12 root stylesheet + input.scss 21:12 root stylesheet WARNING: You probably don't mean to use the color value blue in interpolation here. It may end up represented as blue, which will likely produce invalid CSS. @@ -142,7 +143,7 @@ Always quote color names when using them as strings or map keys (for example, "b If you really want to use the color value here, use '"" + $name'. , -20 | .#{$name}-#{($i*100)} { +21 | .#{$name}-#{($i*100)} { | ^^^^^ ' - input.scss 20:12 root stylesheet + input.scss 21:12 root stylesheet diff --git a/spec/libsass-closed-issues/issue_238760.hrx b/spec/libsass-closed-issues/issue_238760.hrx index e0ddd2cc4..f218471fd 100644 --- a/spec/libsass-closed-issues/issue_238760.hrx +++ b/spec/libsass-closed-issues/issue_238760.hrx @@ -1,10 +1,12 @@ <===> input.scss -$id: inspect((a#b:c)...) +@use "sass:meta"; + +$id: meta.inspect((a#b:c)...) <===> error Error: Variable keyword argument map must have string keys. a #b is not a string in (a #b: c). , -1 | $id: inspect((a#b:c)...) - | ^^^^^^^ +3 | $id: meta.inspect((a#b:c)...) + | ^^^^^^^ ' - input.scss 1:14 root stylesheet + input.scss 3:19 root stylesheet diff --git a/spec/libsass-closed-issues/issue_2394.hrx b/spec/libsass-closed-issues/issue_2394.hrx index 52540e0e6..430d3fd0f 100644 --- a/spec/libsass-closed-issues/issue_2394.hrx +++ b/spec/libsass-closed-issues/issue_2394.hrx @@ -1,6 +1,8 @@ <===> input.scss +@use "sass:map"; +@use "sass:meta"; @mixin brokenTest($color: red, $variableArguments...) { - $width: map-get(keywords($variableArguments), width); + $width: map.get(meta.keywords($variableArguments), width); a { width: $width; color: $color; @@ -8,8 +10,8 @@ } @mixin workingTest($variableArguments...) { - $width: map-get(keywords($variableArguments), width); - $color: map-get(keywords($variableArguments), color); + $width: map.get(meta.keywords($variableArguments), width); + $color: map.get(meta.keywords($variableArguments), color); a { width: $width; color: $color; diff --git a/spec/libsass-closed-issues/issue_2462.hrx b/spec/libsass-closed-issues/issue_2462.hrx index 5352dfeaa..2cbb85709 100644 --- a/spec/libsass-closed-issues/issue_2462.hrx +++ b/spec/libsass-closed-issues/issue_2462.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:color"; b { - color: lighten(Crimson, 10%); + color: color.adjust(Crimson, $lightness: 10%); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_2520.hrx b/spec/libsass-closed-issues/issue_2520.hrx index 1014ed054..42d7d15ce 100644 --- a/spec/libsass-closed-issues/issue_2520.hrx +++ b/spec/libsass-closed-issues/issue_2520.hrx @@ -4,6 +4,11 @@ - dart-sass <===> input.scss +@use "sass:list"; +@use "sass:map"; +@use "sass:meta"; +@use "sass:selector"; +@use "sass:string"; // ---- // Sass (v3.4.21) // Compass (v1.0.3) @@ -11,20 +16,20 @@ @function remove-modifiers($selector) { // convert selector to a string - $selector: inspect(nth($selector, 1)); + $selector: meta.inspect(list.nth($selector, 1)); $modifier: ''; // Find out where the first modifier starts - $modifier-index: str-index($selector, '"--'); + $modifier-index: string.index($selector, '"--'); @if $modifier-index { // Strip the first part of the selector up until the first modifier - $modifier: str-slice($selector, $modifier-index); + $modifier: string.slice($selector, $modifier-index); // Find out where the modifier ends - $modifier-end: str-index($modifier, '"]'); + $modifier-end: string.index($modifier, '"]'); // Isolate the modifier - $modifier: str-slice($modifier, 0, $modifier-end); + $modifier: string.slice($modifier, 0, $modifier-end); // Remove the modifier from the selector $selector: str-replace($selector, $modifier, ''); // Remove junk characters @@ -40,12 +45,12 @@ $result: (); @each $item in $list { - @if not index($result, $item) { - @if length($item) > 1 and $recursive { - $result: append($result, remove-duplicates($item, $recursive)); + @if not list.index($result, $item) { + @if list.length($item) > 1 and $recursive { + $result: list.append($result, remove-duplicates($item, $recursive)); } @else { - $result: append($result, $item); + $result: list.append($result, $item); } } } @@ -54,11 +59,11 @@ } @function str-replace($string, $search, $replace) { - $index: str-index($string, $search); + $index: string.index($string, $search); @if $index { - @return str-slice($string, 1, $index - 1) + $replace + str-replace( - str-slice($string, $index + str-length($search)), $search, $replace + @return string.slice($string, 1, $index - 1) + $replace + str-replace( + string.slice($string, $index + string.length($search)), $search, $replace ); } @@ -80,7 +85,7 @@ // Spoof our modules into a list $selectors: str-replace($selectors, ' ', ', '); - $selectors: selector-parse($selectors); + $selectors: selector.parse($selectors); @return $selectors; } @@ -88,11 +93,11 @@ @function list-remove($list, $value, $recursive: false) { $result: (); - @for $i from 1 through length($list) { - @if type-of(nth($list, $i)) == list and $recursive { - $result: append($result, list-remove(nth($list, $i), $value, $recursive), comma); - } @else if nth($list, $i) != $value { - $result: append($result, nth($list, $i), comma); + @for $i from 1 through list.length($list) { + @if meta.type-of(list.nth($list, $i)) == list and $recursive { + $result: list.append($result, list-remove(list.nth($list, $i), $value, $recursive), comma); + } @else if list.nth($list, $i) != $value { + $result: list.append($result, list.nth($list, $i), comma); } } @@ -100,13 +105,13 @@ } @function this($options...) { - $value: map-get($config, $options...); + $value: map.get($config, $options...); $debug: true; $this: &; - @if length($this) > 0 { - @if str-index(inspect(nth($this, 1)), '%') == 1 { + @if list.length($this) > 0 { + @if string.index(meta.inspect(list.nth($this, 1)), '%') == 1 { $debug: false; } } @@ -120,7 +125,7 @@ @function config($map-old, $map-new) { // Merge default and custom options - $map-merged: map-merge($map-old, $map-new); + $map-merged: map.merge($map-old, $map-new); // Store config in global variable $config: $map-merged !global; @@ -139,8 +144,8 @@ $selectors: (); @each $item in $module { - $selectors: join($selectors, '.#{$module}', comma); - $selectors: join($selectors, '[class*="#{$module}--"]', comma); + $selectors: list.join($selectors, '.#{$module}', comma); + $selectors: list.join($selectors, '[class*="#{$module}--"]', comma); } #{$selectors} { @@ -152,13 +157,13 @@ $selectors: '[class*="#{$module}#{$glue}"]'; $this: &; $tree: module-tree($this); - $namespace: nth($tree, length($tree)); + $namespace: list.nth($tree, list.length($tree)); @if $components { $selectors: (); @each $component in $components { - $selectors: join( + $selectors: list.join( $selectors, '.#{$namespace}#{$glue}#{$component}, [class*="#{$namespace}#{$glue}#{$component}-"]', comma @@ -170,29 +175,29 @@ @each $selector in & { // spoof the selector into a list - $selector: str-replace(inspect($selector), ' ', ', '); - $selector: selector-parse($selector); + $selector: str-replace(meta.inspect($selector), ' ', ', '); + $selector: selector.parse($selector); // if the last item isn't a modifier, remove it - @if not str-index(inspect(nth($selector, length($selector))), '[class*="--') { - $selector: list-remove($selector, nth($selector, length($selector))); + @if not string.index(meta.inspect(list.nth($selector, list.length($selector))), '[class*="--') { + $selector: list-remove($selector, list.nth($selector, list.length($selector))); } // convert the selector back into a string - @if length($selector) == 1 { - $selector: nth($selector, 1); + @if list.length($selector) == 1 { + $selector: list.nth($selector, 1); } - $selector: str-replace(inspect($selector), ', ', ' '); + $selector: str-replace(meta.inspect($selector), ', ', ' '); // Re-build the parent selector - $parents: append($parents, $selector, comma); + $parents: list.append($parents, $selector, comma); } // remove duplicate selectors $parents: remove-duplicates($parents); - @if length($parents) == 1 { - $parents: nth($parents, 1); + @if list.length($parents) == 1 { + $parents: list.nth($parents, 1); } @if ($parents == '()') { @@ -212,12 +217,12 @@ @mixin modifier($modifier) { $selectors: &; - @if str-index(inspect(&), '.#{$module}') { + @if string.index(meta.inspect(&), '.#{$module}') { $selectors: (); - @for $i from 1 through length(&) { + @for $i from 1 through list.length(&) { @if $i % 2 == 0 { - $selectors: append($selectors, nth(&, $i), comma); + $selectors: list.append($selectors, list.nth(&, $i), comma); } } } @@ -226,7 +231,7 @@ $modifier-selectors: (); @each $item in $modifier { - $modifier-selectors: join( + $modifier-selectors: list.join( $modifier-selectors, '&[class*="--#{$modifier}"]', comma ); } diff --git a/spec/libsass-closed-issues/issue_2633.hrx b/spec/libsass-closed-issues/issue_2633.hrx index 3e0577e0a..dad70ea88 100644 --- a/spec/libsass-closed-issues/issue_2633.hrx +++ b/spec/libsass-closed-issues/issue_2633.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:selector"; $sel1: '.something__child + .something__child--mod1'; $sel2: '.something__child ~ .something__child--mod2'; -$result1: selector-unify($sel1, $sel2); +$result1: selector.unify($sel1, $sel2); #{$result1} { /* nothing */ @@ -10,7 +11,7 @@ $result1: selector-unify($sel1, $sel2); .a { color: blue; & > * { - @at-root #{selector-unify(&, '.b')} { + @at-root #{selector.unify(&, '.b')} { color: red; } } @@ -19,7 +20,7 @@ $result1: selector-unify($sel1, $sel2); .a, .b { color: blue; & > * { - @at-root #{selector-unify(&, '.c, .d')} { + @at-root #{selector.unify(&, '.c, .d')} { color: red; } } diff --git a/spec/libsass-closed-issues/issue_2779.hrx b/spec/libsass-closed-issues/issue_2779.hrx index 3eb71d045..6e3e175c2 100644 --- a/spec/libsass-closed-issues/issue_2779.hrx +++ b/spec/libsass-closed-issues/issue_2779.hrx @@ -1,5 +1,6 @@ <===> input.scss -@debug(selector-extend(".a .b", "&b", ndll)); +@use "sass:selector"; +@debug(selector.extend(".a .b", "&b", ndll)); <===> error Error: $extendee: Parent selectors aren't allowed here. @@ -9,7 +10,7 @@ Error: $extendee: Parent selectors aren't allowed here. ' - 1:1 root stylesheet , -1 | @debug(selector-extend(".a .b", "&b", ndll)); +2 | @debug(selector.extend(".a .b", "&b", ndll)); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:8 root stylesheet + input.scss 2:8 root stylesheet diff --git a/spec/libsass-closed-issues/issue_2808.hrx b/spec/libsass-closed-issues/issue_2808.hrx index 9b7917dd4..df38460c6 100644 --- a/spec/libsass-closed-issues/issue_2808.hrx +++ b/spec/libsass-closed-issues/issue_2808.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:string"; test { - content: str-slice(abcdef, -10, 2) + content: string.slice(abcdef, -10, 2) } <===> output.css diff --git a/spec/libsass-closed-issues/issue_2863.hrx b/spec/libsass-closed-issues/issue_2863.hrx index dfdb3d98e..cd810c438 100644 --- a/spec/libsass-closed-issues/issue_2863.hrx +++ b/spec/libsass-closed-issues/issue_2863.hrx @@ -1,14 +1,15 @@ <===> input.scss +@use "sass:string"; $squoted: "'dquoted'"; $dquoted: "\"squoted\""; test { - str-slice-single: str-slice( $squoted, 1, 2 ); - str-slice-double: str-slice( $dquoted, 1, 2 ); - str-index-single: str-index( $squoted, "q" ); - str-index-double: str-index( $dquoted, "q" ); - str-insert-single: str-insert( $squoted, "p", 2 ); - str-insert-double: str-insert( $dquoted, "p", 2 ); + str-slice-single: string.slice( $squoted, 1, 2 ); + str-slice-double: string.slice( $dquoted, 1, 2 ); + str-index-single: string.index( $squoted, "q" ); + str-index-double: string.index( $dquoted, "q" ); + str-insert-single: string.insert( $squoted, "p", 2 ); + str-insert-double: string.insert( $dquoted, "p", 2 ); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_2980.hrx b/spec/libsass-closed-issues/issue_2980.hrx index b02d5ef77..e17b91cea 100644 --- a/spec/libsass-closed-issues/issue_2980.hrx +++ b/spec/libsass-closed-issues/issue_2980.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:map"; $config: ( phone: ( break-point-width:0px, @@ -19,8 +20,8 @@ $config: ( ); @each $key, $map in $config { - $break-point-width: map_get($map, break-point-width); - $break-point-name: map_get($map, break-point-name); + $break-point-width: map.get($map, break-point-width); + $break-point-name: map.get($map, break-point-name); $infix: if($break-point-width == 0px, null, -$break-point-name); .foo#{$infix} { content: '#{$break-point-name}'; diff --git a/spec/libsass-closed-issues/issue_338.hrx b/spec/libsass-closed-issues/issue_338.hrx index cf027995b..942717548 100644 --- a/spec/libsass-closed-issues/issue_338.hrx +++ b/spec/libsass-closed-issues/issue_338.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:list"; $list: ("a", "b"); test { - content: if( length($list) > 2, nth($list, 3), nth($list, 1) ); + content: if( list.length($list) > 2, list.nth($list, 3), list.nth($list, 1) ); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_394.hrx b/spec/libsass-closed-issues/issue_394.hrx index 79f3e2400..de0034b0e 100644 --- a/spec/libsass-closed-issues/issue_394.hrx +++ b/spec/libsass-closed-issues/issue_394.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:list"; $list1: alpha beta gamma; $list2: one two three; $map: (alpha: one, beta: two, gamma: three); .ma-list { - @each $item1, $item2 in zip($list1, $list2) { + @each $item1, $item2 in list.zip($list1, $list2) { #{$item1}: $item2; } } diff --git a/spec/libsass-closed-issues/issue_435.hrx b/spec/libsass-closed-issues/issue_435.hrx index 0fc678305..ee480a095 100644 --- a/spec/libsass-closed-issues/issue_435.hrx +++ b/spec/libsass-closed-issues/issue_435.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:string"; $skin-name: "CMS_Black"; -$QUOTE: unquote('"'); -$EMPTY_STRING: unquote( "" ); -$SLASH: unquote("/"); +$QUOTE: string.unquote('"'); +$EMPTY_STRING: string.unquote( "" ); +$SLASH: string.unquote("/"); -$SKINS_PATH: unquote("/CMS/Skins"); +$SKINS_PATH: string.unquote("/CMS/Skins"); $URL_SEPARATOR: $SLASH; $URL_PREFIX: $EMPTY_STRING; $URL_SUFFIX: $EMPTY_STRING; diff --git a/spec/libsass-closed-issues/issue_439.hrx b/spec/libsass-closed-issues/issue_439.hrx index e3615d4ea..e465a6d33 100644 --- a/spec/libsass-closed-issues/issue_439.hrx +++ b/spec/libsass-closed-issues/issue_439.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:string"; @mixin odd( $selector, $n) { $selector: "& + " + $selector + " + " + $selector; - $placeholder: unique_id(); + $placeholder: string.unique_id(); %#{$placeholder} { @content; } #{$selector}:first-child { #{$selector} { @extend %#{$placeholder}; } @@ -21,9 +22,9 @@ This will be an error in Dart Sass 2.0.0. More info: https://sass-lang.com/d/bogus-combinators , -6 | #{$selector} { @extend %#{$placeholder}; } +7 | #{$selector} { @extend %#{$placeholder}; } | ^^^^^^^^^^^^ invalid selector | ======================== @extend rule ' - input.scss 6:5 odd() - input.scss 11:3 root stylesheet + input.scss 7:5 odd() + input.scss 12:3 root stylesheet diff --git a/spec/libsass-closed-issues/issue_506.hrx b/spec/libsass-closed-issues/issue_506.hrx index b57a9fb59..5ee3f9376 100644 --- a/spec/libsass-closed-issues/issue_506.hrx +++ b/spec/libsass-closed-issues/issue_506.hrx @@ -1,12 +1,13 @@ <===> input.scss +@use "sass:list"; $list: foo bar baz; $list--comma: foo, bar, baz; $single: foo; div { - _list-space: list-separator($list); - _list-comma: list-separator($list--comma); - _single-item: list-separator($single); + _list-space: list.separator($list); + _list-comma: list.separator($list--comma); + _single-item: list.separator($single); } <===> output.css div { diff --git a/spec/libsass-closed-issues/issue_509.hrx b/spec/libsass-closed-issues/issue_509.hrx index 509f9db92..02db78d95 100644 --- a/spec/libsass-closed-issues/issue_509.hrx +++ b/spec/libsass-closed-issues/issue_509.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:map"; $foo: ( (key1): (value-1-0), key2: value-2-0, @@ -11,13 +12,13 @@ $foo: ( ); div { - foo: map-get((foo: 1, bar: 2), foo); - foo: map-get((foo: 1, bar: 2), bar); - foo: map-get((foo: 1, bar: 2), baz); - foo: map-get((), foo); - foo: map-get($foo, (key-5-0: value-5-1)); - foo: map-get($foo, (key2)); - foo: map-get($foo, (key-3-0 key-3-1 key-3-2)); + foo: map.get((foo: 1, bar: 2), foo); + foo: map.get((foo: 1, bar: 2), bar); + foo: map.get((foo: 1, bar: 2), baz); + foo: map.get((), foo); + foo: map.get($foo, (key-5-0: value-5-1)); + foo: map.get($foo, (key2)); + foo: map.get($foo, (key-3-0 key-3-1 key-3-2)); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_510.hrx b/spec/libsass-closed-issues/issue_510.hrx index 51c870db9..1cc411cb9 100644 --- a/spec/libsass-closed-issues/issue_510.hrx +++ b/spec/libsass-closed-issues/issue_510.hrx @@ -1,5 +1,6 @@ <===> input.scss -$before: map-remove((foo: 1, bar: 2, baz: 3, burp: 4), bar, baz); +@use "sass:map"; +$before: map.remove((foo: 1, bar: 2, baz: 3, burp: 4), bar, baz); $after: (foo: 1, burp: 4); div { diff --git a/spec/libsass-closed-issues/issue_512.hrx b/spec/libsass-closed-issues/issue_512.hrx index 2e76e63de..92eada2ab 100644 --- a/spec/libsass-closed-issues/issue_512.hrx +++ b/spec/libsass-closed-issues/issue_512.hrx @@ -1,9 +1,11 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; $list: a b c; .css { - debug: index($list, a); + debug: list.index($list, a); - @if type-of(index($list, 2)) == "null" { + @if meta.type-of(list.index($list, 2)) == "null" { debug: foo; } } diff --git a/spec/libsass-closed-issues/issue_534.hrx b/spec/libsass-closed-issues/issue_534.hrx index 6513ab768..6b7b707cc 100644 --- a/spec/libsass-closed-issues/issue_534.hrx +++ b/spec/libsass-closed-issues/issue_534.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:map"; $foo: ( 1: foo1 bar1, 10: foo2 bar2, @@ -6,9 +7,9 @@ $foo: ( ); div { - foo: map-get($foo, 1); - foo: map-get($foo, 10); - foo: map-get($foo, 100); + foo: map.get($foo, 1); + foo: map.get($foo, 10); + foo: map.get($foo, 100); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_54.hrx b/spec/libsass-closed-issues/issue_54.hrx index c1dc17f99..724345ced 100644 --- a/spec/libsass-closed-issues/issue_54.hrx +++ b/spec/libsass-closed-issues/issue_54.hrx @@ -4,8 +4,9 @@ - dart-sass <===> input.scss +@use "sass:color"; @mixin opacity($percent) { - foo { test: opacity($percent); } + foo { test: color.opacity($percent); } } @-webkit-keyframes uiDelayedFadeIn { diff --git a/spec/libsass-closed-issues/issue_555.hrx b/spec/libsass-closed-issues/issue_555.hrx index 419330596..8e2e3f82b 100644 --- a/spec/libsass-closed-issues/issue_555.hrx +++ b/spec/libsass-closed-issues/issue_555.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:map"; @function hello($name) { @return $name; @@ -11,10 +12,10 @@ $foo: ( ); a { - foo: map-get($foo, "bar()"); - foo: map-get($foo, "bar(\"foo\")"); - foo: map-get($foo, 'bar("foo")'); - foo: map-get($foo, "bob"); + foo: map.get($foo, "bar()"); + foo: map.get($foo, "bar(\"foo\")"); + foo: map.get($foo, 'bar("foo")'); + foo: map.get($foo, "bob"); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_557.hrx b/spec/libsass-closed-issues/issue_557.hrx index 5ef09a6af..7aa66980a 100644 --- a/spec/libsass-closed-issues/issue_557.hrx +++ b/spec/libsass-closed-issues/issue_557.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:map"; a { - foo: map-get((foo: 1, bar: 2), "bar"); + foo: map.get((foo: 1, bar: 2), "bar"); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_574.hrx b/spec/libsass-closed-issues/issue_574.hrx index 69723bc62..71ea7409b 100644 --- a/spec/libsass-closed-issues/issue_574.hrx +++ b/spec/libsass-closed-issues/issue_574.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:map"; $flow: left; $map: ( @@ -7,7 +8,7 @@ $map: ( ); .test { - margin-left: map-get($map, margin-left); + margin-left: map.get($map, margin-left); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_577.hrx b/spec/libsass-closed-issues/issue_577.hrx index d77459866..7bda78fbf 100644 --- a/spec/libsass-closed-issues/issue_577.hrx +++ b/spec/libsass-closed-issues/issue_577.hrx @@ -1,9 +1,10 @@ <===> input.scss +@use "sass:list"; @function map-each($map) { $values: (); @each $key, $value in $map { - $values: append($values, $value); + $values: list.append($values, $value); } @return $values; diff --git a/spec/libsass-closed-issues/issue_578.hrx b/spec/libsass-closed-issues/issue_578.hrx index 3f5c192f6..a594e22b1 100644 --- a/spec/libsass-closed-issues/issue_578.hrx +++ b/spec/libsass-closed-issues/issue_578.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:list"; $list: one foo three bar six seven; -$pos: set-nth($list, 2, two); -$neg: set-nth($pos, -3, four five); +$pos: list.set-nth($list, 2, two); +$neg: list.set-nth($pos, -3, four five); .test { -positive: $pos; diff --git a/spec/libsass-closed-issues/issue_643.hrx b/spec/libsass-closed-issues/issue_643.hrx index 5e28dfc10..03cd175fb 100644 --- a/spec/libsass-closed-issues/issue_643.hrx +++ b/spec/libsass-closed-issues/issue_643.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:list"; $map: (foo: bar, bar: baz); foo { - a: nth($map, 2); + a: list.nth($map, 2); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_652.hrx b/spec/libsass-closed-issues/issue_652.hrx index 3bd8c4768..db2bd1d7f 100644 --- a/spec/libsass-closed-issues/issue_652.hrx +++ b/spec/libsass-closed-issues/issue_652.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:map"; $map: ( purple: foo, rgba(1,2,3,1): bar, @@ -6,9 +7,9 @@ $map: ( ); a { - name: map-get($map, purple) == foo; - func: map-get($map, rgba(1,2,3,1)) == bar; - hex: map-get($map, #ffffff) == baz; + name: map.get($map, purple) == foo; + func: map.get($map, rgba(1,2,3,1)) == bar; + hex: map.get($map, #ffffff) == baz; } <===> output.css diff --git a/spec/libsass-closed-issues/issue_672.hrx b/spec/libsass-closed-issues/issue_672.hrx index 17bee8718..f337528f6 100644 --- a/spec/libsass-closed-issues/issue_672.hrx +++ b/spec/libsass-closed-issues/issue_672.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; @mixin test($arglist...) { - $map: keywords($arglist); + $map: meta.keywords($arglist); answer: if($map, "Yep", "Nope"); } diff --git a/spec/libsass-closed-issues/issue_699.hrx b/spec/libsass-closed-issues/issue_699.hrx index 0230a7b5c..f4d2555e7 100644 --- a/spec/libsass-closed-issues/issue_699.hrx +++ b/spec/libsass-closed-issues/issue_699.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:color"; .selector { - color: invert(rebeccapurple); + color: color.invert(rebeccapurple); } <===> output.css .selector { diff --git a/spec/libsass-closed-issues/issue_700.hrx b/spec/libsass-closed-issues/issue_700.hrx index 181b37ccc..bf8718830 100644 --- a/spec/libsass-closed-issues/issue_700.hrx +++ b/spec/libsass-closed-issues/issue_700.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:color"; .selector { - color: invert(transparent); + color: color.invert(transparent); } <===> output.css .selector { diff --git a/spec/libsass-closed-issues/issue_701.hrx b/spec/libsass-closed-issues/issue_701.hrx index 3d79490ca..db4b96ce3 100644 --- a/spec/libsass-closed-issues/issue_701.hrx +++ b/spec/libsass-closed-issues/issue_701.hrx @@ -1,17 +1,19 @@ <===> input.scss +@use "sass:meta"; + .test-1 { content: null; - content: inspect(null); - content: inspect(false); - content: inspect(true); - content: inspect(42); - content: inspect(42.3); - content: inspect(42px); - content: inspect("string"); + content: meta.inspect(null); + content: meta.inspect(false); + content: meta.inspect(true); + content: meta.inspect(42); + content: meta.inspect(42.3); + content: meta.inspect(42px); + content: meta.inspect("string"); $list: 1, 2, 3; - content: inspect($list); + content: meta.inspect($list); $map: ( a: 1, b: 2, c: 3 ); - content: inspect($map); + content: meta.inspect($map); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_702.hrx b/spec/libsass-closed-issues/issue_702.hrx index 77625a282..bf4cf7a34 100644 --- a/spec/libsass-closed-issues/issue_702.hrx +++ b/spec/libsass-closed-issues/issue_702.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; .foo { - content: function-exists("feature-exists"); - content: feature-exists("foo"); + content: meta.function-exists("feature-exists"); + content: meta.feature-exists("foo"); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_760.hrx b/spec/libsass-closed-issues/issue_760.hrx index 430168a01..7dc650ee6 100644 --- a/spec/libsass-closed-issues/issue_760.hrx +++ b/spec/libsass-closed-issues/issue_760.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:string"; foo { - quoted: str-slice("abcd", 1, 0); - unquoted: str-slice(abcd, 1, 0); + quoted: string.slice("abcd", 1, 0); + unquoted: string.slice(abcd, 1, 0); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_763.hrx b/spec/libsass-closed-issues/issue_763.hrx index 0accb9d61..81a4e4fe8 100644 --- a/spec/libsass-closed-issues/issue_763.hrx +++ b/spec/libsass-closed-issues/issue_763.hrx @@ -1,13 +1,14 @@ <===> input.scss +@use "sass:string"; foo { - a: str-slice("abcd", 1, 1); - b: str-slice('abcd', 1, 1); - c: str-slice(abcd, 1, 1); + a: string.slice("abcd", 1, 1); + b: string.slice('abcd', 1, 1); + c: string.slice(abcd, 1, 1); - d: str-insert("abcd", "X", 1); - e: str-insert("abcd", 'X', 1); - f: str-insert('abcd', "X", 1); - g: str-insert('abcd', 'X', 1); + d: string.insert("abcd", "X", 1); + e: string.insert("abcd", 'X', 1); + f: string.insert('abcd', "X", 1); + g: string.insert('abcd', 'X', 1); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_815.hrx b/spec/libsass-closed-issues/issue_815.hrx index 4059e613c..b21cda582 100644 --- a/spec/libsass-closed-issues/issue_815.hrx +++ b/spec/libsass-closed-issues/issue_815.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:string"; foo { - foo: str-slice("bar", 1, 2); - bar: str-slice("bar", 3); + foo: string.slice("bar", 1, 2); + bar: string.slice("bar", 3); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_857.hrx b/spec/libsass-closed-issues/issue_857.hrx index d289ae5cc..b63fc79ed 100644 --- a/spec/libsass-closed-issues/issue_857.hrx +++ b/spec/libsass-closed-issues/issue_857.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:list"; $list: "item-1" "item-2" "item-3"; #hello { - @if length($list) % 2 == 0 { + @if list.length($list) % 2 == 0 { color: blue; } diff --git a/spec/libsass-closed-issues/issue_86.hrx b/spec/libsass-closed-issues/issue_86.hrx index 236eb4c69..88e857234 100644 --- a/spec/libsass-closed-issues/issue_86.hrx +++ b/spec/libsass-closed-issues/issue_86.hrx @@ -1,12 +1,15 @@ <===> input.scss +@use "sass:color"; +@use "sass:math"; +@use "sass:meta"; .color-functions { $color: red; - hue: hue($color); - hue-type: type-of(hue($color)); - hue-unit: unit(hue($color)); - hue-comparable: comparable(hue($color), hue($color)); - test-1: comparable(lightness(red), 1%); - test-2: comparable(saturation(red), 1%); + hue: color.hue($color); + hue-type: meta.type-of(color.hue($color)); + hue-unit: math.unit(color.hue($color)); + hue-comparable: math.compatible(color.hue($color), color.hue($color)); + test-1: math.compatible(color.lightness(red), 1%); + test-2: math.compatible(color.saturation(red), 1%); } <===> output.css .color-functions { diff --git a/spec/libsass-closed-issues/issue_864.hrx b/spec/libsass-closed-issues/issue_864.hrx index b19547d21..d6c78efb5 100644 --- a/spec/libsass-closed-issues/issue_864.hrx +++ b/spec/libsass-closed-issues/issue_864.hrx @@ -1,5 +1,6 @@ <===> input.scss -div { color: desaturate(#999, 50%); } +@use "sass:color"; +div { color: color.adjust(#999, $saturation: -50%); } <===> output.css div { color: #999999; diff --git a/spec/libsass-closed-issues/issue_877.hrx b/spec/libsass-closed-issues/issue_877.hrx index 1f5034e39..4c3cb8c7f 100644 --- a/spec/libsass-closed-issues/issue_877.hrx +++ b/spec/libsass-closed-issues/issue_877.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; @function _test1() { @return 'hello'; } @@ -28,34 +29,34 @@ $_test2: true; $test: true; .test { - function: function-exists('_test1'); - function: function-exists('-test1'); - function: function-exists('_test2'); - function: function-exists('-test2'); - function: function-exists('test1'); - function: function-exists('test2'); - function: function-exists('test'); - mixin: mixin-exists('_test1'); - mixin: mixin-exists('-test1'); - mixin: mixin-exists('_test2'); - mixin: mixin-exists('-test2'); - mixin: mixin-exists('test1'); - mixin: mixin-exists('test2'); - mixin: mixin-exists('test'); - variable: variable-exists('_test1'); - variable: variable-exists('-test1'); - variable: variable-exists('_test2'); - variable: variable-exists('-test2'); - variable: variable-exists('test1'); - variable: variable-exists('test2'); - variable: variable-exists('test'); - global-variable: global-variable-exists('_test1'); - global-variable: global-variable-exists('-test1'); - global-variable: global-variable-exists('_test2'); - global-variable: global-variable-exists('-test2'); - global-variable: global-variable-exists('test1'); - global-variable: global-variable-exists('test2'); - global-variable: global-variable-exists('test'); + function: meta.function-exists('_test1'); + function: meta.function-exists('-test1'); + function: meta.function-exists('_test2'); + function: meta.function-exists('-test2'); + function: meta.function-exists('test1'); + function: meta.function-exists('test2'); + function: meta.function-exists('test'); + mixin: meta.mixin-exists('_test1'); + mixin: meta.mixin-exists('-test1'); + mixin: meta.mixin-exists('_test2'); + mixin: meta.mixin-exists('-test2'); + mixin: meta.mixin-exists('test1'); + mixin: meta.mixin-exists('test2'); + mixin: meta.mixin-exists('test'); + variable: meta.variable-exists('_test1'); + variable: meta.variable-exists('-test1'); + variable: meta.variable-exists('_test2'); + variable: meta.variable-exists('-test2'); + variable: meta.variable-exists('test1'); + variable: meta.variable-exists('test2'); + variable: meta.variable-exists('test'); + global-variable: meta.global-variable-exists('_test1'); + global-variable: meta.global-variable-exists('-test1'); + global-variable: meta.global-variable-exists('_test2'); + global-variable: meta.global-variable-exists('-test2'); + global-variable: meta.global-variable-exists('test1'); + global-variable: meta.global-variable-exists('test2'); + global-variable: meta.global-variable-exists('test'); } <===> output.css diff --git a/spec/libsass-closed-issues/issue_980.hrx b/spec/libsass-closed-issues/issue_980.hrx index f85114d8b..7ee8c6761 100644 --- a/spec/libsass-closed-issues/issue_980.hrx +++ b/spec/libsass-closed-issues/issue_980.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:list"; @function foo($value, $default: 13, $args...) { $res: $value + $default; - @if length($args) != 0 { - $res: $res + nth($args, 1); + @if list.length($args) != 0 { + $res: $res + list.nth($args, 1); } @return $res; } diff --git a/spec/libsass-closed-issues/issue_988.hrx b/spec/libsass-closed-issues/issue_988.hrx index 3b67605f0..f5900bba0 100644 --- a/spec/libsass-closed-issues/issue_988.hrx +++ b/spec/libsass-closed-issues/issue_988.hrx @@ -1,9 +1,10 @@ <===> input.scss +@use "sass:string"; @function str-replace($string, $search, $replace: '') { - $index: str-index($string, $search); + $index: string.index($string, $search); @if $index { - @return str-slice($string, 1, $index - 1) + $replace + - str-replace(str-slice($string, $index + str-length($search)), $search, $replace); + @return string.slice($string, 1, $index - 1) + $replace + + str-replace(string.slice($string, $index + string.length($search)), $search, $replace); } @return $string; } diff --git a/spec/libsass-todo-issues/issue_2818.hrx b/spec/libsass-todo-issues/issue_2818.hrx index 893fcdcff..3df4c64f1 100644 --- a/spec/libsass-todo-issues/issue_2818.hrx +++ b/spec/libsass-todo-issues/issue_2818.hrx @@ -1,6 +1,8 @@ <===> input.scss +@use "sass:color"; +@use "sass:meta"; $map: ("lightness": 10%, "saturation": 10%); -$base: call(get-function('scale-color'), #dedede, $map...); +$base: meta.call(meta.get-function('scale', $module: 'color'), #dedede, $map...); test { color: $base; } <===> output.css diff --git a/spec/libsass/arg-eval.hrx b/spec/libsass/arg-eval.hrx index 291d59ec5..34fee6e62 100644 --- a/spec/libsass/arg-eval.hrx +++ b/spec/libsass/arg-eval.hrx @@ -1,4 +1,6 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; @function foo() { @return 1+2 3/4 5+6; } @@ -9,10 +11,10 @@ div { content: foobar(1+2 3/4 5+6, orange); - content: append(1+2 2/3 5+6, orange); + content: list.append(1+2 2/3 5+6, orange); content: 1+2 2/3 5+6; - content: type-of(2/3); - content: type-of(orange); + content: meta.type-of(2/3); + content: meta.type-of(orange); content: foo(); @include bar(); } @@ -35,10 +37,10 @@ Recommendation: math.div(2, 3) More info and automated migrator: https://sass-lang.com/d/slash-div , -13 | content: type-of(2/3); - | ^^^ +15 | content: meta.type-of(2/3); + | ^^^ ' - input.scss 13:20 root stylesheet + input.scss 15:25 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -47,8 +49,8 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -5 | @mixin bar($x: 3/4) { +7 | @mixin bar($x: 3/4) { | ^^^ ' - input.scss 5:16 bar() - input.scss 16:3 root stylesheet + input.scss 7:16 bar() + input.scss 18:3 root stylesheet diff --git a/spec/libsass/at-error/feature-test.hrx b/spec/libsass/at-error/feature-test.hrx index 1d1635f5e..f19c31889 100644 --- a/spec/libsass/at-error/feature-test.hrx +++ b/spec/libsass/at-error/feature-test.hrx @@ -1,5 +1,6 @@ <===> input.scss -@if feature-exists(at-error) { +@use "sass:meta"; +@if meta.feature-exists(at-error) { div { feature: true; } diff --git a/spec/libsass/bool.hrx b/spec/libsass/bool.hrx index 5344efdae..e6bc3a838 100644 --- a/spec/libsass/bool.hrx +++ b/spec/libsass/bool.hrx @@ -1,11 +1,12 @@ <===> input.scss +@use "sass:string"; div { a: (false and "hey"); b: ("hey" and "ho"); b: ("hey" or "ho"); a: false and "hey"; b: "hey" and "ho"; - b: unquote("hey") or "ho"; + b: string.unquote("hey") or "ho"; } <===> output.css div { diff --git a/spec/libsass/bourbon.hrx b/spec/libsass/bourbon.hrx index 25311a137..a6562240b 100644 --- a/spec/libsass/bourbon.hrx +++ b/spec/libsass/bourbon.hrx @@ -7,6 +7,7 @@ - lint-hrx <===> input.scss +@use "sass:color"; @import "lib/_bourbon.scss"; box:hover { @@ -31,7 +32,7 @@ div { // Multiple linear-gradients - Demo @include background-image(linear-gradient(hsla(0, 100%, 100%, 0.25) 0%, hsla(0, 100%, 100%, 0.08) 50%, transparent 50%), - linear-gradient(#4e7ba3, darken(#4e7ba4, 10%))); + linear-gradient(#4e7ba3, color.adjust(#4e7ba4, $lightness: -10%))); // NOT SUPPORTED - Multiple image assets with shorthand notation @include background-image(url("/images/a.png") center no-repeat, url("images/b.png") left repeat); diff --git a/spec/libsass/charset.hrx b/spec/libsass/charset.hrx index 1856bf7ae..9678dde27 100644 --- a/spec/libsass/charset.hrx +++ b/spec/libsass/charset.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:string"; div { - content: to-upper-case("øáéíóúüñ¿éàŤDžǂɊɱʭʬѪ҈ݓ"); + content: string.to-upper-case("øáéíóúüñ¿éàŤDžǂɊɱʭʬѪ҈ݓ"); } <===> output.css diff --git a/spec/libsass/color-functions/opacity/alpha.hrx b/spec/libsass/color-functions/opacity/alpha.hrx index cc9bb46b8..ebd93a3c4 100644 --- a/spec/libsass/color-functions/opacity/alpha.hrx +++ b/spec/libsass/color-functions/opacity/alpha.hrx @@ -1,16 +1,17 @@ <===> input.scss +@use "sass:color"; foo { - c0: opacity(rgba(0,0,0,0.0)); - c1: opacity(rgba(0,0,0,0.1)); - c2: opacity(rgba(0,0,0,0.2)); - c3: opacity(rgba(0,0,0,0.3)); - c4: opacity(rgba(0,0,0,0.4)); - c5: opacity(rgba(0,0,0,0.5)); - c6: opacity(rgba(0,0,0,0.6)); - c7: opacity(rgba(0,0,0,0.7)); - c8: opacity(rgba(0,0,0,0.8)); - c9: opacity(rgba(0,0,0,0.9)); - c10: opacity(rgba(0,0,0,1)); + c0: color.opacity(rgba(0,0,0,0.0)); + c1: color.opacity(rgba(0,0,0,0.1)); + c2: color.opacity(rgba(0,0,0,0.2)); + c3: color.opacity(rgba(0,0,0,0.3)); + c4: color.opacity(rgba(0,0,0,0.4)); + c5: color.opacity(rgba(0,0,0,0.5)); + c6: color.opacity(rgba(0,0,0,0.6)); + c7: color.opacity(rgba(0,0,0,0.7)); + c8: color.opacity(rgba(0,0,0,0.8)); + c9: color.opacity(rgba(0,0,0,0.9)); + c10: color.opacity(rgba(0,0,0,1)); } <===> output.css diff --git a/spec/libsass/color-functions/other/change-color/a.hrx b/spec/libsass/color-functions/other/change-color/a.hrx index 968f0781d..da7195345 100644 --- a/spec/libsass/color-functions/other/change-color/a.hrx +++ b/spec/libsass/color-functions/other/change-color/a.hrx @@ -1,17 +1,18 @@ <===> input.scss +@use "sass:color"; foo { // c-1: change-color(black,$alpha:-1); - c0: change-color(black,$alpha:0.0); - c1: change-color(black,$alpha:0.1); - c2: change-color(black,$alpha:0.2); - c3: change-color(black,$alpha:0.3); - c4: change-color(black,$alpha:0.4); - c5: change-color(black,$alpha:0.5); - c6: change-color(black,$alpha:0.6); - c7: change-color(black,$alpha:0.7); - c8: change-color(black,$alpha:0.8); - c9: change-color(black,$alpha:0.9); - c10: change-color(black,$alpha:1); + c0: color.change(black,$alpha:0.0); + c1: color.change(black,$alpha:0.1); + c2: color.change(black,$alpha:0.2); + c3: color.change(black,$alpha:0.3); + c4: color.change(black,$alpha:0.4); + c5: color.change(black,$alpha:0.5); + c6: color.change(black,$alpha:0.6); + c7: color.change(black,$alpha:0.7); + c8: color.change(black,$alpha:0.8); + c9: color.change(black,$alpha:0.9); + c10: color.change(black,$alpha:1); // c11: change-color(black,$alpha:1.1); // c12: change-color(black,$alpha:2); } diff --git a/spec/libsass/color-functions/other/change-color/b.hrx b/spec/libsass/color-functions/other/change-color/b.hrx index 6cdcea541..e11e69d1f 100644 --- a/spec/libsass/color-functions/other/change-color/b.hrx +++ b/spec/libsass/color-functions/other/change-color/b.hrx @@ -1,262 +1,263 @@ <===> input.scss +@use "sass:color"; foo { // c-1: change-color(black,$blue:-1); - c0: change-color(black,$blue:0); - c1: change-color(black,$blue:1); - c2: change-color(black,$blue:2); - c3: change-color(black,$blue:3); - c4: change-color(black,$blue:4); - c5: change-color(black,$blue:5); - c6: change-color(black,$blue:6); - c7: change-color(black,$blue:7); - c8: change-color(black,$blue:8); - c9: change-color(black,$blue:9); - c10: change-color(black,$blue:10); - c11: change-color(black,$blue:11); - c12: change-color(black,$blue:12); - c13: change-color(black,$blue:13); - c14: change-color(black,$blue:14); - c15: change-color(black,$blue:15); - c16: change-color(black,$blue:16); - c17: change-color(black,$blue:17); - c18: change-color(black,$blue:18); - c19: change-color(black,$blue:19); - c20: change-color(black,$blue:20); - c21: change-color(black,$blue:21); - c22: change-color(black,$blue:22); - c23: change-color(black,$blue:23); - c24: change-color(black,$blue:24); - c25: change-color(black,$blue:25); - c26: change-color(black,$blue:26); - c27: change-color(black,$blue:27); - c28: change-color(black,$blue:28); - c29: change-color(black,$blue:29); - c30: change-color(black,$blue:30); - c31: change-color(black,$blue:31); - c32: change-color(black,$blue:32); - c33: change-color(black,$blue:33); - c34: change-color(black,$blue:34); - c35: change-color(black,$blue:35); - c36: change-color(black,$blue:36); - c37: change-color(black,$blue:37); - c38: change-color(black,$blue:38); - c39: change-color(black,$blue:39); - c40: change-color(black,$blue:40); - c41: change-color(black,$blue:41); - c42: change-color(black,$blue:42); - c43: change-color(black,$blue:43); - c44: change-color(black,$blue:44); - c45: change-color(black,$blue:45); - c46: change-color(black,$blue:46); - c47: change-color(black,$blue:47); - c48: change-color(black,$blue:48); - c49: change-color(black,$blue:49); - c50: change-color(black,$blue:50); - c51: change-color(black,$blue:51); - c52: change-color(black,$blue:52); - c53: change-color(black,$blue:53); - c54: change-color(black,$blue:54); - c55: change-color(black,$blue:55); - c56: change-color(black,$blue:56); - c57: change-color(black,$blue:57); - c58: change-color(black,$blue:58); - c59: change-color(black,$blue:59); - c60: change-color(black,$blue:60); - c61: change-color(black,$blue:61); - c62: change-color(black,$blue:62); - c63: change-color(black,$blue:63); - c64: change-color(black,$blue:64); - c65: change-color(black,$blue:65); - c66: change-color(black,$blue:66); - c67: change-color(black,$blue:67); - c68: change-color(black,$blue:68); - c69: change-color(black,$blue:69); - c70: change-color(black,$blue:70); - c71: change-color(black,$blue:71); - c72: change-color(black,$blue:72); - c73: change-color(black,$blue:73); - c74: change-color(black,$blue:74); - c75: change-color(black,$blue:75); - c76: change-color(black,$blue:76); - c77: change-color(black,$blue:77); - c78: change-color(black,$blue:78); - c79: change-color(black,$blue:79); - c80: change-color(black,$blue:80); - c81: change-color(black,$blue:81); - c82: change-color(black,$blue:82); - c83: change-color(black,$blue:83); - c84: change-color(black,$blue:84); - c85: change-color(black,$blue:85); - c86: change-color(black,$blue:86); - c87: change-color(black,$blue:87); - c88: change-color(black,$blue:88); - c89: change-color(black,$blue:89); - c90: change-color(black,$blue:90); - c91: change-color(black,$blue:91); - c92: change-color(black,$blue:92); - c93: change-color(black,$blue:93); - c94: change-color(black,$blue:94); - c95: change-color(black,$blue:95); - c96: change-color(black,$blue:96); - c97: change-color(black,$blue:97); - c98: change-color(black,$blue:98); - c99: change-color(black,$blue:99); - c100: change-color(black,$blue:100); - c101: change-color(black,$blue:101); - c102: change-color(black,$blue:102); - c103: change-color(black,$blue:103); - c104: change-color(black,$blue:104); - c105: change-color(black,$blue:105); - c106: change-color(black,$blue:106); - c107: change-color(black,$blue:107); - c108: change-color(black,$blue:108); - c109: change-color(black,$blue:109); - c110: change-color(black,$blue:110); - c111: change-color(black,$blue:111); - c112: change-color(black,$blue:112); - c113: change-color(black,$blue:113); - c114: change-color(black,$blue:114); - c115: change-color(black,$blue:115); - c116: change-color(black,$blue:116); - c117: change-color(black,$blue:117); - c118: change-color(black,$blue:118); - c119: change-color(black,$blue:119); - c120: change-color(black,$blue:120); - c121: change-color(black,$blue:121); - c122: change-color(black,$blue:122); - c123: change-color(black,$blue:123); - c124: change-color(black,$blue:124); - c125: change-color(black,$blue:125); - c126: change-color(black,$blue:126); - c127: change-color(black,$blue:127); - c128: change-color(black,$blue:128); - c129: change-color(black,$blue:129); - c130: change-color(black,$blue:130); - c131: change-color(black,$blue:131); - c132: change-color(black,$blue:132); - c133: change-color(black,$blue:133); - c134: change-color(black,$blue:134); - c135: change-color(black,$blue:135); - c136: change-color(black,$blue:136); - c137: change-color(black,$blue:137); - c138: change-color(black,$blue:138); - c139: change-color(black,$blue:139); - c140: change-color(black,$blue:140); - c141: change-color(black,$blue:141); - c142: change-color(black,$blue:142); - c143: change-color(black,$blue:143); - c144: change-color(black,$blue:144); - c145: change-color(black,$blue:145); - c146: change-color(black,$blue:146); - c147: change-color(black,$blue:147); - c148: change-color(black,$blue:148); - c149: change-color(black,$blue:149); - c150: change-color(black,$blue:150); - c151: change-color(black,$blue:151); - c152: change-color(black,$blue:152); - c153: change-color(black,$blue:153); - c154: change-color(black,$blue:154); - c155: change-color(black,$blue:155); - c156: change-color(black,$blue:156); - c157: change-color(black,$blue:157); - c158: change-color(black,$blue:158); - c159: change-color(black,$blue:159); - c160: change-color(black,$blue:160); - c161: change-color(black,$blue:161); - c162: change-color(black,$blue:162); - c163: change-color(black,$blue:163); - c164: change-color(black,$blue:164); - c165: change-color(black,$blue:165); - c166: change-color(black,$blue:166); - c167: change-color(black,$blue:167); - c168: change-color(black,$blue:168); - c169: change-color(black,$blue:169); - c170: change-color(black,$blue:170); - c171: change-color(black,$blue:171); - c172: change-color(black,$blue:172); - c173: change-color(black,$blue:173); - c174: change-color(black,$blue:174); - c175: change-color(black,$blue:175); - c176: change-color(black,$blue:176); - c177: change-color(black,$blue:177); - c178: change-color(black,$blue:178); - c179: change-color(black,$blue:179); - c180: change-color(black,$blue:180); - c181: change-color(black,$blue:181); - c182: change-color(black,$blue:182); - c183: change-color(black,$blue:183); - c184: change-color(black,$blue:184); - c185: change-color(black,$blue:185); - c186: change-color(black,$blue:186); - c187: change-color(black,$blue:187); - c188: change-color(black,$blue:188); - c189: change-color(black,$blue:189); - c190: change-color(black,$blue:190); - c191: change-color(black,$blue:191); - c192: change-color(black,$blue:192); - c193: change-color(black,$blue:193); - c194: change-color(black,$blue:194); - c195: change-color(black,$blue:195); - c196: change-color(black,$blue:196); - c197: change-color(black,$blue:197); - c198: change-color(black,$blue:198); - c199: change-color(black,$blue:199); - c200: change-color(black,$blue:200); - c201: change-color(black,$blue:201); - c202: change-color(black,$blue:202); - c203: change-color(black,$blue:203); - c204: change-color(black,$blue:204); - c205: change-color(black,$blue:205); - c206: change-color(black,$blue:206); - c207: change-color(black,$blue:207); - c208: change-color(black,$blue:208); - c209: change-color(black,$blue:209); - c210: change-color(black,$blue:210); - c211: change-color(black,$blue:211); - c212: change-color(black,$blue:212); - c213: change-color(black,$blue:213); - c214: change-color(black,$blue:214); - c215: change-color(black,$blue:215); - c216: change-color(black,$blue:216); - c217: change-color(black,$blue:217); - c218: change-color(black,$blue:218); - c219: change-color(black,$blue:219); - c220: change-color(black,$blue:220); - c221: change-color(black,$blue:221); - c222: change-color(black,$blue:222); - c223: change-color(black,$blue:223); - c224: change-color(black,$blue:224); - c225: change-color(black,$blue:225); - c226: change-color(black,$blue:226); - c227: change-color(black,$blue:227); - c228: change-color(black,$blue:228); - c229: change-color(black,$blue:229); - c230: change-color(black,$blue:230); - c231: change-color(black,$blue:231); - c232: change-color(black,$blue:232); - c233: change-color(black,$blue:233); - c234: change-color(black,$blue:234); - c235: change-color(black,$blue:235); - c236: change-color(black,$blue:236); - c237: change-color(black,$blue:237); - c238: change-color(black,$blue:238); - c239: change-color(black,$blue:239); - c240: change-color(black,$blue:240); - c241: change-color(black,$blue:241); - c242: change-color(black,$blue:242); - c243: change-color(black,$blue:243); - c244: change-color(black,$blue:244); - c245: change-color(black,$blue:245); - c246: change-color(black,$blue:246); - c247: change-color(black,$blue:247); - c248: change-color(black,$blue:248); - c249: change-color(black,$blue:249); - c250: change-color(black,$blue:250); - c251: change-color(black,$blue:251); - c252: change-color(black,$blue:252); - c253: change-color(black,$blue:253); - c254: change-color(black,$blue:254); - c255: change-color(black,$blue:255); + c0: color.change(black,$blue:0); + c1: color.change(black,$blue:1); + c2: color.change(black,$blue:2); + c3: color.change(black,$blue:3); + c4: color.change(black,$blue:4); + c5: color.change(black,$blue:5); + c6: color.change(black,$blue:6); + c7: color.change(black,$blue:7); + c8: color.change(black,$blue:8); + c9: color.change(black,$blue:9); + c10: color.change(black,$blue:10); + c11: color.change(black,$blue:11); + c12: color.change(black,$blue:12); + c13: color.change(black,$blue:13); + c14: color.change(black,$blue:14); + c15: color.change(black,$blue:15); + c16: color.change(black,$blue:16); + c17: color.change(black,$blue:17); + c18: color.change(black,$blue:18); + c19: color.change(black,$blue:19); + c20: color.change(black,$blue:20); + c21: color.change(black,$blue:21); + c22: color.change(black,$blue:22); + c23: color.change(black,$blue:23); + c24: color.change(black,$blue:24); + c25: color.change(black,$blue:25); + c26: color.change(black,$blue:26); + c27: color.change(black,$blue:27); + c28: color.change(black,$blue:28); + c29: color.change(black,$blue:29); + c30: color.change(black,$blue:30); + c31: color.change(black,$blue:31); + c32: color.change(black,$blue:32); + c33: color.change(black,$blue:33); + c34: color.change(black,$blue:34); + c35: color.change(black,$blue:35); + c36: color.change(black,$blue:36); + c37: color.change(black,$blue:37); + c38: color.change(black,$blue:38); + c39: color.change(black,$blue:39); + c40: color.change(black,$blue:40); + c41: color.change(black,$blue:41); + c42: color.change(black,$blue:42); + c43: color.change(black,$blue:43); + c44: color.change(black,$blue:44); + c45: color.change(black,$blue:45); + c46: color.change(black,$blue:46); + c47: color.change(black,$blue:47); + c48: color.change(black,$blue:48); + c49: color.change(black,$blue:49); + c50: color.change(black,$blue:50); + c51: color.change(black,$blue:51); + c52: color.change(black,$blue:52); + c53: color.change(black,$blue:53); + c54: color.change(black,$blue:54); + c55: color.change(black,$blue:55); + c56: color.change(black,$blue:56); + c57: color.change(black,$blue:57); + c58: color.change(black,$blue:58); + c59: color.change(black,$blue:59); + c60: color.change(black,$blue:60); + c61: color.change(black,$blue:61); + c62: color.change(black,$blue:62); + c63: color.change(black,$blue:63); + c64: color.change(black,$blue:64); + c65: color.change(black,$blue:65); + c66: color.change(black,$blue:66); + c67: color.change(black,$blue:67); + c68: color.change(black,$blue:68); + c69: color.change(black,$blue:69); + c70: color.change(black,$blue:70); + c71: color.change(black,$blue:71); + c72: color.change(black,$blue:72); + c73: color.change(black,$blue:73); + c74: color.change(black,$blue:74); + c75: color.change(black,$blue:75); + c76: color.change(black,$blue:76); + c77: color.change(black,$blue:77); + c78: color.change(black,$blue:78); + c79: color.change(black,$blue:79); + c80: color.change(black,$blue:80); + c81: color.change(black,$blue:81); + c82: color.change(black,$blue:82); + c83: color.change(black,$blue:83); + c84: color.change(black,$blue:84); + c85: color.change(black,$blue:85); + c86: color.change(black,$blue:86); + c87: color.change(black,$blue:87); + c88: color.change(black,$blue:88); + c89: color.change(black,$blue:89); + c90: color.change(black,$blue:90); + c91: color.change(black,$blue:91); + c92: color.change(black,$blue:92); + c93: color.change(black,$blue:93); + c94: color.change(black,$blue:94); + c95: color.change(black,$blue:95); + c96: color.change(black,$blue:96); + c97: color.change(black,$blue:97); + c98: color.change(black,$blue:98); + c99: color.change(black,$blue:99); + c100: color.change(black,$blue:100); + c101: color.change(black,$blue:101); + c102: color.change(black,$blue:102); + c103: color.change(black,$blue:103); + c104: color.change(black,$blue:104); + c105: color.change(black,$blue:105); + c106: color.change(black,$blue:106); + c107: color.change(black,$blue:107); + c108: color.change(black,$blue:108); + c109: color.change(black,$blue:109); + c110: color.change(black,$blue:110); + c111: color.change(black,$blue:111); + c112: color.change(black,$blue:112); + c113: color.change(black,$blue:113); + c114: color.change(black,$blue:114); + c115: color.change(black,$blue:115); + c116: color.change(black,$blue:116); + c117: color.change(black,$blue:117); + c118: color.change(black,$blue:118); + c119: color.change(black,$blue:119); + c120: color.change(black,$blue:120); + c121: color.change(black,$blue:121); + c122: color.change(black,$blue:122); + c123: color.change(black,$blue:123); + c124: color.change(black,$blue:124); + c125: color.change(black,$blue:125); + c126: color.change(black,$blue:126); + c127: color.change(black,$blue:127); + c128: color.change(black,$blue:128); + c129: color.change(black,$blue:129); + c130: color.change(black,$blue:130); + c131: color.change(black,$blue:131); + c132: color.change(black,$blue:132); + c133: color.change(black,$blue:133); + c134: color.change(black,$blue:134); + c135: color.change(black,$blue:135); + c136: color.change(black,$blue:136); + c137: color.change(black,$blue:137); + c138: color.change(black,$blue:138); + c139: color.change(black,$blue:139); + c140: color.change(black,$blue:140); + c141: color.change(black,$blue:141); + c142: color.change(black,$blue:142); + c143: color.change(black,$blue:143); + c144: color.change(black,$blue:144); + c145: color.change(black,$blue:145); + c146: color.change(black,$blue:146); + c147: color.change(black,$blue:147); + c148: color.change(black,$blue:148); + c149: color.change(black,$blue:149); + c150: color.change(black,$blue:150); + c151: color.change(black,$blue:151); + c152: color.change(black,$blue:152); + c153: color.change(black,$blue:153); + c154: color.change(black,$blue:154); + c155: color.change(black,$blue:155); + c156: color.change(black,$blue:156); + c157: color.change(black,$blue:157); + c158: color.change(black,$blue:158); + c159: color.change(black,$blue:159); + c160: color.change(black,$blue:160); + c161: color.change(black,$blue:161); + c162: color.change(black,$blue:162); + c163: color.change(black,$blue:163); + c164: color.change(black,$blue:164); + c165: color.change(black,$blue:165); + c166: color.change(black,$blue:166); + c167: color.change(black,$blue:167); + c168: color.change(black,$blue:168); + c169: color.change(black,$blue:169); + c170: color.change(black,$blue:170); + c171: color.change(black,$blue:171); + c172: color.change(black,$blue:172); + c173: color.change(black,$blue:173); + c174: color.change(black,$blue:174); + c175: color.change(black,$blue:175); + c176: color.change(black,$blue:176); + c177: color.change(black,$blue:177); + c178: color.change(black,$blue:178); + c179: color.change(black,$blue:179); + c180: color.change(black,$blue:180); + c181: color.change(black,$blue:181); + c182: color.change(black,$blue:182); + c183: color.change(black,$blue:183); + c184: color.change(black,$blue:184); + c185: color.change(black,$blue:185); + c186: color.change(black,$blue:186); + c187: color.change(black,$blue:187); + c188: color.change(black,$blue:188); + c189: color.change(black,$blue:189); + c190: color.change(black,$blue:190); + c191: color.change(black,$blue:191); + c192: color.change(black,$blue:192); + c193: color.change(black,$blue:193); + c194: color.change(black,$blue:194); + c195: color.change(black,$blue:195); + c196: color.change(black,$blue:196); + c197: color.change(black,$blue:197); + c198: color.change(black,$blue:198); + c199: color.change(black,$blue:199); + c200: color.change(black,$blue:200); + c201: color.change(black,$blue:201); + c202: color.change(black,$blue:202); + c203: color.change(black,$blue:203); + c204: color.change(black,$blue:204); + c205: color.change(black,$blue:205); + c206: color.change(black,$blue:206); + c207: color.change(black,$blue:207); + c208: color.change(black,$blue:208); + c209: color.change(black,$blue:209); + c210: color.change(black,$blue:210); + c211: color.change(black,$blue:211); + c212: color.change(black,$blue:212); + c213: color.change(black,$blue:213); + c214: color.change(black,$blue:214); + c215: color.change(black,$blue:215); + c216: color.change(black,$blue:216); + c217: color.change(black,$blue:217); + c218: color.change(black,$blue:218); + c219: color.change(black,$blue:219); + c220: color.change(black,$blue:220); + c221: color.change(black,$blue:221); + c222: color.change(black,$blue:222); + c223: color.change(black,$blue:223); + c224: color.change(black,$blue:224); + c225: color.change(black,$blue:225); + c226: color.change(black,$blue:226); + c227: color.change(black,$blue:227); + c228: color.change(black,$blue:228); + c229: color.change(black,$blue:229); + c230: color.change(black,$blue:230); + c231: color.change(black,$blue:231); + c232: color.change(black,$blue:232); + c233: color.change(black,$blue:233); + c234: color.change(black,$blue:234); + c235: color.change(black,$blue:235); + c236: color.change(black,$blue:236); + c237: color.change(black,$blue:237); + c238: color.change(black,$blue:238); + c239: color.change(black,$blue:239); + c240: color.change(black,$blue:240); + c241: color.change(black,$blue:241); + c242: color.change(black,$blue:242); + c243: color.change(black,$blue:243); + c244: color.change(black,$blue:244); + c245: color.change(black,$blue:245); + c246: color.change(black,$blue:246); + c247: color.change(black,$blue:247); + c248: color.change(black,$blue:248); + c249: color.change(black,$blue:249); + c250: color.change(black,$blue:250); + c251: color.change(black,$blue:251); + c252: color.change(black,$blue:252); + c253: color.change(black,$blue:253); + c254: color.change(black,$blue:254); + c255: color.change(black,$blue:255); // c256: change-color(black,$blue:256); } diff --git a/spec/libsass/color-functions/other/change-color/g.hrx b/spec/libsass/color-functions/other/change-color/g.hrx index 203e83029..1cd0834cd 100644 --- a/spec/libsass/color-functions/other/change-color/g.hrx +++ b/spec/libsass/color-functions/other/change-color/g.hrx @@ -1,262 +1,263 @@ <===> input.scss +@use "sass:color"; foo { // c-1: change-color(black,$green:-1); - c0: change-color(black,$green:0); - c1: change-color(black,$green:1); - c2: change-color(black,$green:2); - c3: change-color(black,$green:3); - c4: change-color(black,$green:4); - c5: change-color(black,$green:5); - c6: change-color(black,$green:6); - c7: change-color(black,$green:7); - c8: change-color(black,$green:8); - c9: change-color(black,$green:9); - c10: change-color(black,$green:10); - c11: change-color(black,$green:11); - c12: change-color(black,$green:12); - c13: change-color(black,$green:13); - c14: change-color(black,$green:14); - c15: change-color(black,$green:15); - c16: change-color(black,$green:16); - c17: change-color(black,$green:17); - c18: change-color(black,$green:18); - c19: change-color(black,$green:19); - c20: change-color(black,$green:20); - c21: change-color(black,$green:21); - c22: change-color(black,$green:22); - c23: change-color(black,$green:23); - c24: change-color(black,$green:24); - c25: change-color(black,$green:25); - c26: change-color(black,$green:26); - c27: change-color(black,$green:27); - c28: change-color(black,$green:28); - c29: change-color(black,$green:29); - c30: change-color(black,$green:30); - c31: change-color(black,$green:31); - c32: change-color(black,$green:32); - c33: change-color(black,$green:33); - c34: change-color(black,$green:34); - c35: change-color(black,$green:35); - c36: change-color(black,$green:36); - c37: change-color(black,$green:37); - c38: change-color(black,$green:38); - c39: change-color(black,$green:39); - c40: change-color(black,$green:40); - c41: change-color(black,$green:41); - c42: change-color(black,$green:42); - c43: change-color(black,$green:43); - c44: change-color(black,$green:44); - c45: change-color(black,$green:45); - c46: change-color(black,$green:46); - c47: change-color(black,$green:47); - c48: change-color(black,$green:48); - c49: change-color(black,$green:49); - c50: change-color(black,$green:50); - c51: change-color(black,$green:51); - c52: change-color(black,$green:52); - c53: change-color(black,$green:53); - c54: change-color(black,$green:54); - c55: change-color(black,$green:55); - c56: change-color(black,$green:56); - c57: change-color(black,$green:57); - c58: change-color(black,$green:58); - c59: change-color(black,$green:59); - c60: change-color(black,$green:60); - c61: change-color(black,$green:61); - c62: change-color(black,$green:62); - c63: change-color(black,$green:63); - c64: change-color(black,$green:64); - c65: change-color(black,$green:65); - c66: change-color(black,$green:66); - c67: change-color(black,$green:67); - c68: change-color(black,$green:68); - c69: change-color(black,$green:69); - c70: change-color(black,$green:70); - c71: change-color(black,$green:71); - c72: change-color(black,$green:72); - c73: change-color(black,$green:73); - c74: change-color(black,$green:74); - c75: change-color(black,$green:75); - c76: change-color(black,$green:76); - c77: change-color(black,$green:77); - c78: change-color(black,$green:78); - c79: change-color(black,$green:79); - c80: change-color(black,$green:80); - c81: change-color(black,$green:81); - c82: change-color(black,$green:82); - c83: change-color(black,$green:83); - c84: change-color(black,$green:84); - c85: change-color(black,$green:85); - c86: change-color(black,$green:86); - c87: change-color(black,$green:87); - c88: change-color(black,$green:88); - c89: change-color(black,$green:89); - c90: change-color(black,$green:90); - c91: change-color(black,$green:91); - c92: change-color(black,$green:92); - c93: change-color(black,$green:93); - c94: change-color(black,$green:94); - c95: change-color(black,$green:95); - c96: change-color(black,$green:96); - c97: change-color(black,$green:97); - c98: change-color(black,$green:98); - c99: change-color(black,$green:99); - c100: change-color(black,$green:100); - c101: change-color(black,$green:101); - c102: change-color(black,$green:102); - c103: change-color(black,$green:103); - c104: change-color(black,$green:104); - c105: change-color(black,$green:105); - c106: change-color(black,$green:106); - c107: change-color(black,$green:107); - c108: change-color(black,$green:108); - c109: change-color(black,$green:109); - c110: change-color(black,$green:110); - c111: change-color(black,$green:111); - c112: change-color(black,$green:112); - c113: change-color(black,$green:113); - c114: change-color(black,$green:114); - c115: change-color(black,$green:115); - c116: change-color(black,$green:116); - c117: change-color(black,$green:117); - c118: change-color(black,$green:118); - c119: change-color(black,$green:119); - c120: change-color(black,$green:120); - c121: change-color(black,$green:121); - c122: change-color(black,$green:122); - c123: change-color(black,$green:123); - c124: change-color(black,$green:124); - c125: change-color(black,$green:125); - c126: change-color(black,$green:126); - c127: change-color(black,$green:127); - c128: change-color(black,$green:128); - c129: change-color(black,$green:129); - c130: change-color(black,$green:130); - c131: change-color(black,$green:131); - c132: change-color(black,$green:132); - c133: change-color(black,$green:133); - c134: change-color(black,$green:134); - c135: change-color(black,$green:135); - c136: change-color(black,$green:136); - c137: change-color(black,$green:137); - c138: change-color(black,$green:138); - c139: change-color(black,$green:139); - c140: change-color(black,$green:140); - c141: change-color(black,$green:141); - c142: change-color(black,$green:142); - c143: change-color(black,$green:143); - c144: change-color(black,$green:144); - c145: change-color(black,$green:145); - c146: change-color(black,$green:146); - c147: change-color(black,$green:147); - c148: change-color(black,$green:148); - c149: change-color(black,$green:149); - c150: change-color(black,$green:150); - c151: change-color(black,$green:151); - c152: change-color(black,$green:152); - c153: change-color(black,$green:153); - c154: change-color(black,$green:154); - c155: change-color(black,$green:155); - c156: change-color(black,$green:156); - c157: change-color(black,$green:157); - c158: change-color(black,$green:158); - c159: change-color(black,$green:159); - c160: change-color(black,$green:160); - c161: change-color(black,$green:161); - c162: change-color(black,$green:162); - c163: change-color(black,$green:163); - c164: change-color(black,$green:164); - c165: change-color(black,$green:165); - c166: change-color(black,$green:166); - c167: change-color(black,$green:167); - c168: change-color(black,$green:168); - c169: change-color(black,$green:169); - c170: change-color(black,$green:170); - c171: change-color(black,$green:171); - c172: change-color(black,$green:172); - c173: change-color(black,$green:173); - c174: change-color(black,$green:174); - c175: change-color(black,$green:175); - c176: change-color(black,$green:176); - c177: change-color(black,$green:177); - c178: change-color(black,$green:178); - c179: change-color(black,$green:179); - c180: change-color(black,$green:180); - c181: change-color(black,$green:181); - c182: change-color(black,$green:182); - c183: change-color(black,$green:183); - c184: change-color(black,$green:184); - c185: change-color(black,$green:185); - c186: change-color(black,$green:186); - c187: change-color(black,$green:187); - c188: change-color(black,$green:188); - c189: change-color(black,$green:189); - c190: change-color(black,$green:190); - c191: change-color(black,$green:191); - c192: change-color(black,$green:192); - c193: change-color(black,$green:193); - c194: change-color(black,$green:194); - c195: change-color(black,$green:195); - c196: change-color(black,$green:196); - c197: change-color(black,$green:197); - c198: change-color(black,$green:198); - c199: change-color(black,$green:199); - c200: change-color(black,$green:200); - c201: change-color(black,$green:201); - c202: change-color(black,$green:202); - c203: change-color(black,$green:203); - c204: change-color(black,$green:204); - c205: change-color(black,$green:205); - c206: change-color(black,$green:206); - c207: change-color(black,$green:207); - c208: change-color(black,$green:208); - c209: change-color(black,$green:209); - c210: change-color(black,$green:210); - c211: change-color(black,$green:211); - c212: change-color(black,$green:212); - c213: change-color(black,$green:213); - c214: change-color(black,$green:214); - c215: change-color(black,$green:215); - c216: change-color(black,$green:216); - c217: change-color(black,$green:217); - c218: change-color(black,$green:218); - c219: change-color(black,$green:219); - c220: change-color(black,$green:220); - c221: change-color(black,$green:221); - c222: change-color(black,$green:222); - c223: change-color(black,$green:223); - c224: change-color(black,$green:224); - c225: change-color(black,$green:225); - c226: change-color(black,$green:226); - c227: change-color(black,$green:227); - c228: change-color(black,$green:228); - c229: change-color(black,$green:229); - c230: change-color(black,$green:230); - c231: change-color(black,$green:231); - c232: change-color(black,$green:232); - c233: change-color(black,$green:233); - c234: change-color(black,$green:234); - c235: change-color(black,$green:235); - c236: change-color(black,$green:236); - c237: change-color(black,$green:237); - c238: change-color(black,$green:238); - c239: change-color(black,$green:239); - c240: change-color(black,$green:240); - c241: change-color(black,$green:241); - c242: change-color(black,$green:242); - c243: change-color(black,$green:243); - c244: change-color(black,$green:244); - c245: change-color(black,$green:245); - c246: change-color(black,$green:246); - c247: change-color(black,$green:247); - c248: change-color(black,$green:248); - c249: change-color(black,$green:249); - c250: change-color(black,$green:250); - c251: change-color(black,$green:251); - c252: change-color(black,$green:252); - c253: change-color(black,$green:253); - c254: change-color(black,$green:254); - c255: change-color(black,$green:255); + c0: color.change(black,$green:0); + c1: color.change(black,$green:1); + c2: color.change(black,$green:2); + c3: color.change(black,$green:3); + c4: color.change(black,$green:4); + c5: color.change(black,$green:5); + c6: color.change(black,$green:6); + c7: color.change(black,$green:7); + c8: color.change(black,$green:8); + c9: color.change(black,$green:9); + c10: color.change(black,$green:10); + c11: color.change(black,$green:11); + c12: color.change(black,$green:12); + c13: color.change(black,$green:13); + c14: color.change(black,$green:14); + c15: color.change(black,$green:15); + c16: color.change(black,$green:16); + c17: color.change(black,$green:17); + c18: color.change(black,$green:18); + c19: color.change(black,$green:19); + c20: color.change(black,$green:20); + c21: color.change(black,$green:21); + c22: color.change(black,$green:22); + c23: color.change(black,$green:23); + c24: color.change(black,$green:24); + c25: color.change(black,$green:25); + c26: color.change(black,$green:26); + c27: color.change(black,$green:27); + c28: color.change(black,$green:28); + c29: color.change(black,$green:29); + c30: color.change(black,$green:30); + c31: color.change(black,$green:31); + c32: color.change(black,$green:32); + c33: color.change(black,$green:33); + c34: color.change(black,$green:34); + c35: color.change(black,$green:35); + c36: color.change(black,$green:36); + c37: color.change(black,$green:37); + c38: color.change(black,$green:38); + c39: color.change(black,$green:39); + c40: color.change(black,$green:40); + c41: color.change(black,$green:41); + c42: color.change(black,$green:42); + c43: color.change(black,$green:43); + c44: color.change(black,$green:44); + c45: color.change(black,$green:45); + c46: color.change(black,$green:46); + c47: color.change(black,$green:47); + c48: color.change(black,$green:48); + c49: color.change(black,$green:49); + c50: color.change(black,$green:50); + c51: color.change(black,$green:51); + c52: color.change(black,$green:52); + c53: color.change(black,$green:53); + c54: color.change(black,$green:54); + c55: color.change(black,$green:55); + c56: color.change(black,$green:56); + c57: color.change(black,$green:57); + c58: color.change(black,$green:58); + c59: color.change(black,$green:59); + c60: color.change(black,$green:60); + c61: color.change(black,$green:61); + c62: color.change(black,$green:62); + c63: color.change(black,$green:63); + c64: color.change(black,$green:64); + c65: color.change(black,$green:65); + c66: color.change(black,$green:66); + c67: color.change(black,$green:67); + c68: color.change(black,$green:68); + c69: color.change(black,$green:69); + c70: color.change(black,$green:70); + c71: color.change(black,$green:71); + c72: color.change(black,$green:72); + c73: color.change(black,$green:73); + c74: color.change(black,$green:74); + c75: color.change(black,$green:75); + c76: color.change(black,$green:76); + c77: color.change(black,$green:77); + c78: color.change(black,$green:78); + c79: color.change(black,$green:79); + c80: color.change(black,$green:80); + c81: color.change(black,$green:81); + c82: color.change(black,$green:82); + c83: color.change(black,$green:83); + c84: color.change(black,$green:84); + c85: color.change(black,$green:85); + c86: color.change(black,$green:86); + c87: color.change(black,$green:87); + c88: color.change(black,$green:88); + c89: color.change(black,$green:89); + c90: color.change(black,$green:90); + c91: color.change(black,$green:91); + c92: color.change(black,$green:92); + c93: color.change(black,$green:93); + c94: color.change(black,$green:94); + c95: color.change(black,$green:95); + c96: color.change(black,$green:96); + c97: color.change(black,$green:97); + c98: color.change(black,$green:98); + c99: color.change(black,$green:99); + c100: color.change(black,$green:100); + c101: color.change(black,$green:101); + c102: color.change(black,$green:102); + c103: color.change(black,$green:103); + c104: color.change(black,$green:104); + c105: color.change(black,$green:105); + c106: color.change(black,$green:106); + c107: color.change(black,$green:107); + c108: color.change(black,$green:108); + c109: color.change(black,$green:109); + c110: color.change(black,$green:110); + c111: color.change(black,$green:111); + c112: color.change(black,$green:112); + c113: color.change(black,$green:113); + c114: color.change(black,$green:114); + c115: color.change(black,$green:115); + c116: color.change(black,$green:116); + c117: color.change(black,$green:117); + c118: color.change(black,$green:118); + c119: color.change(black,$green:119); + c120: color.change(black,$green:120); + c121: color.change(black,$green:121); + c122: color.change(black,$green:122); + c123: color.change(black,$green:123); + c124: color.change(black,$green:124); + c125: color.change(black,$green:125); + c126: color.change(black,$green:126); + c127: color.change(black,$green:127); + c128: color.change(black,$green:128); + c129: color.change(black,$green:129); + c130: color.change(black,$green:130); + c131: color.change(black,$green:131); + c132: color.change(black,$green:132); + c133: color.change(black,$green:133); + c134: color.change(black,$green:134); + c135: color.change(black,$green:135); + c136: color.change(black,$green:136); + c137: color.change(black,$green:137); + c138: color.change(black,$green:138); + c139: color.change(black,$green:139); + c140: color.change(black,$green:140); + c141: color.change(black,$green:141); + c142: color.change(black,$green:142); + c143: color.change(black,$green:143); + c144: color.change(black,$green:144); + c145: color.change(black,$green:145); + c146: color.change(black,$green:146); + c147: color.change(black,$green:147); + c148: color.change(black,$green:148); + c149: color.change(black,$green:149); + c150: color.change(black,$green:150); + c151: color.change(black,$green:151); + c152: color.change(black,$green:152); + c153: color.change(black,$green:153); + c154: color.change(black,$green:154); + c155: color.change(black,$green:155); + c156: color.change(black,$green:156); + c157: color.change(black,$green:157); + c158: color.change(black,$green:158); + c159: color.change(black,$green:159); + c160: color.change(black,$green:160); + c161: color.change(black,$green:161); + c162: color.change(black,$green:162); + c163: color.change(black,$green:163); + c164: color.change(black,$green:164); + c165: color.change(black,$green:165); + c166: color.change(black,$green:166); + c167: color.change(black,$green:167); + c168: color.change(black,$green:168); + c169: color.change(black,$green:169); + c170: color.change(black,$green:170); + c171: color.change(black,$green:171); + c172: color.change(black,$green:172); + c173: color.change(black,$green:173); + c174: color.change(black,$green:174); + c175: color.change(black,$green:175); + c176: color.change(black,$green:176); + c177: color.change(black,$green:177); + c178: color.change(black,$green:178); + c179: color.change(black,$green:179); + c180: color.change(black,$green:180); + c181: color.change(black,$green:181); + c182: color.change(black,$green:182); + c183: color.change(black,$green:183); + c184: color.change(black,$green:184); + c185: color.change(black,$green:185); + c186: color.change(black,$green:186); + c187: color.change(black,$green:187); + c188: color.change(black,$green:188); + c189: color.change(black,$green:189); + c190: color.change(black,$green:190); + c191: color.change(black,$green:191); + c192: color.change(black,$green:192); + c193: color.change(black,$green:193); + c194: color.change(black,$green:194); + c195: color.change(black,$green:195); + c196: color.change(black,$green:196); + c197: color.change(black,$green:197); + c198: color.change(black,$green:198); + c199: color.change(black,$green:199); + c200: color.change(black,$green:200); + c201: color.change(black,$green:201); + c202: color.change(black,$green:202); + c203: color.change(black,$green:203); + c204: color.change(black,$green:204); + c205: color.change(black,$green:205); + c206: color.change(black,$green:206); + c207: color.change(black,$green:207); + c208: color.change(black,$green:208); + c209: color.change(black,$green:209); + c210: color.change(black,$green:210); + c211: color.change(black,$green:211); + c212: color.change(black,$green:212); + c213: color.change(black,$green:213); + c214: color.change(black,$green:214); + c215: color.change(black,$green:215); + c216: color.change(black,$green:216); + c217: color.change(black,$green:217); + c218: color.change(black,$green:218); + c219: color.change(black,$green:219); + c220: color.change(black,$green:220); + c221: color.change(black,$green:221); + c222: color.change(black,$green:222); + c223: color.change(black,$green:223); + c224: color.change(black,$green:224); + c225: color.change(black,$green:225); + c226: color.change(black,$green:226); + c227: color.change(black,$green:227); + c228: color.change(black,$green:228); + c229: color.change(black,$green:229); + c230: color.change(black,$green:230); + c231: color.change(black,$green:231); + c232: color.change(black,$green:232); + c233: color.change(black,$green:233); + c234: color.change(black,$green:234); + c235: color.change(black,$green:235); + c236: color.change(black,$green:236); + c237: color.change(black,$green:237); + c238: color.change(black,$green:238); + c239: color.change(black,$green:239); + c240: color.change(black,$green:240); + c241: color.change(black,$green:241); + c242: color.change(black,$green:242); + c243: color.change(black,$green:243); + c244: color.change(black,$green:244); + c245: color.change(black,$green:245); + c246: color.change(black,$green:246); + c247: color.change(black,$green:247); + c248: color.change(black,$green:248); + c249: color.change(black,$green:249); + c250: color.change(black,$green:250); + c251: color.change(black,$green:251); + c252: color.change(black,$green:252); + c253: color.change(black,$green:253); + c254: color.change(black,$green:254); + c255: color.change(black,$green:255); // c256: change-color(black,$green:256); } diff --git a/spec/libsass/color-functions/other/change-color/h.hrx b/spec/libsass/color-functions/other/change-color/h.hrx index c13c5f14c..a27b47e8f 100644 --- a/spec/libsass/color-functions/other/change-color/h.hrx +++ b/spec/libsass/color-functions/other/change-color/h.hrx @@ -1,367 +1,368 @@ <===> input.scss +@use "sass:color"; foo { - c-1: change-color(red,$hue:-1); - c0: change-color(red,$hue:0); - c1: change-color(red,$hue:1); - c2: change-color(red,$hue:2); - c3: change-color(red,$hue:3); - c4: change-color(red,$hue:4); - c5: change-color(red,$hue:5); - c6: change-color(red,$hue:6); - c7: change-color(red,$hue:7); - c8: change-color(red,$hue:8); - c9: change-color(red,$hue:9); - c10: change-color(red,$hue:10); - c11: change-color(red,$hue:11); - c12: change-color(red,$hue:12); - c13: change-color(red,$hue:13); - c14: change-color(red,$hue:14); - c15: change-color(red,$hue:15); - c16: change-color(red,$hue:16); - c17: change-color(red,$hue:17); - c18: change-color(red,$hue:18); - c19: change-color(red,$hue:19); - c20: change-color(red,$hue:20); - c21: change-color(red,$hue:21); - c22: change-color(red,$hue:22); - c23: change-color(red,$hue:23); - c24: change-color(red,$hue:24); - c25: change-color(red,$hue:25); - c26: change-color(red,$hue:26); - c27: change-color(red,$hue:27); - c28: change-color(red,$hue:28); - c29: change-color(red,$hue:29); - c30: change-color(red,$hue:30); - c31: change-color(red,$hue:31); - c32: change-color(red,$hue:32); - c33: change-color(red,$hue:33); - c34: change-color(red,$hue:34); - c35: change-color(red,$hue:35); - c36: change-color(red,$hue:36); - c37: change-color(red,$hue:37); - c38: change-color(red,$hue:38); - c39: change-color(red,$hue:39); - c40: change-color(red,$hue:40); - c41: change-color(red,$hue:41); - c42: change-color(red,$hue:42); - c43: change-color(red,$hue:43); - c44: change-color(red,$hue:44); - c45: change-color(red,$hue:45); - c46: change-color(red,$hue:46); - c47: change-color(red,$hue:47); - c48: change-color(red,$hue:48); - c49: change-color(red,$hue:49); - c50: change-color(red,$hue:50); - c51: change-color(red,$hue:51); - c52: change-color(red,$hue:52); - c53: change-color(red,$hue:53); - c54: change-color(red,$hue:54); - c55: change-color(red,$hue:55); - c56: change-color(red,$hue:56); - c57: change-color(red,$hue:57); - c58: change-color(red,$hue:58); - c59: change-color(red,$hue:59); - c60: change-color(red,$hue:60); - c61: change-color(red,$hue:61); - c62: change-color(red,$hue:62); - c63: change-color(red,$hue:63); - c64: change-color(red,$hue:64); - c65: change-color(red,$hue:65); - c66: change-color(red,$hue:66); - c67: change-color(red,$hue:67); - c68: change-color(red,$hue:68); - c69: change-color(red,$hue:69); - c70: change-color(red,$hue:70); - c71: change-color(red,$hue:71); - c72: change-color(red,$hue:72); - c73: change-color(red,$hue:73); - c74: change-color(red,$hue:74); - c75: change-color(red,$hue:75); - c76: change-color(red,$hue:76); - c77: change-color(red,$hue:77); - c78: change-color(red,$hue:78); - c79: change-color(red,$hue:79); - c80: change-color(red,$hue:80); - c81: change-color(red,$hue:81); - c82: change-color(red,$hue:82); - c83: change-color(red,$hue:83); - c84: change-color(red,$hue:84); - c85: change-color(red,$hue:85); - c86: change-color(red,$hue:86); - c87: change-color(red,$hue:87); - c88: change-color(red,$hue:88); - c89: change-color(red,$hue:89); - c90: change-color(red,$hue:90); - c91: change-color(red,$hue:91); - c92: change-color(red,$hue:92); - c93: change-color(red,$hue:93); - c94: change-color(red,$hue:94); - c95: change-color(red,$hue:95); - c96: change-color(red,$hue:96); - c97: change-color(red,$hue:97); - c98: change-color(red,$hue:98); - c99: change-color(red,$hue:99); - c100: change-color(red,$hue:100); - c101: change-color(red,$hue:101); - c102: change-color(red,$hue:102); - c103: change-color(red,$hue:103); - c104: change-color(red,$hue:104); - c105: change-color(red,$hue:105); - c106: change-color(red,$hue:106); - c107: change-color(red,$hue:107); - c108: change-color(red,$hue:108); - c109: change-color(red,$hue:109); - c110: change-color(red,$hue:110); - c111: change-color(red,$hue:111); - c112: change-color(red,$hue:112); - c113: change-color(red,$hue:113); - c114: change-color(red,$hue:114); - c115: change-color(red,$hue:115); - c116: change-color(red,$hue:116); - c117: change-color(red,$hue:117); - c118: change-color(red,$hue:118); - c119: change-color(red,$hue:119); - c120: change-color(red,$hue:120); - c121: change-color(red,$hue:121); - c122: change-color(red,$hue:122); - c123: change-color(red,$hue:123); - c124: change-color(red,$hue:124); - c125: change-color(red,$hue:125); - c126: change-color(red,$hue:126); - c127: change-color(red,$hue:127); - c128: change-color(red,$hue:128); - c129: change-color(red,$hue:129); - c130: change-color(red,$hue:130); - c131: change-color(red,$hue:131); - c132: change-color(red,$hue:132); - c133: change-color(red,$hue:133); - c134: change-color(red,$hue:134); - c135: change-color(red,$hue:135); - c136: change-color(red,$hue:136); - c137: change-color(red,$hue:137); - c138: change-color(red,$hue:138); - c139: change-color(red,$hue:139); - c140: change-color(red,$hue:140); - c141: change-color(red,$hue:141); - c142: change-color(red,$hue:142); - c143: change-color(red,$hue:143); - c144: change-color(red,$hue:144); - c145: change-color(red,$hue:145); - c146: change-color(red,$hue:146); - c147: change-color(red,$hue:147); - c148: change-color(red,$hue:148); - c149: change-color(red,$hue:149); - c150: change-color(red,$hue:150); - c151: change-color(red,$hue:151); - c152: change-color(red,$hue:152); - c153: change-color(red,$hue:153); - c154: change-color(red,$hue:154); - c155: change-color(red,$hue:155); - c156: change-color(red,$hue:156); - c157: change-color(red,$hue:157); - c158: change-color(red,$hue:158); - c159: change-color(red,$hue:159); - c160: change-color(red,$hue:160); - c161: change-color(red,$hue:161); - c162: change-color(red,$hue:162); - c163: change-color(red,$hue:163); - c164: change-color(red,$hue:164); - c165: change-color(red,$hue:165); - c166: change-color(red,$hue:166); - c167: change-color(red,$hue:167); - c168: change-color(red,$hue:168); - c169: change-color(red,$hue:169); - c170: change-color(red,$hue:170); - c171: change-color(red,$hue:171); - c172: change-color(red,$hue:172); - c173: change-color(red,$hue:173); - c174: change-color(red,$hue:174); - c175: change-color(red,$hue:175); - c176: change-color(red,$hue:176); - c177: change-color(red,$hue:177); - c178: change-color(red,$hue:178); - c179: change-color(red,$hue:179); - c180: change-color(red,$hue:180); - c181: change-color(red,$hue:181); - c182: change-color(red,$hue:182); - c183: change-color(red,$hue:183); - c184: change-color(red,$hue:184); - c185: change-color(red,$hue:185); - c186: change-color(red,$hue:186); - c187: change-color(red,$hue:187); - c188: change-color(red,$hue:188); - c189: change-color(red,$hue:189); - c190: change-color(red,$hue:190); - c191: change-color(red,$hue:191); - c192: change-color(red,$hue:192); - c193: change-color(red,$hue:193); - c194: change-color(red,$hue:194); - c195: change-color(red,$hue:195); - c196: change-color(red,$hue:196); - c197: change-color(red,$hue:197); - c198: change-color(red,$hue:198); - c199: change-color(red,$hue:199); - c200: change-color(red,$hue:200); - c201: change-color(red,$hue:201); - c202: change-color(red,$hue:202); - c203: change-color(red,$hue:203); - c204: change-color(red,$hue:204); - c205: change-color(red,$hue:205); - c206: change-color(red,$hue:206); - c207: change-color(red,$hue:207); - c208: change-color(red,$hue:208); - c209: change-color(red,$hue:209); - c210: change-color(red,$hue:210); - c211: change-color(red,$hue:211); - c212: change-color(red,$hue:212); - c213: change-color(red,$hue:213); - c214: change-color(red,$hue:214); - c215: change-color(red,$hue:215); - c216: change-color(red,$hue:216); - c217: change-color(red,$hue:217); - c218: change-color(red,$hue:218); - c219: change-color(red,$hue:219); - c220: change-color(red,$hue:220); - c221: change-color(red,$hue:221); - c222: change-color(red,$hue:222); - c223: change-color(red,$hue:223); - c224: change-color(red,$hue:224); - c225: change-color(red,$hue:225); - c226: change-color(red,$hue:226); - c227: change-color(red,$hue:227); - c228: change-color(red,$hue:228); - c229: change-color(red,$hue:229); - c230: change-color(red,$hue:230); - c231: change-color(red,$hue:231); - c232: change-color(red,$hue:232); - c233: change-color(red,$hue:233); - c234: change-color(red,$hue:234); - c235: change-color(red,$hue:235); - c236: change-color(red,$hue:236); - c237: change-color(red,$hue:237); - c238: change-color(red,$hue:238); - c239: change-color(red,$hue:239); - c240: change-color(red,$hue:240); - c241: change-color(red,$hue:241); - c242: change-color(red,$hue:242); - c243: change-color(red,$hue:243); - c244: change-color(red,$hue:244); - c245: change-color(red,$hue:245); - c246: change-color(red,$hue:246); - c247: change-color(red,$hue:247); - c248: change-color(red,$hue:248); - c249: change-color(red,$hue:249); - c250: change-color(red,$hue:250); - c251: change-color(red,$hue:251); - c252: change-color(red,$hue:252); - c253: change-color(red,$hue:253); - c254: change-color(red,$hue:254); - c255: change-color(red,$hue:255); - c256: change-color(red,$hue:256); - c257: change-color(red,$hue:257); - c258: change-color(red,$hue:258); - c259: change-color(red,$hue:259); - c260: change-color(red,$hue:260); - c261: change-color(red,$hue:261); - c262: change-color(red,$hue:262); - c263: change-color(red,$hue:263); - c264: change-color(red,$hue:264); - c265: change-color(red,$hue:265); - c266: change-color(red,$hue:266); - c267: change-color(red,$hue:267); - c268: change-color(red,$hue:268); - c269: change-color(red,$hue:269); - c270: change-color(red,$hue:270); - c271: change-color(red,$hue:271); - c272: change-color(red,$hue:272); - c273: change-color(red,$hue:273); - c274: change-color(red,$hue:274); - c275: change-color(red,$hue:275); - c276: change-color(red,$hue:276); - c277: change-color(red,$hue:277); - c278: change-color(red,$hue:278); - c279: change-color(red,$hue:279); - c280: change-color(red,$hue:280); - c281: change-color(red,$hue:281); - c282: change-color(red,$hue:282); - c283: change-color(red,$hue:283); - c284: change-color(red,$hue:284); - c285: change-color(red,$hue:285); - c286: change-color(red,$hue:286); - c287: change-color(red,$hue:287); - c288: change-color(red,$hue:288); - c289: change-color(red,$hue:289); - c290: change-color(red,$hue:290); - c291: change-color(red,$hue:291); - c292: change-color(red,$hue:292); - c293: change-color(red,$hue:293); - c294: change-color(red,$hue:294); - c295: change-color(red,$hue:295); - c296: change-color(red,$hue:296); - c297: change-color(red,$hue:297); - c298: change-color(red,$hue:298); - c299: change-color(red,$hue:299); - c300: change-color(red,$hue:300); - c301: change-color(red,$hue:301); - c302: change-color(red,$hue:302); - c303: change-color(red,$hue:303); - c304: change-color(red,$hue:304); - c305: change-color(red,$hue:305); - c306: change-color(red,$hue:306); - c307: change-color(red,$hue:307); - c308: change-color(red,$hue:308); - c309: change-color(red,$hue:309); - c310: change-color(red,$hue:310); - c311: change-color(red,$hue:311); - c312: change-color(red,$hue:312); - c313: change-color(red,$hue:313); - c314: change-color(red,$hue:314); - c315: change-color(red,$hue:315); - c316: change-color(red,$hue:316); - c317: change-color(red,$hue:317); - c318: change-color(red,$hue:318); - c319: change-color(red,$hue:319); - c320: change-color(red,$hue:320); - c321: change-color(red,$hue:321); - c322: change-color(red,$hue:322); - c323: change-color(red,$hue:323); - c324: change-color(red,$hue:324); - c325: change-color(red,$hue:325); - c326: change-color(red,$hue:326); - c327: change-color(red,$hue:327); - c328: change-color(red,$hue:328); - c329: change-color(red,$hue:329); - c330: change-color(red,$hue:330); - c331: change-color(red,$hue:331); - c332: change-color(red,$hue:332); - c333: change-color(red,$hue:333); - c334: change-color(red,$hue:334); - c335: change-color(red,$hue:335); - c336: change-color(red,$hue:336); - c337: change-color(red,$hue:337); - c338: change-color(red,$hue:338); - c339: change-color(red,$hue:339); - c340: change-color(red,$hue:340); - c341: change-color(red,$hue:341); - c342: change-color(red,$hue:342); - c343: change-color(red,$hue:343); - c344: change-color(red,$hue:344); - c345: change-color(red,$hue:345); - c346: change-color(red,$hue:346); - c347: change-color(red,$hue:347); - c348: change-color(red,$hue:348); - c349: change-color(red,$hue:349); - c350: change-color(red,$hue:350); - c351: change-color(red,$hue:351); - c352: change-color(red,$hue:352); - c353: change-color(red,$hue:353); - c354: change-color(red,$hue:354); - c355: change-color(red,$hue:355); - c356: change-color(red,$hue:356); - c357: change-color(red,$hue:357); - c358: change-color(red,$hue:358); - c359: change-color(red,$hue:359); - c360: change-color(red,$hue:360); + c-1: color.change(red,$hue:-1); + c0: color.change(red,$hue:0); + c1: color.change(red,$hue:1); + c2: color.change(red,$hue:2); + c3: color.change(red,$hue:3); + c4: color.change(red,$hue:4); + c5: color.change(red,$hue:5); + c6: color.change(red,$hue:6); + c7: color.change(red,$hue:7); + c8: color.change(red,$hue:8); + c9: color.change(red,$hue:9); + c10: color.change(red,$hue:10); + c11: color.change(red,$hue:11); + c12: color.change(red,$hue:12); + c13: color.change(red,$hue:13); + c14: color.change(red,$hue:14); + c15: color.change(red,$hue:15); + c16: color.change(red,$hue:16); + c17: color.change(red,$hue:17); + c18: color.change(red,$hue:18); + c19: color.change(red,$hue:19); + c20: color.change(red,$hue:20); + c21: color.change(red,$hue:21); + c22: color.change(red,$hue:22); + c23: color.change(red,$hue:23); + c24: color.change(red,$hue:24); + c25: color.change(red,$hue:25); + c26: color.change(red,$hue:26); + c27: color.change(red,$hue:27); + c28: color.change(red,$hue:28); + c29: color.change(red,$hue:29); + c30: color.change(red,$hue:30); + c31: color.change(red,$hue:31); + c32: color.change(red,$hue:32); + c33: color.change(red,$hue:33); + c34: color.change(red,$hue:34); + c35: color.change(red,$hue:35); + c36: color.change(red,$hue:36); + c37: color.change(red,$hue:37); + c38: color.change(red,$hue:38); + c39: color.change(red,$hue:39); + c40: color.change(red,$hue:40); + c41: color.change(red,$hue:41); + c42: color.change(red,$hue:42); + c43: color.change(red,$hue:43); + c44: color.change(red,$hue:44); + c45: color.change(red,$hue:45); + c46: color.change(red,$hue:46); + c47: color.change(red,$hue:47); + c48: color.change(red,$hue:48); + c49: color.change(red,$hue:49); + c50: color.change(red,$hue:50); + c51: color.change(red,$hue:51); + c52: color.change(red,$hue:52); + c53: color.change(red,$hue:53); + c54: color.change(red,$hue:54); + c55: color.change(red,$hue:55); + c56: color.change(red,$hue:56); + c57: color.change(red,$hue:57); + c58: color.change(red,$hue:58); + c59: color.change(red,$hue:59); + c60: color.change(red,$hue:60); + c61: color.change(red,$hue:61); + c62: color.change(red,$hue:62); + c63: color.change(red,$hue:63); + c64: color.change(red,$hue:64); + c65: color.change(red,$hue:65); + c66: color.change(red,$hue:66); + c67: color.change(red,$hue:67); + c68: color.change(red,$hue:68); + c69: color.change(red,$hue:69); + c70: color.change(red,$hue:70); + c71: color.change(red,$hue:71); + c72: color.change(red,$hue:72); + c73: color.change(red,$hue:73); + c74: color.change(red,$hue:74); + c75: color.change(red,$hue:75); + c76: color.change(red,$hue:76); + c77: color.change(red,$hue:77); + c78: color.change(red,$hue:78); + c79: color.change(red,$hue:79); + c80: color.change(red,$hue:80); + c81: color.change(red,$hue:81); + c82: color.change(red,$hue:82); + c83: color.change(red,$hue:83); + c84: color.change(red,$hue:84); + c85: color.change(red,$hue:85); + c86: color.change(red,$hue:86); + c87: color.change(red,$hue:87); + c88: color.change(red,$hue:88); + c89: color.change(red,$hue:89); + c90: color.change(red,$hue:90); + c91: color.change(red,$hue:91); + c92: color.change(red,$hue:92); + c93: color.change(red,$hue:93); + c94: color.change(red,$hue:94); + c95: color.change(red,$hue:95); + c96: color.change(red,$hue:96); + c97: color.change(red,$hue:97); + c98: color.change(red,$hue:98); + c99: color.change(red,$hue:99); + c100: color.change(red,$hue:100); + c101: color.change(red,$hue:101); + c102: color.change(red,$hue:102); + c103: color.change(red,$hue:103); + c104: color.change(red,$hue:104); + c105: color.change(red,$hue:105); + c106: color.change(red,$hue:106); + c107: color.change(red,$hue:107); + c108: color.change(red,$hue:108); + c109: color.change(red,$hue:109); + c110: color.change(red,$hue:110); + c111: color.change(red,$hue:111); + c112: color.change(red,$hue:112); + c113: color.change(red,$hue:113); + c114: color.change(red,$hue:114); + c115: color.change(red,$hue:115); + c116: color.change(red,$hue:116); + c117: color.change(red,$hue:117); + c118: color.change(red,$hue:118); + c119: color.change(red,$hue:119); + c120: color.change(red,$hue:120); + c121: color.change(red,$hue:121); + c122: color.change(red,$hue:122); + c123: color.change(red,$hue:123); + c124: color.change(red,$hue:124); + c125: color.change(red,$hue:125); + c126: color.change(red,$hue:126); + c127: color.change(red,$hue:127); + c128: color.change(red,$hue:128); + c129: color.change(red,$hue:129); + c130: color.change(red,$hue:130); + c131: color.change(red,$hue:131); + c132: color.change(red,$hue:132); + c133: color.change(red,$hue:133); + c134: color.change(red,$hue:134); + c135: color.change(red,$hue:135); + c136: color.change(red,$hue:136); + c137: color.change(red,$hue:137); + c138: color.change(red,$hue:138); + c139: color.change(red,$hue:139); + c140: color.change(red,$hue:140); + c141: color.change(red,$hue:141); + c142: color.change(red,$hue:142); + c143: color.change(red,$hue:143); + c144: color.change(red,$hue:144); + c145: color.change(red,$hue:145); + c146: color.change(red,$hue:146); + c147: color.change(red,$hue:147); + c148: color.change(red,$hue:148); + c149: color.change(red,$hue:149); + c150: color.change(red,$hue:150); + c151: color.change(red,$hue:151); + c152: color.change(red,$hue:152); + c153: color.change(red,$hue:153); + c154: color.change(red,$hue:154); + c155: color.change(red,$hue:155); + c156: color.change(red,$hue:156); + c157: color.change(red,$hue:157); + c158: color.change(red,$hue:158); + c159: color.change(red,$hue:159); + c160: color.change(red,$hue:160); + c161: color.change(red,$hue:161); + c162: color.change(red,$hue:162); + c163: color.change(red,$hue:163); + c164: color.change(red,$hue:164); + c165: color.change(red,$hue:165); + c166: color.change(red,$hue:166); + c167: color.change(red,$hue:167); + c168: color.change(red,$hue:168); + c169: color.change(red,$hue:169); + c170: color.change(red,$hue:170); + c171: color.change(red,$hue:171); + c172: color.change(red,$hue:172); + c173: color.change(red,$hue:173); + c174: color.change(red,$hue:174); + c175: color.change(red,$hue:175); + c176: color.change(red,$hue:176); + c177: color.change(red,$hue:177); + c178: color.change(red,$hue:178); + c179: color.change(red,$hue:179); + c180: color.change(red,$hue:180); + c181: color.change(red,$hue:181); + c182: color.change(red,$hue:182); + c183: color.change(red,$hue:183); + c184: color.change(red,$hue:184); + c185: color.change(red,$hue:185); + c186: color.change(red,$hue:186); + c187: color.change(red,$hue:187); + c188: color.change(red,$hue:188); + c189: color.change(red,$hue:189); + c190: color.change(red,$hue:190); + c191: color.change(red,$hue:191); + c192: color.change(red,$hue:192); + c193: color.change(red,$hue:193); + c194: color.change(red,$hue:194); + c195: color.change(red,$hue:195); + c196: color.change(red,$hue:196); + c197: color.change(red,$hue:197); + c198: color.change(red,$hue:198); + c199: color.change(red,$hue:199); + c200: color.change(red,$hue:200); + c201: color.change(red,$hue:201); + c202: color.change(red,$hue:202); + c203: color.change(red,$hue:203); + c204: color.change(red,$hue:204); + c205: color.change(red,$hue:205); + c206: color.change(red,$hue:206); + c207: color.change(red,$hue:207); + c208: color.change(red,$hue:208); + c209: color.change(red,$hue:209); + c210: color.change(red,$hue:210); + c211: color.change(red,$hue:211); + c212: color.change(red,$hue:212); + c213: color.change(red,$hue:213); + c214: color.change(red,$hue:214); + c215: color.change(red,$hue:215); + c216: color.change(red,$hue:216); + c217: color.change(red,$hue:217); + c218: color.change(red,$hue:218); + c219: color.change(red,$hue:219); + c220: color.change(red,$hue:220); + c221: color.change(red,$hue:221); + c222: color.change(red,$hue:222); + c223: color.change(red,$hue:223); + c224: color.change(red,$hue:224); + c225: color.change(red,$hue:225); + c226: color.change(red,$hue:226); + c227: color.change(red,$hue:227); + c228: color.change(red,$hue:228); + c229: color.change(red,$hue:229); + c230: color.change(red,$hue:230); + c231: color.change(red,$hue:231); + c232: color.change(red,$hue:232); + c233: color.change(red,$hue:233); + c234: color.change(red,$hue:234); + c235: color.change(red,$hue:235); + c236: color.change(red,$hue:236); + c237: color.change(red,$hue:237); + c238: color.change(red,$hue:238); + c239: color.change(red,$hue:239); + c240: color.change(red,$hue:240); + c241: color.change(red,$hue:241); + c242: color.change(red,$hue:242); + c243: color.change(red,$hue:243); + c244: color.change(red,$hue:244); + c245: color.change(red,$hue:245); + c246: color.change(red,$hue:246); + c247: color.change(red,$hue:247); + c248: color.change(red,$hue:248); + c249: color.change(red,$hue:249); + c250: color.change(red,$hue:250); + c251: color.change(red,$hue:251); + c252: color.change(red,$hue:252); + c253: color.change(red,$hue:253); + c254: color.change(red,$hue:254); + c255: color.change(red,$hue:255); + c256: color.change(red,$hue:256); + c257: color.change(red,$hue:257); + c258: color.change(red,$hue:258); + c259: color.change(red,$hue:259); + c260: color.change(red,$hue:260); + c261: color.change(red,$hue:261); + c262: color.change(red,$hue:262); + c263: color.change(red,$hue:263); + c264: color.change(red,$hue:264); + c265: color.change(red,$hue:265); + c266: color.change(red,$hue:266); + c267: color.change(red,$hue:267); + c268: color.change(red,$hue:268); + c269: color.change(red,$hue:269); + c270: color.change(red,$hue:270); + c271: color.change(red,$hue:271); + c272: color.change(red,$hue:272); + c273: color.change(red,$hue:273); + c274: color.change(red,$hue:274); + c275: color.change(red,$hue:275); + c276: color.change(red,$hue:276); + c277: color.change(red,$hue:277); + c278: color.change(red,$hue:278); + c279: color.change(red,$hue:279); + c280: color.change(red,$hue:280); + c281: color.change(red,$hue:281); + c282: color.change(red,$hue:282); + c283: color.change(red,$hue:283); + c284: color.change(red,$hue:284); + c285: color.change(red,$hue:285); + c286: color.change(red,$hue:286); + c287: color.change(red,$hue:287); + c288: color.change(red,$hue:288); + c289: color.change(red,$hue:289); + c290: color.change(red,$hue:290); + c291: color.change(red,$hue:291); + c292: color.change(red,$hue:292); + c293: color.change(red,$hue:293); + c294: color.change(red,$hue:294); + c295: color.change(red,$hue:295); + c296: color.change(red,$hue:296); + c297: color.change(red,$hue:297); + c298: color.change(red,$hue:298); + c299: color.change(red,$hue:299); + c300: color.change(red,$hue:300); + c301: color.change(red,$hue:301); + c302: color.change(red,$hue:302); + c303: color.change(red,$hue:303); + c304: color.change(red,$hue:304); + c305: color.change(red,$hue:305); + c306: color.change(red,$hue:306); + c307: color.change(red,$hue:307); + c308: color.change(red,$hue:308); + c309: color.change(red,$hue:309); + c310: color.change(red,$hue:310); + c311: color.change(red,$hue:311); + c312: color.change(red,$hue:312); + c313: color.change(red,$hue:313); + c314: color.change(red,$hue:314); + c315: color.change(red,$hue:315); + c316: color.change(red,$hue:316); + c317: color.change(red,$hue:317); + c318: color.change(red,$hue:318); + c319: color.change(red,$hue:319); + c320: color.change(red,$hue:320); + c321: color.change(red,$hue:321); + c322: color.change(red,$hue:322); + c323: color.change(red,$hue:323); + c324: color.change(red,$hue:324); + c325: color.change(red,$hue:325); + c326: color.change(red,$hue:326); + c327: color.change(red,$hue:327); + c328: color.change(red,$hue:328); + c329: color.change(red,$hue:329); + c330: color.change(red,$hue:330); + c331: color.change(red,$hue:331); + c332: color.change(red,$hue:332); + c333: color.change(red,$hue:333); + c334: color.change(red,$hue:334); + c335: color.change(red,$hue:335); + c336: color.change(red,$hue:336); + c337: color.change(red,$hue:337); + c338: color.change(red,$hue:338); + c339: color.change(red,$hue:339); + c340: color.change(red,$hue:340); + c341: color.change(red,$hue:341); + c342: color.change(red,$hue:342); + c343: color.change(red,$hue:343); + c344: color.change(red,$hue:344); + c345: color.change(red,$hue:345); + c346: color.change(red,$hue:346); + c347: color.change(red,$hue:347); + c348: color.change(red,$hue:348); + c349: color.change(red,$hue:349); + c350: color.change(red,$hue:350); + c351: color.change(red,$hue:351); + c352: color.change(red,$hue:352); + c353: color.change(red,$hue:353); + c354: color.change(red,$hue:354); + c355: color.change(red,$hue:355); + c356: color.change(red,$hue:356); + c357: color.change(red,$hue:357); + c358: color.change(red,$hue:358); + c359: color.change(red,$hue:359); + c360: color.change(red,$hue:360); } <===> output.css diff --git a/spec/libsass/color-functions/other/change-color/l.hrx b/spec/libsass/color-functions/other/change-color/l.hrx index 445bc6b55..91cb56c51 100644 --- a/spec/libsass/color-functions/other/change-color/l.hrx +++ b/spec/libsass/color-functions/other/change-color/l.hrx @@ -1,106 +1,107 @@ <===> input.scss +@use "sass:color"; foo { // c-1: change-color(red,$lightness:-1%); - c0: change-color(red,$lightness:0%); - c1: change-color(red,$lightness:1%); - c2: change-color(red,$lightness:2%); - c3: change-color(red,$lightness:3%); - c4: change-color(red,$lightness:4%); - c5: change-color(red,$lightness:5%); - c6: change-color(red,$lightness:6%); - c7: change-color(red,$lightness:7%); - c8: change-color(red,$lightness:8%); - c9: change-color(red,$lightness:9%); - c10: change-color(red,$lightness:10%); - c11: change-color(red,$lightness:11%); - c12: change-color(red,$lightness:12%); - c13: change-color(red,$lightness:13%); - c14: change-color(red,$lightness:14%); - c15: change-color(red,$lightness:15%); - c16: change-color(red,$lightness:16%); - c17: change-color(red,$lightness:17%); - c18: change-color(red,$lightness:18%); - c19: change-color(red,$lightness:19%); - c20: change-color(red,$lightness:20%); - c21: change-color(red,$lightness:21%); - c22: change-color(red,$lightness:22%); - c23: change-color(red,$lightness:23%); - c24: change-color(red,$lightness:24%); - c25: change-color(red,$lightness:25%); - c26: change-color(red,$lightness:26%); - c27: change-color(red,$lightness:27%); - c28: change-color(red,$lightness:28%); - c29: change-color(red,$lightness:29%); - c30: change-color(red,$lightness:30%); - c31: change-color(red,$lightness:31%); - c32: change-color(red,$lightness:32%); - c33: change-color(red,$lightness:33%); - c34: change-color(red,$lightness:34%); - c35: change-color(red,$lightness:35%); - c36: change-color(red,$lightness:36%); - c37: change-color(red,$lightness:37%); - c38: change-color(red,$lightness:38%); - c39: change-color(red,$lightness:39%); - c40: change-color(red,$lightness:40%); - c41: change-color(red,$lightness:41%); - c42: change-color(red,$lightness:42%); - c43: change-color(red,$lightness:43%); - c44: change-color(red,$lightness:44%); - c45: change-color(red,$lightness:45%); - c46: change-color(red,$lightness:46%); - c47: change-color(red,$lightness:47%); - c48: change-color(red,$lightness:48%); - c49: change-color(red,$lightness:49%); - c50: change-color(red,$lightness:50%); - c51: change-color(red,$lightness:51%); - c52: change-color(red,$lightness:52%); - c53: change-color(red,$lightness:53%); - c54: change-color(red,$lightness:54%); - c55: change-color(red,$lightness:55%); - c56: change-color(red,$lightness:56%); - c57: change-color(red,$lightness:57%); - c58: change-color(red,$lightness:58%); - c59: change-color(red,$lightness:59%); - c60: change-color(red,$lightness:60%); - c61: change-color(red,$lightness:61%); - c62: change-color(red,$lightness:62%); - c63: change-color(red,$lightness:63%); - c64: change-color(red,$lightness:64%); - c65: change-color(red,$lightness:65%); - c66: change-color(red,$lightness:66%); - c67: change-color(red,$lightness:67%); - c68: change-color(red,$lightness:68%); - c69: change-color(red,$lightness:69%); - c70: change-color(red,$lightness:70%); - c71: change-color(red,$lightness:71%); - c72: change-color(red,$lightness:72%); - c73: change-color(red,$lightness:73%); - c74: change-color(red,$lightness:74%); - c75: change-color(red,$lightness:75%); - c76: change-color(red,$lightness:76%); - c77: change-color(red,$lightness:77%); - c78: change-color(red,$lightness:78%); - c79: change-color(red,$lightness:79%); - c80: change-color(red,$lightness:80%); - c81: change-color(red,$lightness:81%); - c82: change-color(red,$lightness:82%); - c83: change-color(red,$lightness:83%); - c84: change-color(red,$lightness:84%); - c85: change-color(red,$lightness:85%); - c86: change-color(red,$lightness:86%); - c87: change-color(red,$lightness:87%); - c88: change-color(red,$lightness:88%); - c89: change-color(red,$lightness:89%); - c90: change-color(red,$lightness:90%); - c91: change-color(red,$lightness:91%); - c92: change-color(red,$lightness:92%); - c93: change-color(red,$lightness:93%); - c94: change-color(red,$lightness:94%); - c95: change-color(red,$lightness:95%); - c96: change-color(red,$lightness:96%); - c97: change-color(red,$lightness:97%); - c98: change-color(red,$lightness:98%); - c99: change-color(red,$lightness:99%); + c0: color.change(red,$lightness:0%); + c1: color.change(red,$lightness:1%); + c2: color.change(red,$lightness:2%); + c3: color.change(red,$lightness:3%); + c4: color.change(red,$lightness:4%); + c5: color.change(red,$lightness:5%); + c6: color.change(red,$lightness:6%); + c7: color.change(red,$lightness:7%); + c8: color.change(red,$lightness:8%); + c9: color.change(red,$lightness:9%); + c10: color.change(red,$lightness:10%); + c11: color.change(red,$lightness:11%); + c12: color.change(red,$lightness:12%); + c13: color.change(red,$lightness:13%); + c14: color.change(red,$lightness:14%); + c15: color.change(red,$lightness:15%); + c16: color.change(red,$lightness:16%); + c17: color.change(red,$lightness:17%); + c18: color.change(red,$lightness:18%); + c19: color.change(red,$lightness:19%); + c20: color.change(red,$lightness:20%); + c21: color.change(red,$lightness:21%); + c22: color.change(red,$lightness:22%); + c23: color.change(red,$lightness:23%); + c24: color.change(red,$lightness:24%); + c25: color.change(red,$lightness:25%); + c26: color.change(red,$lightness:26%); + c27: color.change(red,$lightness:27%); + c28: color.change(red,$lightness:28%); + c29: color.change(red,$lightness:29%); + c30: color.change(red,$lightness:30%); + c31: color.change(red,$lightness:31%); + c32: color.change(red,$lightness:32%); + c33: color.change(red,$lightness:33%); + c34: color.change(red,$lightness:34%); + c35: color.change(red,$lightness:35%); + c36: color.change(red,$lightness:36%); + c37: color.change(red,$lightness:37%); + c38: color.change(red,$lightness:38%); + c39: color.change(red,$lightness:39%); + c40: color.change(red,$lightness:40%); + c41: color.change(red,$lightness:41%); + c42: color.change(red,$lightness:42%); + c43: color.change(red,$lightness:43%); + c44: color.change(red,$lightness:44%); + c45: color.change(red,$lightness:45%); + c46: color.change(red,$lightness:46%); + c47: color.change(red,$lightness:47%); + c48: color.change(red,$lightness:48%); + c49: color.change(red,$lightness:49%); + c50: color.change(red,$lightness:50%); + c51: color.change(red,$lightness:51%); + c52: color.change(red,$lightness:52%); + c53: color.change(red,$lightness:53%); + c54: color.change(red,$lightness:54%); + c55: color.change(red,$lightness:55%); + c56: color.change(red,$lightness:56%); + c57: color.change(red,$lightness:57%); + c58: color.change(red,$lightness:58%); + c59: color.change(red,$lightness:59%); + c60: color.change(red,$lightness:60%); + c61: color.change(red,$lightness:61%); + c62: color.change(red,$lightness:62%); + c63: color.change(red,$lightness:63%); + c64: color.change(red,$lightness:64%); + c65: color.change(red,$lightness:65%); + c66: color.change(red,$lightness:66%); + c67: color.change(red,$lightness:67%); + c68: color.change(red,$lightness:68%); + c69: color.change(red,$lightness:69%); + c70: color.change(red,$lightness:70%); + c71: color.change(red,$lightness:71%); + c72: color.change(red,$lightness:72%); + c73: color.change(red,$lightness:73%); + c74: color.change(red,$lightness:74%); + c75: color.change(red,$lightness:75%); + c76: color.change(red,$lightness:76%); + c77: color.change(red,$lightness:77%); + c78: color.change(red,$lightness:78%); + c79: color.change(red,$lightness:79%); + c80: color.change(red,$lightness:80%); + c81: color.change(red,$lightness:81%); + c82: color.change(red,$lightness:82%); + c83: color.change(red,$lightness:83%); + c84: color.change(red,$lightness:84%); + c85: color.change(red,$lightness:85%); + c86: color.change(red,$lightness:86%); + c87: color.change(red,$lightness:87%); + c88: color.change(red,$lightness:88%); + c89: color.change(red,$lightness:89%); + c90: color.change(red,$lightness:90%); + c91: color.change(red,$lightness:91%); + c92: color.change(red,$lightness:92%); + c93: color.change(red,$lightness:93%); + c94: color.change(red,$lightness:94%); + c95: color.change(red,$lightness:95%); + c96: color.change(red,$lightness:96%); + c97: color.change(red,$lightness:97%); + c98: color.change(red,$lightness:98%); + c99: color.change(red,$lightness:99%); // c100: change-color(red,$lightness:100%); } diff --git a/spec/libsass/color-functions/other/change-color/r.hrx b/spec/libsass/color-functions/other/change-color/r.hrx index e9c8284b7..f31685afa 100644 --- a/spec/libsass/color-functions/other/change-color/r.hrx +++ b/spec/libsass/color-functions/other/change-color/r.hrx @@ -1,262 +1,263 @@ <===> input.scss +@use "sass:color"; foo { // c-1: change-color(black,$red:-1); - c0: change-color(black,$red:0); - c1: change-color(black,$red:1); - c2: change-color(black,$red:2); - c3: change-color(black,$red:3); - c4: change-color(black,$red:4); - c5: change-color(black,$red:5); - c6: change-color(black,$red:6); - c7: change-color(black,$red:7); - c8: change-color(black,$red:8); - c9: change-color(black,$red:9); - c10: change-color(black,$red:10); - c11: change-color(black,$red:11); - c12: change-color(black,$red:12); - c13: change-color(black,$red:13); - c14: change-color(black,$red:14); - c15: change-color(black,$red:15); - c16: change-color(black,$red:16); - c17: change-color(black,$red:17); - c18: change-color(black,$red:18); - c19: change-color(black,$red:19); - c20: change-color(black,$red:20); - c21: change-color(black,$red:21); - c22: change-color(black,$red:22); - c23: change-color(black,$red:23); - c24: change-color(black,$red:24); - c25: change-color(black,$red:25); - c26: change-color(black,$red:26); - c27: change-color(black,$red:27); - c28: change-color(black,$red:28); - c29: change-color(black,$red:29); - c30: change-color(black,$red:30); - c31: change-color(black,$red:31); - c32: change-color(black,$red:32); - c33: change-color(black,$red:33); - c34: change-color(black,$red:34); - c35: change-color(black,$red:35); - c36: change-color(black,$red:36); - c37: change-color(black,$red:37); - c38: change-color(black,$red:38); - c39: change-color(black,$red:39); - c40: change-color(black,$red:40); - c41: change-color(black,$red:41); - c42: change-color(black,$red:42); - c43: change-color(black,$red:43); - c44: change-color(black,$red:44); - c45: change-color(black,$red:45); - c46: change-color(black,$red:46); - c47: change-color(black,$red:47); - c48: change-color(black,$red:48); - c49: change-color(black,$red:49); - c50: change-color(black,$red:50); - c51: change-color(black,$red:51); - c52: change-color(black,$red:52); - c53: change-color(black,$red:53); - c54: change-color(black,$red:54); - c55: change-color(black,$red:55); - c56: change-color(black,$red:56); - c57: change-color(black,$red:57); - c58: change-color(black,$red:58); - c59: change-color(black,$red:59); - c60: change-color(black,$red:60); - c61: change-color(black,$red:61); - c62: change-color(black,$red:62); - c63: change-color(black,$red:63); - c64: change-color(black,$red:64); - c65: change-color(black,$red:65); - c66: change-color(black,$red:66); - c67: change-color(black,$red:67); - c68: change-color(black,$red:68); - c69: change-color(black,$red:69); - c70: change-color(black,$red:70); - c71: change-color(black,$red:71); - c72: change-color(black,$red:72); - c73: change-color(black,$red:73); - c74: change-color(black,$red:74); - c75: change-color(black,$red:75); - c76: change-color(black,$red:76); - c77: change-color(black,$red:77); - c78: change-color(black,$red:78); - c79: change-color(black,$red:79); - c80: change-color(black,$red:80); - c81: change-color(black,$red:81); - c82: change-color(black,$red:82); - c83: change-color(black,$red:83); - c84: change-color(black,$red:84); - c85: change-color(black,$red:85); - c86: change-color(black,$red:86); - c87: change-color(black,$red:87); - c88: change-color(black,$red:88); - c89: change-color(black,$red:89); - c90: change-color(black,$red:90); - c91: change-color(black,$red:91); - c92: change-color(black,$red:92); - c93: change-color(black,$red:93); - c94: change-color(black,$red:94); - c95: change-color(black,$red:95); - c96: change-color(black,$red:96); - c97: change-color(black,$red:97); - c98: change-color(black,$red:98); - c99: change-color(black,$red:99); - c100: change-color(black,$red:100); - c101: change-color(black,$red:101); - c102: change-color(black,$red:102); - c103: change-color(black,$red:103); - c104: change-color(black,$red:104); - c105: change-color(black,$red:105); - c106: change-color(black,$red:106); - c107: change-color(black,$red:107); - c108: change-color(black,$red:108); - c109: change-color(black,$red:109); - c110: change-color(black,$red:110); - c111: change-color(black,$red:111); - c112: change-color(black,$red:112); - c113: change-color(black,$red:113); - c114: change-color(black,$red:114); - c115: change-color(black,$red:115); - c116: change-color(black,$red:116); - c117: change-color(black,$red:117); - c118: change-color(black,$red:118); - c119: change-color(black,$red:119); - c120: change-color(black,$red:120); - c121: change-color(black,$red:121); - c122: change-color(black,$red:122); - c123: change-color(black,$red:123); - c124: change-color(black,$red:124); - c125: change-color(black,$red:125); - c126: change-color(black,$red:126); - c127: change-color(black,$red:127); - c128: change-color(black,$red:128); - c129: change-color(black,$red:129); - c130: change-color(black,$red:130); - c131: change-color(black,$red:131); - c132: change-color(black,$red:132); - c133: change-color(black,$red:133); - c134: change-color(black,$red:134); - c135: change-color(black,$red:135); - c136: change-color(black,$red:136); - c137: change-color(black,$red:137); - c138: change-color(black,$red:138); - c139: change-color(black,$red:139); - c140: change-color(black,$red:140); - c141: change-color(black,$red:141); - c142: change-color(black,$red:142); - c143: change-color(black,$red:143); - c144: change-color(black,$red:144); - c145: change-color(black,$red:145); - c146: change-color(black,$red:146); - c147: change-color(black,$red:147); - c148: change-color(black,$red:148); - c149: change-color(black,$red:149); - c150: change-color(black,$red:150); - c151: change-color(black,$red:151); - c152: change-color(black,$red:152); - c153: change-color(black,$red:153); - c154: change-color(black,$red:154); - c155: change-color(black,$red:155); - c156: change-color(black,$red:156); - c157: change-color(black,$red:157); - c158: change-color(black,$red:158); - c159: change-color(black,$red:159); - c160: change-color(black,$red:160); - c161: change-color(black,$red:161); - c162: change-color(black,$red:162); - c163: change-color(black,$red:163); - c164: change-color(black,$red:164); - c165: change-color(black,$red:165); - c166: change-color(black,$red:166); - c167: change-color(black,$red:167); - c168: change-color(black,$red:168); - c169: change-color(black,$red:169); - c170: change-color(black,$red:170); - c171: change-color(black,$red:171); - c172: change-color(black,$red:172); - c173: change-color(black,$red:173); - c174: change-color(black,$red:174); - c175: change-color(black,$red:175); - c176: change-color(black,$red:176); - c177: change-color(black,$red:177); - c178: change-color(black,$red:178); - c179: change-color(black,$red:179); - c180: change-color(black,$red:180); - c181: change-color(black,$red:181); - c182: change-color(black,$red:182); - c183: change-color(black,$red:183); - c184: change-color(black,$red:184); - c185: change-color(black,$red:185); - c186: change-color(black,$red:186); - c187: change-color(black,$red:187); - c188: change-color(black,$red:188); - c189: change-color(black,$red:189); - c190: change-color(black,$red:190); - c191: change-color(black,$red:191); - c192: change-color(black,$red:192); - c193: change-color(black,$red:193); - c194: change-color(black,$red:194); - c195: change-color(black,$red:195); - c196: change-color(black,$red:196); - c197: change-color(black,$red:197); - c198: change-color(black,$red:198); - c199: change-color(black,$red:199); - c200: change-color(black,$red:200); - c201: change-color(black,$red:201); - c202: change-color(black,$red:202); - c203: change-color(black,$red:203); - c204: change-color(black,$red:204); - c205: change-color(black,$red:205); - c206: change-color(black,$red:206); - c207: change-color(black,$red:207); - c208: change-color(black,$red:208); - c209: change-color(black,$red:209); - c210: change-color(black,$red:210); - c211: change-color(black,$red:211); - c212: change-color(black,$red:212); - c213: change-color(black,$red:213); - c214: change-color(black,$red:214); - c215: change-color(black,$red:215); - c216: change-color(black,$red:216); - c217: change-color(black,$red:217); - c218: change-color(black,$red:218); - c219: change-color(black,$red:219); - c220: change-color(black,$red:220); - c221: change-color(black,$red:221); - c222: change-color(black,$red:222); - c223: change-color(black,$red:223); - c224: change-color(black,$red:224); - c225: change-color(black,$red:225); - c226: change-color(black,$red:226); - c227: change-color(black,$red:227); - c228: change-color(black,$red:228); - c229: change-color(black,$red:229); - c230: change-color(black,$red:230); - c231: change-color(black,$red:231); - c232: change-color(black,$red:232); - c233: change-color(black,$red:233); - c234: change-color(black,$red:234); - c235: change-color(black,$red:235); - c236: change-color(black,$red:236); - c237: change-color(black,$red:237); - c238: change-color(black,$red:238); - c239: change-color(black,$red:239); - c240: change-color(black,$red:240); - c241: change-color(black,$red:241); - c242: change-color(black,$red:242); - c243: change-color(black,$red:243); - c244: change-color(black,$red:244); - c245: change-color(black,$red:245); - c246: change-color(black,$red:246); - c247: change-color(black,$red:247); - c248: change-color(black,$red:248); - c249: change-color(black,$red:249); - c250: change-color(black,$red:250); - c251: change-color(black,$red:251); - c252: change-color(black,$red:252); - c253: change-color(black,$red:253); - c254: change-color(black,$red:254); - c255: change-color(black,$red:255); + c0: color.change(black,$red:0); + c1: color.change(black,$red:1); + c2: color.change(black,$red:2); + c3: color.change(black,$red:3); + c4: color.change(black,$red:4); + c5: color.change(black,$red:5); + c6: color.change(black,$red:6); + c7: color.change(black,$red:7); + c8: color.change(black,$red:8); + c9: color.change(black,$red:9); + c10: color.change(black,$red:10); + c11: color.change(black,$red:11); + c12: color.change(black,$red:12); + c13: color.change(black,$red:13); + c14: color.change(black,$red:14); + c15: color.change(black,$red:15); + c16: color.change(black,$red:16); + c17: color.change(black,$red:17); + c18: color.change(black,$red:18); + c19: color.change(black,$red:19); + c20: color.change(black,$red:20); + c21: color.change(black,$red:21); + c22: color.change(black,$red:22); + c23: color.change(black,$red:23); + c24: color.change(black,$red:24); + c25: color.change(black,$red:25); + c26: color.change(black,$red:26); + c27: color.change(black,$red:27); + c28: color.change(black,$red:28); + c29: color.change(black,$red:29); + c30: color.change(black,$red:30); + c31: color.change(black,$red:31); + c32: color.change(black,$red:32); + c33: color.change(black,$red:33); + c34: color.change(black,$red:34); + c35: color.change(black,$red:35); + c36: color.change(black,$red:36); + c37: color.change(black,$red:37); + c38: color.change(black,$red:38); + c39: color.change(black,$red:39); + c40: color.change(black,$red:40); + c41: color.change(black,$red:41); + c42: color.change(black,$red:42); + c43: color.change(black,$red:43); + c44: color.change(black,$red:44); + c45: color.change(black,$red:45); + c46: color.change(black,$red:46); + c47: color.change(black,$red:47); + c48: color.change(black,$red:48); + c49: color.change(black,$red:49); + c50: color.change(black,$red:50); + c51: color.change(black,$red:51); + c52: color.change(black,$red:52); + c53: color.change(black,$red:53); + c54: color.change(black,$red:54); + c55: color.change(black,$red:55); + c56: color.change(black,$red:56); + c57: color.change(black,$red:57); + c58: color.change(black,$red:58); + c59: color.change(black,$red:59); + c60: color.change(black,$red:60); + c61: color.change(black,$red:61); + c62: color.change(black,$red:62); + c63: color.change(black,$red:63); + c64: color.change(black,$red:64); + c65: color.change(black,$red:65); + c66: color.change(black,$red:66); + c67: color.change(black,$red:67); + c68: color.change(black,$red:68); + c69: color.change(black,$red:69); + c70: color.change(black,$red:70); + c71: color.change(black,$red:71); + c72: color.change(black,$red:72); + c73: color.change(black,$red:73); + c74: color.change(black,$red:74); + c75: color.change(black,$red:75); + c76: color.change(black,$red:76); + c77: color.change(black,$red:77); + c78: color.change(black,$red:78); + c79: color.change(black,$red:79); + c80: color.change(black,$red:80); + c81: color.change(black,$red:81); + c82: color.change(black,$red:82); + c83: color.change(black,$red:83); + c84: color.change(black,$red:84); + c85: color.change(black,$red:85); + c86: color.change(black,$red:86); + c87: color.change(black,$red:87); + c88: color.change(black,$red:88); + c89: color.change(black,$red:89); + c90: color.change(black,$red:90); + c91: color.change(black,$red:91); + c92: color.change(black,$red:92); + c93: color.change(black,$red:93); + c94: color.change(black,$red:94); + c95: color.change(black,$red:95); + c96: color.change(black,$red:96); + c97: color.change(black,$red:97); + c98: color.change(black,$red:98); + c99: color.change(black,$red:99); + c100: color.change(black,$red:100); + c101: color.change(black,$red:101); + c102: color.change(black,$red:102); + c103: color.change(black,$red:103); + c104: color.change(black,$red:104); + c105: color.change(black,$red:105); + c106: color.change(black,$red:106); + c107: color.change(black,$red:107); + c108: color.change(black,$red:108); + c109: color.change(black,$red:109); + c110: color.change(black,$red:110); + c111: color.change(black,$red:111); + c112: color.change(black,$red:112); + c113: color.change(black,$red:113); + c114: color.change(black,$red:114); + c115: color.change(black,$red:115); + c116: color.change(black,$red:116); + c117: color.change(black,$red:117); + c118: color.change(black,$red:118); + c119: color.change(black,$red:119); + c120: color.change(black,$red:120); + c121: color.change(black,$red:121); + c122: color.change(black,$red:122); + c123: color.change(black,$red:123); + c124: color.change(black,$red:124); + c125: color.change(black,$red:125); + c126: color.change(black,$red:126); + c127: color.change(black,$red:127); + c128: color.change(black,$red:128); + c129: color.change(black,$red:129); + c130: color.change(black,$red:130); + c131: color.change(black,$red:131); + c132: color.change(black,$red:132); + c133: color.change(black,$red:133); + c134: color.change(black,$red:134); + c135: color.change(black,$red:135); + c136: color.change(black,$red:136); + c137: color.change(black,$red:137); + c138: color.change(black,$red:138); + c139: color.change(black,$red:139); + c140: color.change(black,$red:140); + c141: color.change(black,$red:141); + c142: color.change(black,$red:142); + c143: color.change(black,$red:143); + c144: color.change(black,$red:144); + c145: color.change(black,$red:145); + c146: color.change(black,$red:146); + c147: color.change(black,$red:147); + c148: color.change(black,$red:148); + c149: color.change(black,$red:149); + c150: color.change(black,$red:150); + c151: color.change(black,$red:151); + c152: color.change(black,$red:152); + c153: color.change(black,$red:153); + c154: color.change(black,$red:154); + c155: color.change(black,$red:155); + c156: color.change(black,$red:156); + c157: color.change(black,$red:157); + c158: color.change(black,$red:158); + c159: color.change(black,$red:159); + c160: color.change(black,$red:160); + c161: color.change(black,$red:161); + c162: color.change(black,$red:162); + c163: color.change(black,$red:163); + c164: color.change(black,$red:164); + c165: color.change(black,$red:165); + c166: color.change(black,$red:166); + c167: color.change(black,$red:167); + c168: color.change(black,$red:168); + c169: color.change(black,$red:169); + c170: color.change(black,$red:170); + c171: color.change(black,$red:171); + c172: color.change(black,$red:172); + c173: color.change(black,$red:173); + c174: color.change(black,$red:174); + c175: color.change(black,$red:175); + c176: color.change(black,$red:176); + c177: color.change(black,$red:177); + c178: color.change(black,$red:178); + c179: color.change(black,$red:179); + c180: color.change(black,$red:180); + c181: color.change(black,$red:181); + c182: color.change(black,$red:182); + c183: color.change(black,$red:183); + c184: color.change(black,$red:184); + c185: color.change(black,$red:185); + c186: color.change(black,$red:186); + c187: color.change(black,$red:187); + c188: color.change(black,$red:188); + c189: color.change(black,$red:189); + c190: color.change(black,$red:190); + c191: color.change(black,$red:191); + c192: color.change(black,$red:192); + c193: color.change(black,$red:193); + c194: color.change(black,$red:194); + c195: color.change(black,$red:195); + c196: color.change(black,$red:196); + c197: color.change(black,$red:197); + c198: color.change(black,$red:198); + c199: color.change(black,$red:199); + c200: color.change(black,$red:200); + c201: color.change(black,$red:201); + c202: color.change(black,$red:202); + c203: color.change(black,$red:203); + c204: color.change(black,$red:204); + c205: color.change(black,$red:205); + c206: color.change(black,$red:206); + c207: color.change(black,$red:207); + c208: color.change(black,$red:208); + c209: color.change(black,$red:209); + c210: color.change(black,$red:210); + c211: color.change(black,$red:211); + c212: color.change(black,$red:212); + c213: color.change(black,$red:213); + c214: color.change(black,$red:214); + c215: color.change(black,$red:215); + c216: color.change(black,$red:216); + c217: color.change(black,$red:217); + c218: color.change(black,$red:218); + c219: color.change(black,$red:219); + c220: color.change(black,$red:220); + c221: color.change(black,$red:221); + c222: color.change(black,$red:222); + c223: color.change(black,$red:223); + c224: color.change(black,$red:224); + c225: color.change(black,$red:225); + c226: color.change(black,$red:226); + c227: color.change(black,$red:227); + c228: color.change(black,$red:228); + c229: color.change(black,$red:229); + c230: color.change(black,$red:230); + c231: color.change(black,$red:231); + c232: color.change(black,$red:232); + c233: color.change(black,$red:233); + c234: color.change(black,$red:234); + c235: color.change(black,$red:235); + c236: color.change(black,$red:236); + c237: color.change(black,$red:237); + c238: color.change(black,$red:238); + c239: color.change(black,$red:239); + c240: color.change(black,$red:240); + c241: color.change(black,$red:241); + c242: color.change(black,$red:242); + c243: color.change(black,$red:243); + c244: color.change(black,$red:244); + c245: color.change(black,$red:245); + c246: color.change(black,$red:246); + c247: color.change(black,$red:247); + c248: color.change(black,$red:248); + c249: color.change(black,$red:249); + c250: color.change(black,$red:250); + c251: color.change(black,$red:251); + c252: color.change(black,$red:252); + c253: color.change(black,$red:253); + c254: color.change(black,$red:254); + c255: color.change(black,$red:255); // c256: change-color(black,$red:256); } diff --git a/spec/libsass/color-functions/other/change-color/s.hrx b/spec/libsass/color-functions/other/change-color/s.hrx index 6be178c55..b67b43d75 100644 --- a/spec/libsass/color-functions/other/change-color/s.hrx +++ b/spec/libsass/color-functions/other/change-color/s.hrx @@ -1,107 +1,108 @@ <===> input.scss +@use "sass:color"; foo { // c-1: change-color(red,$saturation:-1%); - c0: change-color(red,$saturation:0%); - c1: change-color(red,$saturation:1%); - c2: change-color(red,$saturation:2%); - c3: change-color(red,$saturation:3%); - c4: change-color(red,$saturation:4%); - c5: change-color(red,$saturation:5%); - c6: change-color(red,$saturation:6%); - c7: change-color(red,$saturation:7%); - c8: change-color(red,$saturation:8%); - c9: change-color(red,$saturation:9%); - c10: change-color(red,$saturation:10%); - c11: change-color(red,$saturation:11%); - c12: change-color(red,$saturation:12%); - c13: change-color(red,$saturation:13%); - c14: change-color(red,$saturation:14%); - c15: change-color(red,$saturation:15%); - c16: change-color(red,$saturation:16%); - c17: change-color(red,$saturation:17%); - c18: change-color(red,$saturation:18%); - c19: change-color(red,$saturation:19%); - c20: change-color(red,$saturation:20%); - c21: change-color(red,$saturation:21%); - c22: change-color(red,$saturation:22%); - c23: change-color(red,$saturation:23%); - c24: change-color(red,$saturation:24%); - c25: change-color(red,$saturation:25%); - c26: change-color(red,$saturation:26%); - c27: change-color(red,$saturation:27%); - c28: change-color(red,$saturation:28%); - c29: change-color(red,$saturation:29%); - c30: change-color(red,$saturation:30%); - c31: change-color(red,$saturation:31%); - c32: change-color(red,$saturation:32%); - c33: change-color(red,$saturation:33%); - c34: change-color(red,$saturation:34%); - c35: change-color(red,$saturation:35%); - c36: change-color(red,$saturation:36%); - c37: change-color(red,$saturation:37%); - c38: change-color(red,$saturation:38%); - c39: change-color(red,$saturation:39%); - c40: change-color(red,$saturation:40%); - c41: change-color(red,$saturation:41%); - c42: change-color(red,$saturation:42%); - c43: change-color(red,$saturation:43%); - c44: change-color(red,$saturation:44%); - c45: change-color(red,$saturation:45%); - c46: change-color(red,$saturation:46%); - c47: change-color(red,$saturation:47%); - c48: change-color(red,$saturation:48%); - c49: change-color(red,$saturation:49%); - c50: change-color(red,$saturation:50%); - c51: change-color(red,$saturation:51%); - c52: change-color(red,$saturation:52%); - c53: change-color(red,$saturation:53%); - c54: change-color(red,$saturation:54%); - c55: change-color(red,$saturation:55%); - c56: change-color(red,$saturation:56%); - c57: change-color(red,$saturation:57%); - c58: change-color(red,$saturation:58%); - c59: change-color(red,$saturation:59%); - c60: change-color(red,$saturation:60%); - c61: change-color(red,$saturation:61%); - c62: change-color(red,$saturation:62%); - c63: change-color(red,$saturation:63%); - c64: change-color(red,$saturation:64%); - c65: change-color(red,$saturation:65%); - c66: change-color(red,$saturation:66%); - c67: change-color(red,$saturation:67%); - c68: change-color(red,$saturation:68%); - c69: change-color(red,$saturation:69%); - c70: change-color(red,$saturation:70%); - c71: change-color(red,$saturation:71%); - c72: change-color(red,$saturation:72%); - c73: change-color(red,$saturation:73%); - c74: change-color(red,$saturation:74%); - c75: change-color(red,$saturation:75%); - c76: change-color(red,$saturation:76%); - c77: change-color(red,$saturation:77%); - c78: change-color(red,$saturation:78%); - c79: change-color(red,$saturation:79%); - c80: change-color(red,$saturation:80%); - c81: change-color(red,$saturation:81%); - c82: change-color(red,$saturation:82%); - c83: change-color(red,$saturation:83%); - c84: change-color(red,$saturation:84%); - c85: change-color(red,$saturation:85%); - c86: change-color(red,$saturation:86%); - c87: change-color(red,$saturation:87%); - c88: change-color(red,$saturation:88%); - c89: change-color(red,$saturation:89%); - c90: change-color(red,$saturation:90%); - c91: change-color(red,$saturation:91%); - c92: change-color(red,$saturation:92%); - c93: change-color(red,$saturation:93%); - c94: change-color(red,$saturation:94%); - c95: change-color(red,$saturation:95%); - c96: change-color(red,$saturation:96%); - c97: change-color(red,$saturation:97%); - c98: change-color(red,$saturation:98%); - c99: change-color(red,$saturation:99%); - c100: change-color(red,$saturation:100%); + c0: color.change(red,$saturation:0%); + c1: color.change(red,$saturation:1%); + c2: color.change(red,$saturation:2%); + c3: color.change(red,$saturation:3%); + c4: color.change(red,$saturation:4%); + c5: color.change(red,$saturation:5%); + c6: color.change(red,$saturation:6%); + c7: color.change(red,$saturation:7%); + c8: color.change(red,$saturation:8%); + c9: color.change(red,$saturation:9%); + c10: color.change(red,$saturation:10%); + c11: color.change(red,$saturation:11%); + c12: color.change(red,$saturation:12%); + c13: color.change(red,$saturation:13%); + c14: color.change(red,$saturation:14%); + c15: color.change(red,$saturation:15%); + c16: color.change(red,$saturation:16%); + c17: color.change(red,$saturation:17%); + c18: color.change(red,$saturation:18%); + c19: color.change(red,$saturation:19%); + c20: color.change(red,$saturation:20%); + c21: color.change(red,$saturation:21%); + c22: color.change(red,$saturation:22%); + c23: color.change(red,$saturation:23%); + c24: color.change(red,$saturation:24%); + c25: color.change(red,$saturation:25%); + c26: color.change(red,$saturation:26%); + c27: color.change(red,$saturation:27%); + c28: color.change(red,$saturation:28%); + c29: color.change(red,$saturation:29%); + c30: color.change(red,$saturation:30%); + c31: color.change(red,$saturation:31%); + c32: color.change(red,$saturation:32%); + c33: color.change(red,$saturation:33%); + c34: color.change(red,$saturation:34%); + c35: color.change(red,$saturation:35%); + c36: color.change(red,$saturation:36%); + c37: color.change(red,$saturation:37%); + c38: color.change(red,$saturation:38%); + c39: color.change(red,$saturation:39%); + c40: color.change(red,$saturation:40%); + c41: color.change(red,$saturation:41%); + c42: color.change(red,$saturation:42%); + c43: color.change(red,$saturation:43%); + c44: color.change(red,$saturation:44%); + c45: color.change(red,$saturation:45%); + c46: color.change(red,$saturation:46%); + c47: color.change(red,$saturation:47%); + c48: color.change(red,$saturation:48%); + c49: color.change(red,$saturation:49%); + c50: color.change(red,$saturation:50%); + c51: color.change(red,$saturation:51%); + c52: color.change(red,$saturation:52%); + c53: color.change(red,$saturation:53%); + c54: color.change(red,$saturation:54%); + c55: color.change(red,$saturation:55%); + c56: color.change(red,$saturation:56%); + c57: color.change(red,$saturation:57%); + c58: color.change(red,$saturation:58%); + c59: color.change(red,$saturation:59%); + c60: color.change(red,$saturation:60%); + c61: color.change(red,$saturation:61%); + c62: color.change(red,$saturation:62%); + c63: color.change(red,$saturation:63%); + c64: color.change(red,$saturation:64%); + c65: color.change(red,$saturation:65%); + c66: color.change(red,$saturation:66%); + c67: color.change(red,$saturation:67%); + c68: color.change(red,$saturation:68%); + c69: color.change(red,$saturation:69%); + c70: color.change(red,$saturation:70%); + c71: color.change(red,$saturation:71%); + c72: color.change(red,$saturation:72%); + c73: color.change(red,$saturation:73%); + c74: color.change(red,$saturation:74%); + c75: color.change(red,$saturation:75%); + c76: color.change(red,$saturation:76%); + c77: color.change(red,$saturation:77%); + c78: color.change(red,$saturation:78%); + c79: color.change(red,$saturation:79%); + c80: color.change(red,$saturation:80%); + c81: color.change(red,$saturation:81%); + c82: color.change(red,$saturation:82%); + c83: color.change(red,$saturation:83%); + c84: color.change(red,$saturation:84%); + c85: color.change(red,$saturation:85%); + c86: color.change(red,$saturation:86%); + c87: color.change(red,$saturation:87%); + c88: color.change(red,$saturation:88%); + c89: color.change(red,$saturation:89%); + c90: color.change(red,$saturation:90%); + c91: color.change(red,$saturation:91%); + c92: color.change(red,$saturation:92%); + c93: color.change(red,$saturation:93%); + c94: color.change(red,$saturation:94%); + c95: color.change(red,$saturation:95%); + c96: color.change(red,$saturation:96%); + c97: color.change(red,$saturation:97%); + c98: color.change(red,$saturation:98%); + c99: color.change(red,$saturation:99%); + c100: color.change(red,$saturation:100%); // c101: change-color(red,$saturation:101%); } diff --git a/spec/libsass/color-functions/saturate.hrx b/spec/libsass/color-functions/saturate.hrx index 167059777..0cb809f77 100644 --- a/spec/libsass/color-functions/saturate.hrx +++ b/spec/libsass/color-functions/saturate.hrx @@ -1,106 +1,107 @@ <===> input.scss +@use "sass:color"; foo { - c0: saturate(hsl(100, 0%, 50%), 0%); - c1: saturate(hsl(100, 0%, 50%), 1%); - c2: saturate(hsl(100, 0%, 50%), 2%); - c3: saturate(hsl(100, 0%, 50%), 3%); - c4: saturate(hsl(100, 0%, 50%), 4%); - c5: saturate(hsl(100, 0%, 50%), 5%); - c6: saturate(hsl(100, 0%, 50%), 6%); - c7: saturate(hsl(100, 0%, 50%), 7%); - c8: saturate(hsl(100, 0%, 50%), 8%); - c9: saturate(hsl(100, 0%, 50%), 9%); - c10: saturate(hsl(100, 0%, 50%), 10%); - c11: saturate(hsl(100, 0%, 50%), 11%); - c12: saturate(hsl(100, 0%, 50%), 12%); - c13: saturate(hsl(100, 0%, 50%), 13%); - c14: saturate(hsl(100, 0%, 50%), 14%); - c15: saturate(hsl(100, 0%, 50%), 15%); - c16: saturate(hsl(100, 0%, 50%), 16%); - c17: saturate(hsl(100, 0%, 50%), 17%); - c18: saturate(hsl(100, 0%, 50%), 18%); - c19: saturate(hsl(100, 0%, 50%), 19%); - c20: saturate(hsl(100, 0%, 50%), 20%); - c21: saturate(hsl(100, 0%, 50%), 21%); - c22: saturate(hsl(100, 0%, 50%), 22%); - c23: saturate(hsl(100, 0%, 50%), 23%); - c24: saturate(hsl(100, 0%, 50%), 24%); - c25: saturate(hsl(100, 0%, 50%), 25%); - c26: saturate(hsl(100, 0%, 50%), 26%); - c27: saturate(hsl(100, 0%, 50%), 27%); - c28: saturate(hsl(100, 0%, 50%), 28%); - c29: saturate(hsl(100, 0%, 50%), 29%); - c30: saturate(hsl(100, 0%, 50%), 30%); - c31: saturate(hsl(100, 0%, 50%), 31%); - c32: saturate(hsl(100, 0%, 50%), 32%); - c33: saturate(hsl(100, 0%, 50%), 33%); - c34: saturate(hsl(100, 0%, 50%), 34%); - c35: saturate(hsl(100, 0%, 50%), 35%); - c36: saturate(hsl(100, 0%, 50%), 36%); - c37: saturate(hsl(100, 0%, 50%), 37%); - c38: saturate(hsl(100, 0%, 50%), 38%); - c39: saturate(hsl(100, 0%, 50%), 39%); + c0: color.adjust(hsl(100, 0%, 50%), $saturation: 0%); + c1: color.adjust(hsl(100, 0%, 50%), $saturation: 1%); + c2: color.adjust(hsl(100, 0%, 50%), $saturation: 2%); + c3: color.adjust(hsl(100, 0%, 50%), $saturation: 3%); + c4: color.adjust(hsl(100, 0%, 50%), $saturation: 4%); + c5: color.adjust(hsl(100, 0%, 50%), $saturation: 5%); + c6: color.adjust(hsl(100, 0%, 50%), $saturation: 6%); + c7: color.adjust(hsl(100, 0%, 50%), $saturation: 7%); + c8: color.adjust(hsl(100, 0%, 50%), $saturation: 8%); + c9: color.adjust(hsl(100, 0%, 50%), $saturation: 9%); + c10: color.adjust(hsl(100, 0%, 50%), $saturation: 10%); + c11: color.adjust(hsl(100, 0%, 50%), $saturation: 11%); + c12: color.adjust(hsl(100, 0%, 50%), $saturation: 12%); + c13: color.adjust(hsl(100, 0%, 50%), $saturation: 13%); + c14: color.adjust(hsl(100, 0%, 50%), $saturation: 14%); + c15: color.adjust(hsl(100, 0%, 50%), $saturation: 15%); + c16: color.adjust(hsl(100, 0%, 50%), $saturation: 16%); + c17: color.adjust(hsl(100, 0%, 50%), $saturation: 17%); + c18: color.adjust(hsl(100, 0%, 50%), $saturation: 18%); + c19: color.adjust(hsl(100, 0%, 50%), $saturation: 19%); + c20: color.adjust(hsl(100, 0%, 50%), $saturation: 20%); + c21: color.adjust(hsl(100, 0%, 50%), $saturation: 21%); + c22: color.adjust(hsl(100, 0%, 50%), $saturation: 22%); + c23: color.adjust(hsl(100, 0%, 50%), $saturation: 23%); + c24: color.adjust(hsl(100, 0%, 50%), $saturation: 24%); + c25: color.adjust(hsl(100, 0%, 50%), $saturation: 25%); + c26: color.adjust(hsl(100, 0%, 50%), $saturation: 26%); + c27: color.adjust(hsl(100, 0%, 50%), $saturation: 27%); + c28: color.adjust(hsl(100, 0%, 50%), $saturation: 28%); + c29: color.adjust(hsl(100, 0%, 50%), $saturation: 29%); + c30: color.adjust(hsl(100, 0%, 50%), $saturation: 30%); + c31: color.adjust(hsl(100, 0%, 50%), $saturation: 31%); + c32: color.adjust(hsl(100, 0%, 50%), $saturation: 32%); + c33: color.adjust(hsl(100, 0%, 50%), $saturation: 33%); + c34: color.adjust(hsl(100, 0%, 50%), $saturation: 34%); + c35: color.adjust(hsl(100, 0%, 50%), $saturation: 35%); + c36: color.adjust(hsl(100, 0%, 50%), $saturation: 36%); + c37: color.adjust(hsl(100, 0%, 50%), $saturation: 37%); + c38: color.adjust(hsl(100, 0%, 50%), $saturation: 38%); + c39: color.adjust(hsl(100, 0%, 50%), $saturation: 39%); // c40: saturate(hsl(100, 0%, 50%), 40%); - c41: saturate(hsl(100, 0%, 50%), 41%); - c42: saturate(hsl(100, 0%, 50%), 42%); - c43: saturate(hsl(100, 0%, 50%), 43%); - c44: saturate(hsl(100, 0%, 50%), 44%); - c45: saturate(hsl(100, 0%, 50%), 45%); - c46: saturate(hsl(100, 0%, 50%), 46%); - c47: saturate(hsl(100, 0%, 50%), 47%); - c48: saturate(hsl(100, 0%, 50%), 48%); - c49: saturate(hsl(100, 0%, 50%), 49%); - c50: saturate(hsl(100, 0%, 50%), 50%); - c51: saturate(hsl(100, 0%, 50%), 51%); - c52: saturate(hsl(100, 0%, 50%), 52%); - c53: saturate(hsl(100, 0%, 50%), 53%); - c54: saturate(hsl(100, 0%, 50%), 54%); - c55: saturate(hsl(100, 0%, 50%), 55%); - c56: saturate(hsl(100, 0%, 50%), 56%); - c57: saturate(hsl(100, 0%, 50%), 57%); - c58: saturate(hsl(100, 0%, 50%), 58%); - c59: saturate(hsl(100, 0%, 50%), 59%); - c60: saturate(hsl(100, 0%, 50%), 60%); - c61: saturate(hsl(100, 0%, 50%), 61%); - c62: saturate(hsl(100, 0%, 50%), 62%); - c63: saturate(hsl(100, 0%, 50%), 63%); - c64: saturate(hsl(100, 0%, 50%), 64%); - c65: saturate(hsl(100, 0%, 50%), 65%); - c66: saturate(hsl(100, 0%, 50%), 66%); - c67: saturate(hsl(100, 0%, 50%), 67%); - c68: saturate(hsl(100, 0%, 50%), 68%); - c69: saturate(hsl(100, 0%, 50%), 69%); - c70: saturate(hsl(100, 0%, 50%), 70%); - c71: saturate(hsl(100, 0%, 50%), 71%); - c72: saturate(hsl(100, 0%, 50%), 72%); - c73: saturate(hsl(100, 0%, 50%), 73%); - c74: saturate(hsl(100, 0%, 50%), 74%); - c75: saturate(hsl(100, 0%, 50%), 75%); - c76: saturate(hsl(100, 0%, 50%), 76%); - c77: saturate(hsl(100, 0%, 50%), 77%); - c78: saturate(hsl(100, 0%, 50%), 78%); - c79: saturate(hsl(100, 0%, 50%), 79%); + c41: color.adjust(hsl(100, 0%, 50%), $saturation: 41%); + c42: color.adjust(hsl(100, 0%, 50%), $saturation: 42%); + c43: color.adjust(hsl(100, 0%, 50%), $saturation: 43%); + c44: color.adjust(hsl(100, 0%, 50%), $saturation: 44%); + c45: color.adjust(hsl(100, 0%, 50%), $saturation: 45%); + c46: color.adjust(hsl(100, 0%, 50%), $saturation: 46%); + c47: color.adjust(hsl(100, 0%, 50%), $saturation: 47%); + c48: color.adjust(hsl(100, 0%, 50%), $saturation: 48%); + c49: color.adjust(hsl(100, 0%, 50%), $saturation: 49%); + c50: color.adjust(hsl(100, 0%, 50%), $saturation: 50%); + c51: color.adjust(hsl(100, 0%, 50%), $saturation: 51%); + c52: color.adjust(hsl(100, 0%, 50%), $saturation: 52%); + c53: color.adjust(hsl(100, 0%, 50%), $saturation: 53%); + c54: color.adjust(hsl(100, 0%, 50%), $saturation: 54%); + c55: color.adjust(hsl(100, 0%, 50%), $saturation: 55%); + c56: color.adjust(hsl(100, 0%, 50%), $saturation: 56%); + c57: color.adjust(hsl(100, 0%, 50%), $saturation: 57%); + c58: color.adjust(hsl(100, 0%, 50%), $saturation: 58%); + c59: color.adjust(hsl(100, 0%, 50%), $saturation: 59%); + c60: color.adjust(hsl(100, 0%, 50%), $saturation: 60%); + c61: color.adjust(hsl(100, 0%, 50%), $saturation: 61%); + c62: color.adjust(hsl(100, 0%, 50%), $saturation: 62%); + c63: color.adjust(hsl(100, 0%, 50%), $saturation: 63%); + c64: color.adjust(hsl(100, 0%, 50%), $saturation: 64%); + c65: color.adjust(hsl(100, 0%, 50%), $saturation: 65%); + c66: color.adjust(hsl(100, 0%, 50%), $saturation: 66%); + c67: color.adjust(hsl(100, 0%, 50%), $saturation: 67%); + c68: color.adjust(hsl(100, 0%, 50%), $saturation: 68%); + c69: color.adjust(hsl(100, 0%, 50%), $saturation: 69%); + c70: color.adjust(hsl(100, 0%, 50%), $saturation: 70%); + c71: color.adjust(hsl(100, 0%, 50%), $saturation: 71%); + c72: color.adjust(hsl(100, 0%, 50%), $saturation: 72%); + c73: color.adjust(hsl(100, 0%, 50%), $saturation: 73%); + c74: color.adjust(hsl(100, 0%, 50%), $saturation: 74%); + c75: color.adjust(hsl(100, 0%, 50%), $saturation: 75%); + c76: color.adjust(hsl(100, 0%, 50%), $saturation: 76%); + c77: color.adjust(hsl(100, 0%, 50%), $saturation: 77%); + c78: color.adjust(hsl(100, 0%, 50%), $saturation: 78%); + c79: color.adjust(hsl(100, 0%, 50%), $saturation: 79%); // c80: saturate(hsl(100, 0%, 50%), 80%); - c81: saturate(hsl(100, 0%, 50%), 81%); - c82: saturate(hsl(100, 0%, 50%), 82%); - c83: saturate(hsl(100, 0%, 50%), 83%); - c84: saturate(hsl(100, 0%, 50%), 84%); - c85: saturate(hsl(100, 0%, 50%), 85%); - c86: saturate(hsl(100, 0%, 50%), 86%); - c87: saturate(hsl(100, 0%, 50%), 87%); - c88: saturate(hsl(100, 0%, 50%), 88%); - c89: saturate(hsl(100, 0%, 50%), 89%); - c90: saturate(hsl(100, 0%, 50%), 90%); - c91: saturate(hsl(100, 0%, 50%), 91%); - c92: saturate(hsl(100, 0%, 50%), 92%); - c93: saturate(hsl(100, 0%, 50%), 93%); - c94: saturate(hsl(100, 0%, 50%), 94%); - c95: saturate(hsl(100, 0%, 50%), 95%); - c96: saturate(hsl(100, 0%, 50%), 96%); - c97: saturate(hsl(100, 0%, 50%), 97%); - c98: saturate(hsl(100, 0%, 50%), 98%); - c99: saturate(hsl(100, 0%, 50%), 99%); - c100: saturate(hsl(100, 0%, 50%), 100%); + c81: color.adjust(hsl(100, 0%, 50%), $saturation: 81%); + c82: color.adjust(hsl(100, 0%, 50%), $saturation: 82%); + c83: color.adjust(hsl(100, 0%, 50%), $saturation: 83%); + c84: color.adjust(hsl(100, 0%, 50%), $saturation: 84%); + c85: color.adjust(hsl(100, 0%, 50%), $saturation: 85%); + c86: color.adjust(hsl(100, 0%, 50%), $saturation: 86%); + c87: color.adjust(hsl(100, 0%, 50%), $saturation: 87%); + c88: color.adjust(hsl(100, 0%, 50%), $saturation: 88%); + c89: color.adjust(hsl(100, 0%, 50%), $saturation: 89%); + c90: color.adjust(hsl(100, 0%, 50%), $saturation: 90%); + c91: color.adjust(hsl(100, 0%, 50%), $saturation: 91%); + c92: color.adjust(hsl(100, 0%, 50%), $saturation: 92%); + c93: color.adjust(hsl(100, 0%, 50%), $saturation: 93%); + c94: color.adjust(hsl(100, 0%, 50%), $saturation: 94%); + c95: color.adjust(hsl(100, 0%, 50%), $saturation: 95%); + c96: color.adjust(hsl(100, 0%, 50%), $saturation: 96%); + c97: color.adjust(hsl(100, 0%, 50%), $saturation: 97%); + c98: color.adjust(hsl(100, 0%, 50%), $saturation: 98%); + c99: color.adjust(hsl(100, 0%, 50%), $saturation: 99%); + c100: color.adjust(hsl(100, 0%, 50%), $saturation: 100%); } <===> output.css diff --git a/spec/libsass/delayed.hrx b/spec/libsass/delayed.hrx index d3d60244a..95116a184 100644 --- a/spec/libsass/delayed.hrx +++ b/spec/libsass/delayed.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:list"; $x: a 3/4 b; $y: hey; @@ -8,10 +9,10 @@ $y: hey; div { hoo: 3/4; - goo: nth($x, 2); - foo: 15 / nth($x, 2); - foo: .25 + nth($x, 2); - coo: 2/3 / nth($x, 2); + goo: list.nth($x, 2); + foo: 15 / list.nth($x, 2); + foo: .25 + list.nth($x, 2); + coo: 2/3 / list.nth($x, 2); bar: $y and true; bar: false and true; bar: (false) and true; @@ -20,7 +21,7 @@ div { } bloo: foo(); @warn 2/3; - blix: "hey #{nth($x, 2)} ho"; + blix: "hey #{list.nth($x, 2)} ho"; } @media screen and (hux: 3/4) { @@ -32,7 +33,7 @@ div { @warn "blah blah"; div { - blah: "ho #{nth($x, 2) } ho"; + blah: "ho #{list.nth($x, 2) } ho"; } span { @@ -76,10 +77,10 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -10 | goo: nth($x, 2); - | ^^^^^^^^^^ +11 | goo: list.nth($x, 2); + | ^^^^^^^^^^^^^^^ ' - input.scss 10:8 root stylesheet + input.scss 11:8 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -88,22 +89,22 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -11 | foo: 15 / nth($x, 2); - | ^^^^^^^^^^ +12 | foo: 15 / list.nth($x, 2); + | ^^^^^^^^^^^^^^^ ' - input.scss 11:13 root stylesheet + input.scss 12:13 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. -Recommendation: math.div(15, nth($x, 2)) or calc(15 / nth($x, 2)) +Recommendation: math.div(15, list.nth($x, 2)) or calc(15 / list.nth($x, 2)) More info and automated migrator: https://sass-lang.com/d/slash-div , -11 | foo: 15 / nth($x, 2); - | ^^^^^^^^^^^^^^^ +12 | foo: 15 / list.nth($x, 2); + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 11:8 root stylesheet + input.scss 12:8 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -112,10 +113,10 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -12 | foo: .25 + nth($x, 2); - | ^^^^^^^^^^ +13 | foo: .25 + list.nth($x, 2); + | ^^^^^^^^^^^^^^^ ' - input.scss 12:14 root stylesheet + input.scss 13:14 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -124,22 +125,22 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -13 | coo: 2/3 / nth($x, 2); - | ^^^^^^^^^^ +14 | coo: 2/3 / list.nth($x, 2); + | ^^^^^^^^^^^^^^^ ' - input.scss 13:14 root stylesheet + input.scss 14:14 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. -Recommendation: math.div(math.div(2, 3), nth($x, 2)) or calc(2 / 3 / nth($x, 2)) +Recommendation: math.div(math.div(2, 3), list.nth($x, 2)) or calc(2 / 3 / list.nth($x, 2)) More info and automated migrator: https://sass-lang.com/d/slash-div , -13 | coo: 2/3 / nth($x, 2); - | ^^^^^^^^^^^^^^^^ +14 | coo: 2/3 / list.nth($x, 2); + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 13:8 root stylesheet + input.scss 14:8 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -148,10 +149,10 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $x: a 3/4 b; +2 | $x: a 3/4 b; | ^^^^^^^ ' - input.scss 1:5 root stylesheet + input.scss 2:5 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -160,14 +161,14 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -5 | @return 3/4; +6 | @return 3/4; | ^^^ ' - input.scss 5:11 foo() - input.scss 20:9 root stylesheet + input.scss 6:11 foo() + input.scss 21:9 root stylesheet WARNING: 2/3 - input.scss 21:3 root stylesheet + input.scss 22:3 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -176,13 +177,13 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -22 | blix: "hey #{nth($x, 2)} ho"; - | ^^^^^^^^^^ +23 | blix: "hey #{list.nth($x, 2)} ho"; + | ^^^^^^^^^^^^^^^ ' - input.scss 22:16 root stylesheet + input.scss 23:16 root stylesheet WARNING: blah blah - input.scss 31:1 root stylesheet + input.scss 32:1 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -191,10 +192,10 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -34 | blah: "ho #{nth($x, 2) } ho"; - | ^^^^^^^^^^ +35 | blah: "ho #{list.nth($x, 2) } ho"; + | ^^^^^^^^^^^^^^^ ' - input.scss 34:15 root stylesheet + input.scss 35:15 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -203,7 +204,7 @@ Recommendation: math.div(3, 4) or calc(3 / 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -38 | fludge: (true and 3/4); +39 | fludge: (true and 3/4); | ^^^ ' - input.scss 38:21 root stylesheet + input.scss 39:21 root stylesheet diff --git a/spec/libsass/div.hrx b/spec/libsass/div.hrx index 22ba6bbfc..e1ff67b9f 100644 --- a/spec/libsass/div.hrx +++ b/spec/libsass/div.hrx @@ -1,4 +1,6 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; $x: 3/4; $xs: hey 3/4 ho; @@ -8,9 +10,9 @@ div { b: hey $x ho; /* $xs: hey 3/4 ho */ c: $xs; - d: nth($xs, 2); - e: nth($xs, 2) == 0.75; - f: type-of(nth($xs, 2)); + d: list.nth($xs, 2); + e: list.nth($xs, 2) == 0.75; + f: meta.type-of(list.nth($xs, 2)); } <===> output.css div { @@ -32,10 +34,10 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $x: 3/4; +3 | $x: 3/4; | ^^^ ' - input.scss 1:5 root stylesheet + input.scss 3:5 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -44,10 +46,10 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -10 | d: nth($xs, 2); - | ^^^^^^^^^^^ +12 | d: list.nth($xs, 2); + | ^^^^^^^^^^^^^^^^ ' - input.scss 10:6 root stylesheet + input.scss 12:6 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -56,10 +58,10 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -11 | e: nth($xs, 2) == 0.75; - | ^^^^^^^^^^^ +13 | e: list.nth($xs, 2) == 0.75; + | ^^^^^^^^^^^^^^^^ ' - input.scss 11:6 root stylesheet + input.scss 13:6 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -68,7 +70,7 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -12 | f: type-of(nth($xs, 2)); - | ^^^^^^^^^^^ +14 | f: meta.type-of(list.nth($xs, 2)); + | ^^^^^^^^^^^^^^^^ ' - input.scss 12:14 root stylesheet + input.scss 14:19 root stylesheet diff --git a/spec/libsass/list-evaluation.hrx b/spec/libsass/list-evaluation.hrx index 2792a41d1..fa96c0472 100644 --- a/spec/libsass/list-evaluation.hrx +++ b/spec/libsass/list-evaluation.hrx @@ -1,10 +1,12 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; div { $things: red 2/3 blue; content: $things; - content: nth($things, 2); - content: type-of(nth($things, 2)); - content: type-of(nth($things, 3)); + content: list.nth($things, 2); + content: meta.type-of(list.nth($things, 2)); + content: meta.type-of(list.nth($things, 3)); /**** #{2+2} ****/ content: (1 / 2 3 / 4) + (5/6 7/8); content: (1/2 3/4), (5/6 7/8); @@ -46,10 +48,10 @@ Recommendation: math.div(2, 3) More info and automated migrator: https://sass-lang.com/d/slash-div , -4 | content: nth($things, 2); - | ^^^^^^^^^^^^^^^ +6 | content: list.nth($things, 2); + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 4:12 root stylesheet + input.scss 6:12 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -58,10 +60,10 @@ Recommendation: math.div(2, 3) More info and automated migrator: https://sass-lang.com/d/slash-div , -5 | content: type-of(nth($things, 2)); - | ^^^^^^^^^^^^^^^ +7 | content: meta.type-of(list.nth($things, 2)); + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 5:20 root stylesheet + input.scss 7:25 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -70,10 +72,10 @@ Recommendation: math.div(3, 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -11 | @each $x in 1 2 3/4 { +13 | @each $x in 1 2 3/4 { | ^^^^^^^ ' - input.scss 11:15 root stylesheet + input.scss 13:15 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -82,10 +84,10 @@ Recommendation: math.div(1 + 2, 3) or calc((1 + 2) / 3) More info and automated migrator: https://sass-lang.com/d/slash-div , -17 | stuff: ((1 + 2)/3/4); +19 | stuff: ((1 + 2)/3/4); | ^^^^^^^^^ ' - input.scss 17:11 root stylesheet + input.scss 19:11 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -94,7 +96,7 @@ Recommendation: math.div(math.div(1 + 2, 3), 4) or calc((1 + 2) / 3 / 4) More info and automated migrator: https://sass-lang.com/d/slash-div , -17 | stuff: ((1 + 2)/3/4); +19 | stuff: ((1 + 2)/3/4); | ^^^^^^^^^^^ ' - input.scss 17:11 root stylesheet + input.scss 19:11 root stylesheet diff --git a/spec/libsass/lists.hrx b/spec/libsass/lists.hrx index e46466a8a..e8f43d74f 100644 --- a/spec/libsass/lists.hrx +++ b/spec/libsass/lists.hrx @@ -1,27 +1,29 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; div { - $list: append(1/2 3, 4); + $list: list.append(1/2 3, 4); content: (1 2 3) == (1, 2, 3); content: (1 2 3) == (1 2 3); content: var $list; content: lit (1/2 3 4); content: (1/2 3 4) == $list; - a: length((1/2 3 4)), length($list); - b: nth((1/2 3 4), 1), nth($list, 1); + a: list.length((1/2 3 4)), list.length($list); + b: list.nth((1/2 3 4), 1), list.nth($list, 1); content: (1/2 3 4) == (1/2 3 4); /***/ - content: length($list); - content: type-of(nth($list, 1)); - content: nth($list, 1); - content: nth(1/2 3 4, 1); + content: list.length($list); + content: meta.type-of(list.nth($list, 1)); + content: list.nth($list, 1); + content: list.nth(1/2 3 4, 1); $a: 1 2 3; $b: (1 2 3); content: $a == $b; content: 1 2 () 3; color: red == #ff0000; $color-list : fudge red blue; - color: nth($color-list, 2) == #ff0000; - color: nth($color-list, 2) == red; + color: list.nth($color-list, 2) == #ff0000; + color: list.nth($color-list, 2) == red; } <===> output.css div { @@ -52,11 +54,11 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div - , -9 | b: nth((1/2 3 4), 1), nth($list, 1); - | ^^^^^^^^^^^^^^^^^ - ' - input.scss 9:6 root stylesheet + , +11 | b: list.nth((1/2 3 4), 1), list.nth($list, 1); + | ^^^^^^^^^^^^^^^^^^^^^^ + ' + input.scss 11:6 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -64,11 +66,11 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div - , -9 | b: nth((1/2 3 4), 1), nth($list, 1); - | ^^^^^^^^^^^^^ - ' - input.scss 9:25 root stylesheet + , +11 | b: list.nth((1/2 3 4), 1), list.nth($list, 1); + | ^^^^^^^^^^^^^^^^^^ + ' + input.scss 11:30 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -77,10 +79,10 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -13 | content: type-of(nth($list, 1)); - | ^^^^^^^^^^^^^ +15 | content: meta.type-of(list.nth($list, 1)); + | ^^^^^^^^^^^^^^^^^^ ' - input.scss 13:20 root stylesheet + input.scss 15:25 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -89,10 +91,10 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -14 | content: nth($list, 1); - | ^^^^^^^^^^^^^ +16 | content: list.nth($list, 1); + | ^^^^^^^^^^^^^^^^^^ ' - input.scss 14:12 root stylesheet + input.scss 16:12 root stylesheet DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0. @@ -101,7 +103,7 @@ Recommendation: math.div(1, 2) More info and automated migrator: https://sass-lang.com/d/slash-div , -15 | content: nth(1/2 3 4, 1); - | ^^^^^^^^^^^^^^^ +17 | content: list.nth(1/2 3 4, 1); + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 15:12 root stylesheet + input.scss 17:12 root stylesheet diff --git a/spec/libsass/mixin.hrx b/spec/libsass/mixin.hrx index 8c109d824..11c438f00 100644 --- a/spec/libsass/mixin.hrx +++ b/spec/libsass/mixin.hrx @@ -1,11 +1,14 @@ <===> input.scss +@use "sass:list"; +@use "sass:math"; +@use "sass:string"; // @charset "UTF-8"; @mixin background-image-retina($file, $type, $width, $height) { - background-image: unquote(image-url("#{$file}.#{$type}", true)); - hey: length(a b c d); - ho: unquote("hello"); - hee: unquote(unit(10fudge)); + background-image: string.unquote(image-url("#{$file}.#{$type}", true)); + hey: list.length(a b c d); + ho: string.unquote("hello"); + hee: string.unquote(math.unit(10fudge)); @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { & { @@ -49,7 +52,7 @@ div { @include bar(1); @include bar($x: n1, $y: n2); @include bar($x: n1); - blah: unquote("hello"); + blah: string.unquote("hello"); } <===> output.css div { @@ -99,15 +102,15 @@ rule. To opt into the new behavior, wrap the declaration in `& {}`. More info: https://sass-lang.com/d/mixed-decls , -9 | / @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { -10 | | & { -11 | | background-image: image-url("#{$file}@2x.#{$type}"); -12 | | -webkit-background-size: $width $height; -13 | | } -14 | | } +12 | / @media (-webkit-min-device-pixel-ratio: 2), (-moz-min-device-pixel-ratio: 2) { +13 | | & { +14 | | background-image: image-url("#{$file}@2x.#{$type}"); +15 | | -webkit-background-size: $width $height; +16 | | } +17 | | } | '--- nested rule ... | -22 | fudge: walnut; +25 | fudge: walnut; | ^^^^^^^^^^^^^ declaration ' - input.scss 22:3 root stylesheet + input.scss 25:3 root stylesheet diff --git a/spec/libsass/parent-selector/missing.hrx b/spec/libsass/parent-selector/missing.hrx index 9022c10ac..19051d33c 100644 --- a/spec/libsass/parent-selector/missing.hrx +++ b/spec/libsass/parent-selector/missing.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:map"; $tablet-portrait: 768px; $tablet-landscape: 980px; $desk-normal: 1120px; @@ -26,7 +27,7 @@ $grid-breakpoints-immobile: ( } } -@each $name in map-keys($grid-breakpoints-immobile) { +@each $name in map.keys($grid-breakpoints-immobile) { @include grid-media-query($name, $grid-breakpoints-immobile) { body.immobile & { margin-bottom: 0; @@ -37,9 +38,9 @@ $grid-breakpoints-immobile: ( <===> error Error: Top-level selectors may not contain the parent selector "&". , -30 | body.immobile & { +31 | body.immobile & { | ^ ' - input.scss 30:19 @content - input.scss 22:9 grid-media-query() - input.scss 29:3 root stylesheet + input.scss 31:19 @content + input.scss 23:9 grid-media-query() + input.scss 30:3 root stylesheet diff --git a/spec/libsass/precision/default.hrx b/spec/libsass/precision/default.hrx index 5b782743e..4fb913b8a 100644 --- a/spec/libsass/precision/default.hrx +++ b/spec/libsass/precision/default.hrx @@ -1,9 +1,10 @@ <===> input.scss +@use "sass:math"; test { - foo: 0.4999 round(0.4999); - bar: 0.49999 round(0.49999); - baz: 0.499999 round(0.499999); - baz: 0.49999999999 round(0.49999999999); + foo: 0.4999 math.round(0.4999); + bar: 0.49999 math.round(0.49999); + baz: 0.499999 math.round(0.499999); + baz: 0.49999999999 math.round(0.49999999999); } <===> output.css diff --git a/spec/libsass/precision/higher.hrx b/spec/libsass/precision/higher.hrx index 8eec79dee..37df1f010 100644 --- a/spec/libsass/precision/higher.hrx +++ b/spec/libsass/precision/higher.hrx @@ -3,10 +3,11 @@ :precision: 6 <===> input.scss +@use "sass:math"; test { - foo: 0.4999 round(0.4999); - bar: 0.49999 round(0.49999); - baz: 0.499999 round(0.499999); + foo: 0.4999 math.round(0.4999); + bar: 0.49999 math.round(0.49999); + baz: 0.499999 math.round(0.499999); } <===> output.css test { diff --git a/spec/libsass/precision/lower.hrx b/spec/libsass/precision/lower.hrx index 96fad466d..a5e334afd 100644 --- a/spec/libsass/precision/lower.hrx +++ b/spec/libsass/precision/lower.hrx @@ -3,10 +3,11 @@ :precision: 4 <===> input.scss +@use "sass:math"; test { - foo: 0.4999 round(0.4999); - bar: 0.49999 round(0.49999); - baz: 0.499999 round(0.499999); + foo: 0.4999 math.round(0.4999); + bar: 0.49999 math.round(0.49999); + baz: 0.499999 math.round(0.499999); } <===> output.css test { diff --git a/spec/libsass/selector-functions/selector-length.hrx b/spec/libsass/selector-functions/selector-length.hrx index 715c900a3..230e99b5b 100644 --- a/spec/libsass/selector-functions/selector-length.hrx +++ b/spec/libsass/selector-functions/selector-length.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:list"; foo.bar.baz asd.qwe xyz, second { - length: length(&); - length: length(nth(&, 1)); - length: length(nth(nth(&, 1), 1)); + length: list.length(&); + length: list.length(list.nth(&, 1)); + length: list.length(list.nth(list.nth(&, 1), 1)); } <===> output.css foo.bar.baz asd.qwe xyz, second { diff --git a/spec/libsass/selector-functions/simple-selector.hrx b/spec/libsass/selector-functions/simple-selector.hrx index bf40e8d87..835c09503 100644 --- a/spec/libsass/selector-functions/simple-selector.hrx +++ b/spec/libsass/selector-functions/simple-selector.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:selector"; foo { - test-01: simple-selectors(".foo.bar"); - test-02: simple-selectors(".foo.bar.baz"); + test-01: selector.simple-selectors(".foo.bar"); + test-02: selector.simple-selectors(".foo.bar.baz"); } <===> output.css foo { diff --git a/spec/libsass/selectors/function-argument.hrx b/spec/libsass/selectors/function-argument.hrx index aa40a534f..5ef8d7fb0 100644 --- a/spec/libsass/selectors/function-argument.hrx +++ b/spec/libsass/selectors/function-argument.hrx @@ -1,27 +1,28 @@ <===> input.scss +@use "sass:list"; $Selectors: (); ////////////////////////////// // Add selectors of various depths and makeups ////////////////////////////// .foo { - $Selectors: append($Selectors, &) !global; + $Selectors: list.append($Selectors, &) !global; } .bar a { - $Selectors: append($Selectors, &) !global; + $Selectors: list.append($Selectors, &) !global; } .bar, .baz { - $Selectors: append($Selectors, &) !global; + $Selectors: list.append($Selectors, &) !global; } .qux { &.waldo { .where & { .final { - $Selectors: append($Selectors, &) !global; + $Selectors: list.append($Selectors, &) !global; } } } @@ -31,12 +32,12 @@ $Selectors: (); // Display Results ////////////////////////////// .result { - length: length($Selectors); + length: list.length($Selectors); content: $Selectors; - @for $i from 1 through length($Selectors) { + @for $i from 1 through list.length($Selectors) { index: $i; - length: length(nth($Selectors, $i)); - content: nth($Selectors, $i); + length: list.length(list.nth($Selectors, $i)); + content: list.nth($Selectors, $i); } } <===> output.css diff --git a/spec/libsass/selectors/mixin-argument.hrx b/spec/libsass/selectors/mixin-argument.hrx index 9f1a73ca7..ab85f17c8 100644 --- a/spec/libsass/selectors/mixin-argument.hrx +++ b/spec/libsass/selectors/mixin-argument.hrx @@ -1,13 +1,15 @@ <===> input.scss +@use "sass:list"; +@use "sass:meta"; @mixin selector-info($selector) { - type: type-of($selector); - length: length($selector); + type: meta.type-of($selector); + length: list.length($selector); content: $selector; - @for $i from 1 through length($selector) { + @for $i from 1 through list.length($selector) { index: $i; - length: length(nth($selector, $i)); - type: type-of(nth($selector, $i)); - content: nth($selector, $i); + length: list.length(list.nth($selector, $i)); + type: meta.type-of(list.nth($selector, $i)); + content: list.nth($selector, $i); } } diff --git a/spec/libsass/test.hrx b/spec/libsass/test.hrx index 066e162be..92c50ef91 100644 --- a/spec/libsass/test.hrx +++ b/spec/libsass/test.hrx @@ -1,4 +1,7 @@ <===> input.scss +@use "sass:color"; +@use "sass:list"; +@use "sass:math"; $x: 3; div { @@ -21,13 +24,13 @@ span { a: rgba(100, 20, 0, 1); b: rgba(#abc, 1); c: compact(hello, my, false, name, is, false, aaron, false, false); - d: join(1 2 3, 4 5 6, comma); - e: join(a b c, d e f); - f: change-color(#102030, $blue: 5); - g: change-color(#102030, $red: 120, $blue: 5); + d: list.join(1 2 3, 4 5 6, comma); + e: list.join(a b c, d e f); + f: color.change(#102030, $blue: 5); + g: color.change(#102030, $red: 120, $blue: 5); h: hsl(25, 100%, 80%); - h: change-color(#ffc499, $alpha: 0.8, $lightness: 40%); - h: change-color(hsl(25, 100%, 80%), $alpha: 0.8, $lightness: 40%); + h: color.change(#ffc499, $alpha: 0.8, $lightness: 40%); + h: color.change(hsl(25, 100%, 80%), $alpha: 0.8, $lightness: 40%); i: hsla(25, 100%, 40%, 0.8); foo: url("http://blah/flah/grah"); foo: url(http://foo/bar/buzz.css); @@ -44,11 +47,11 @@ span { div { flug: url(bug.mug); - krug: nth(1 2 3, 2px); - blug: nth(a b c d, 3); - flig: comparable(34, 22px) comparable(1%, 3) comparable(2, 1) comparable(4cm, 1in); - flug: comparable(1px, 2.3in) comparable(1%, 2pt); - flib: comparable(3ex, 2px) comparable(3em, 2cm); + krug: list.nth(1 2 3, 2px); + blug: list.nth(a b c d, 3); + flig: math.compatible(34, 22px) math.compatible(1%, 3) math.compatible(2, 1) math.compatible(4cm, 1in); + flug: math.compatible(1px, 2.3in) math.compatible(1%, 2pt); + flib: math.compatible(3ex, 2px) math.compatible(3em, 2cm); glib: not(fudge) not(false) not(0) not(red); trib: if(red, yellow, not taken); trub: if(not(fudge), not taken, here we are); @@ -157,7 +160,7 @@ To preserve current behavior: calc($n / 1px) More info: https://sass-lang.com/d/function-units , -46 | krug: nth(1 2 3, 2px); - | ^^^^^^^^^^^^^^^ +49 | krug: list.nth(1 2 3, 2px); + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 46:9 root stylesheet + input.scss 49:9 root stylesheet diff --git a/spec/libsass/unary-ops.hrx b/spec/libsass/unary-ops.hrx index 15ecd4eac..3b1dfd88c 100644 --- a/spec/libsass/unary-ops.hrx +++ b/spec/libsass/unary-ops.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $x: 20%; div { @@ -11,7 +12,7 @@ div { g: -hello; h: +hello; i: + hello; - j: type-of(+ hello); + j: meta.type-of(+ hello); } <===> output.css div { diff --git a/spec/libsass/units/feature-test.hrx b/spec/libsass/units/feature-test.hrx index 6dbf81295..ba99f2e14 100644 --- a/spec/libsass/units/feature-test.hrx +++ b/spec/libsass/units/feature-test.hrx @@ -1,5 +1,6 @@ <===> input.scss -@if feature-exists(units-level-3) { +@use "sass:meta"; +@if meta.feature-exists(units-level-3) { div { feature: true; } diff --git a/spec/libsass/units/simple.hrx b/spec/libsass/units/simple.hrx index cebc600dc..7e8e61b44 100644 --- a/spec/libsass/units/simple.hrx +++ b/spec/libsass/units/simple.hrx @@ -1,9 +1,10 @@ <===> input.scss +@use "sass:math"; div { hey: ((5in + 3cm) * 10px * 100pt * 10fu / 2px / 2fu / 3pt); ho: (23in/2fu) > (23cm/2fu); - hoo: unit((23px/2fu/12emu/1.2gnu)); - hee: unit((2in/3cm/4cm)); + hoo: math.unit((23px/2fu/12emu/1.2gnu)); + hee: math.unit((2in/3cm/4cm)); } <===> output.css div { @@ -21,10 +22,10 @@ Recommendation: math.div((5in + 3cm) * 10px * 100pt * 10fu, 2px) or calc((5in + More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | hey: ((5in + 3cm) * 10px * 100pt * 10fu / 2px / 2fu / 3pt); +3 | hey: ((5in + 3cm) * 10px * 100pt * 10fu / 2px / 2fu / 3pt); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:9 root stylesheet + input.scss 3:9 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -33,10 +34,10 @@ Recommendation: math.div(math.div((5in + 3cm) * 10px * 100pt * 10fu, 2px), 2fu) More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | hey: ((5in + 3cm) * 10px * 100pt * 10fu / 2px / 2fu / 3pt); +3 | hey: ((5in + 3cm) * 10px * 100pt * 10fu / 2px / 2fu / 3pt); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:9 root stylesheet + input.scss 3:9 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -45,10 +46,10 @@ Recommendation: math.div(math.div(math.div((5in + 3cm) * 10px * 100pt * 10fu, 2p More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | hey: ((5in + 3cm) * 10px * 100pt * 10fu / 2px / 2fu / 3pt); +3 | hey: ((5in + 3cm) * 10px * 100pt * 10fu / 2px / 2fu / 3pt); | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:9 root stylesheet + input.scss 3:9 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -57,10 +58,10 @@ Recommendation: math.div(23in, 2fu) or calc(23in / 2fu) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | ho: (23in/2fu) > (23cm/2fu); +4 | ho: (23in/2fu) > (23cm/2fu); | ^^^^^^^^ ' - input.scss 3:8 root stylesheet + input.scss 4:8 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -69,10 +70,10 @@ Recommendation: math.div(23cm, 2fu) or calc(23cm / 2fu) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | ho: (23in/2fu) > (23cm/2fu); +4 | ho: (23in/2fu) > (23cm/2fu); | ^^^^^^^^ ' - input.scss 3:21 root stylesheet + input.scss 4:21 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -81,10 +82,10 @@ Recommendation: math.div(23px, 2fu) or calc(23px / 2fu) More info and automated migrator: https://sass-lang.com/d/slash-div , -4 | hoo: unit((23px/2fu/12emu/1.2gnu)); - | ^^^^^^^^ +5 | hoo: math.unit((23px/2fu/12emu/1.2gnu)); + | ^^^^^^^^ ' - input.scss 4:14 root stylesheet + input.scss 5:19 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -93,10 +94,10 @@ Recommendation: math.div(math.div(23px, 2fu), 12emu) or calc(23px / 2fu / 12emu) More info and automated migrator: https://sass-lang.com/d/slash-div , -4 | hoo: unit((23px/2fu/12emu/1.2gnu)); - | ^^^^^^^^^^^^^^ +5 | hoo: math.unit((23px/2fu/12emu/1.2gnu)); + | ^^^^^^^^^^^^^^ ' - input.scss 4:14 root stylesheet + input.scss 5:19 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -105,10 +106,10 @@ Recommendation: math.div(math.div(math.div(23px, 2fu), 12emu), 1.2gnu) or calc(2 More info and automated migrator: https://sass-lang.com/d/slash-div , -4 | hoo: unit((23px/2fu/12emu/1.2gnu)); - | ^^^^^^^^^^^^^^^^^^^^^ +5 | hoo: math.unit((23px/2fu/12emu/1.2gnu)); + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 4:14 root stylesheet + input.scss 5:19 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -117,10 +118,10 @@ Recommendation: math.div(2in, 3cm) or calc(2in / 3cm) More info and automated migrator: https://sass-lang.com/d/slash-div , -5 | hee: unit((2in/3cm/4cm)); - | ^^^^^^^ +6 | hee: math.unit((2in/3cm/4cm)); + | ^^^^^^^ ' - input.scss 5:14 root stylesheet + input.scss 6:19 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -129,7 +130,7 @@ Recommendation: math.div(math.div(2in, 3cm), 4cm) or calc(2in / 3cm / 4cm) More info and automated migrator: https://sass-lang.com/d/slash-div , -5 | hee: unit((2in/3cm/4cm)); - | ^^^^^^^^^^^ +6 | hee: math.unit((2in/3cm/4cm)); + | ^^^^^^^^^^^ ' - input.scss 5:14 root stylesheet + input.scss 6:19 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/at-root.hrx b/spec/libsass/variable-scoping/blead-global/expanding/at-root.hrx index b86887fbd..fb94fe3b6 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/at-root.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/at-root.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -24,13 +25,13 @@ result { root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -50,17 +51,17 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -10 | $local_explicit: outer !global; +11 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 10:3 root stylesheet + input.scss 11:3 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/each.hrx b/spec/libsass/variable-scoping/blead-global/expanding/each.hrx index cfd674c13..a6499b2f1 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/each.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/each.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -21,22 +22,22 @@ $root_explicit: initial !global; } result { - @if variable-exists(outer) { + @if meta.variable-exists(outer) { outer: $outer; } - @if variable-exists(inner) { + @if meta.variable-exists(inner) { inner: $inner; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -56,17 +57,17 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -10 | $local_explicit: outer !global; +11 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 10:3 root stylesheet + input.scss 11:3 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/else.hrx b/spec/libsass/variable-scoping/blead-global/expanding/else.hrx index f47a669f0..eb3e2c1e8 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/else.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/else.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -30,13 +31,13 @@ result { root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -56,17 +57,17 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -13 | $local_explicit: outer !global; +14 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 13:3 root stylesheet + input.scss 14:3 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/elseif.hrx b/spec/libsass/variable-scoping/blead-global/expanding/elseif.hrx index 17360156f..0a241ce8b 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/elseif.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/elseif.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -30,13 +31,13 @@ result { root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -56,17 +57,17 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -13 | $local_explicit: outer !global; +14 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 13:3 root stylesheet + input.scss 14:3 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/for.hrx b/spec/libsass/variable-scoping/blead-global/expanding/for.hrx index fa8f74d2b..58d14e16d 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/for.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/for.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $continue: true; $root_default: initial; $root_implicit: initial; @@ -22,22 +23,22 @@ $root_explicit: initial !global; } result { - @if variable-exists(outer) { + @if meta.variable-exists(outer) { outer: $outer; } - @if variable-exists(inner) { + @if meta.variable-exists(inner) { inner: $inner; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -57,17 +58,17 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -4 | $root_explicit: initial !global; +5 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 4:1 root stylesheet + input.scss 5:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -11 | $local_explicit: outer !global; +12 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 11:3 root stylesheet + input.scss 12:3 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/function.hrx b/spec/libsass/variable-scoping/blead-global/expanding/function.hrx index 27d9215b7..8efe333ca 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/function.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/function.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $continue_inner: true; $continue_outer: true; $root_default: initial; @@ -27,22 +28,22 @@ $root_explicit: initial !global; result { fn: fn(); - @if variable-exists(continue_outer) { + @if meta.variable-exists(continue_outer) { continue_outer: $continue_outer; } - @if variable-exists(continue_inner) { + @if meta.variable-exists(continue_inner) { continue_inner: $continue_inner; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -64,18 +65,18 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -5 | $root_explicit: initial !global; +6 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 5:1 root stylesheet + input.scss 6:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -12 | $local_explicit: outer !global; +13 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 12:3 fn() - input.scss 28:7 root stylesheet + input.scss 13:3 fn() + input.scss 29:7 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/if.hrx b/spec/libsass/variable-scoping/blead-global/expanding/if.hrx index 982e4086c..43a9f54e6 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/if.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/if.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -24,13 +25,13 @@ result { root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -50,17 +51,17 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -10 | $local_explicit: outer !global; +11 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 10:3 root stylesheet + input.scss 11:3 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/mixin.hrx b/spec/libsass/variable-scoping/blead-global/expanding/mixin.hrx index 9bc75c9b1..597c026d9 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/mixin.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/mixin.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -28,13 +29,13 @@ result { root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -54,18 +55,18 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -19 | $local_explicit: outer !global; +20 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 19:3 set-variable-outer() - input.scss 24:1 root stylesheet + input.scss 20:3 set-variable-outer() + input.scss 25:1 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/ruleset.hrx b/spec/libsass/variable-scoping/blead-global/expanding/ruleset.hrx index 93a9e1449..dee6efcf3 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/ruleset.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/ruleset.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -24,13 +25,13 @@ result { root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -50,17 +51,17 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -10 | $local_explicit: outer !global; +11 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 10:3 root stylesheet + input.scss 11:3 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/expanding/while.hrx b/spec/libsass/variable-scoping/blead-global/expanding/while.hrx index 0b46b58c9..96691cb5f 100644 --- a/spec/libsass/variable-scoping/blead-global/expanding/while.hrx +++ b/spec/libsass/variable-scoping/blead-global/expanding/while.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $continue_inner: true; $continue_outer: true; $root_default: initial; @@ -25,22 +26,22 @@ $root_explicit: initial !global; } result { - @if variable-exists(continue_outer) { + @if meta.variable-exists(continue_outer) { continue_outer: $continue_outer; } - @if variable-exists(continue_inner) { + @if meta.variable-exists(continue_inner) { continue_inner: $continue_inner; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -62,17 +63,17 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -5 | $root_explicit: initial !global; +6 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 5:1 root stylesheet + input.scss 6:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -12 | $local_explicit: outer !global; +13 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 12:3 root stylesheet + input.scss 13:3 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/functional/each.hrx b/spec/libsass/variable-scoping/blead-global/functional/each.hrx index 9f6ddbff3..896f58845 100644 --- a/spec/libsass/variable-scoping/blead-global/functional/each.hrx +++ b/spec/libsass/variable-scoping/blead-global/functional/each.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -28,31 +29,31 @@ $root_explicit: initial !global; result { fn: fn(); - @if variable-exists(outer) { + @if meta.variable-exists(outer) { outer: $outer; } - @if variable-exists(inner) { + @if meta.variable-exists(inner) { inner: $inner; } - @if variable-exists(check_implicit) { + @if meta.variable-exists(check_implicit) { check_implicit: $check_implicit; } - @if variable-exists(check_explicit) { + @if meta.variable-exists(check_explicit) { check_explicit: $check_explicit; } - @if variable-exists(check_default) { + @if meta.variable-exists(check_default) { check_default: $check_default; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -75,51 +76,51 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -11 | $local_explicit: outer !global; +12 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 11:5 fn() - input.scss 29:7 root stylesheet + input.scss 12:5 fn() + input.scss 30:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_implicit: null` at the stylesheet root. , -22 | $check_implicit: $root_implicit !global; +23 | $check_implicit: $root_implicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 22:3 fn() - input.scss 29:7 root stylesheet + input.scss 23:3 fn() + input.scss 30:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_explicit: null` at the stylesheet root. , -23 | $check_explicit: $root_explicit !global; +24 | $check_explicit: $root_explicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 23:3 fn() - input.scss 29:7 root stylesheet + input.scss 24:3 fn() + input.scss 30:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_default: null` at the stylesheet root. , -24 | $check_default: $root_default !global; +25 | $check_default: $root_default !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 24:3 fn() - input.scss 29:7 root stylesheet + input.scss 25:3 fn() + input.scss 30:7 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/functional/else.hrx b/spec/libsass/variable-scoping/blead-global/functional/else.hrx index 82a88983e..db098b78d 100644 --- a/spec/libsass/variable-scoping/blead-global/functional/else.hrx +++ b/spec/libsass/variable-scoping/blead-global/functional/else.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -34,31 +35,31 @@ $root_explicit: initial !global; result { fn: fn(); - @if variable-exists(outer) { + @if meta.variable-exists(outer) { outer: $outer; } - @if variable-exists(inner) { + @if meta.variable-exists(inner) { inner: $inner; } - @if variable-exists(check_implicit) { + @if meta.variable-exists(check_implicit) { check_implicit: $check_implicit; } - @if variable-exists(check_explicit) { + @if meta.variable-exists(check_explicit) { check_explicit: $check_explicit; } - @if variable-exists(check_default) { + @if meta.variable-exists(check_default) { check_default: $check_default; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -81,51 +82,51 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -14 | $local_explicit: outer !global; +15 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 14:5 fn() - input.scss 35:7 root stylesheet + input.scss 15:5 fn() + input.scss 36:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_implicit: null` at the stylesheet root. , -28 | $check_implicit: $root_implicit !global; +29 | $check_implicit: $root_implicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 28:3 fn() - input.scss 35:7 root stylesheet + input.scss 29:3 fn() + input.scss 36:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_explicit: null` at the stylesheet root. , -29 | $check_explicit: $root_explicit !global; +30 | $check_explicit: $root_explicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 29:3 fn() - input.scss 35:7 root stylesheet + input.scss 30:3 fn() + input.scss 36:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_default: null` at the stylesheet root. , -30 | $check_default: $root_default !global; +31 | $check_default: $root_default !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 30:3 fn() - input.scss 35:7 root stylesheet + input.scss 31:3 fn() + input.scss 36:7 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/functional/elseif.hrx b/spec/libsass/variable-scoping/blead-global/functional/elseif.hrx index 25148d28e..666b9a479 100644 --- a/spec/libsass/variable-scoping/blead-global/functional/elseif.hrx +++ b/spec/libsass/variable-scoping/blead-global/functional/elseif.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -34,31 +35,31 @@ $root_explicit: initial !global; result { fn: fn(); - @if variable-exists(outer) { + @if meta.variable-exists(outer) { outer: $outer; } - @if variable-exists(inner) { + @if meta.variable-exists(inner) { inner: $inner; } - @if variable-exists(check_implicit) { + @if meta.variable-exists(check_implicit) { check_implicit: $check_implicit; } - @if variable-exists(check_explicit) { + @if meta.variable-exists(check_explicit) { check_explicit: $check_explicit; } - @if variable-exists(check_default) { + @if meta.variable-exists(check_default) { check_default: $check_default; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -81,51 +82,51 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -14 | $local_explicit: outer !global; +15 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 14:5 fn() - input.scss 35:7 root stylesheet + input.scss 15:5 fn() + input.scss 36:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_implicit: null` at the stylesheet root. , -28 | $check_implicit: $root_implicit !global; +29 | $check_implicit: $root_implicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 28:3 fn() - input.scss 35:7 root stylesheet + input.scss 29:3 fn() + input.scss 36:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_explicit: null` at the stylesheet root. , -29 | $check_explicit: $root_explicit !global; +30 | $check_explicit: $root_explicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 29:3 fn() - input.scss 35:7 root stylesheet + input.scss 30:3 fn() + input.scss 36:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_default: null` at the stylesheet root. , -30 | $check_default: $root_default !global; +31 | $check_default: $root_default !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 30:3 fn() - input.scss 35:7 root stylesheet + input.scss 31:3 fn() + input.scss 36:7 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/functional/for.hrx b/spec/libsass/variable-scoping/blead-global/functional/for.hrx index 82eae81a6..f15fdb358 100644 --- a/spec/libsass/variable-scoping/blead-global/functional/for.hrx +++ b/spec/libsass/variable-scoping/blead-global/functional/for.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -28,31 +29,31 @@ $root_explicit: initial !global; result { fn: fn(); - @if variable-exists(outer) { + @if meta.variable-exists(outer) { outer: $outer; } - @if variable-exists(inner) { + @if meta.variable-exists(inner) { inner: $inner; } - @if variable-exists(check_implicit) { + @if meta.variable-exists(check_implicit) { check_implicit: $check_implicit; } - @if variable-exists(check_explicit) { + @if meta.variable-exists(check_explicit) { check_explicit: $check_explicit; } - @if variable-exists(check_default) { + @if meta.variable-exists(check_default) { check_default: $check_default; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -75,51 +76,51 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -11 | $local_explicit: outer !global; +12 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 11:5 fn() - input.scss 29:7 root stylesheet + input.scss 12:5 fn() + input.scss 30:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_implicit: null` at the stylesheet root. , -22 | $check_implicit: $root_implicit !global; +23 | $check_implicit: $root_implicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 22:3 fn() - input.scss 29:7 root stylesheet + input.scss 23:3 fn() + input.scss 30:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_explicit: null` at the stylesheet root. , -23 | $check_explicit: $root_explicit !global; +24 | $check_explicit: $root_explicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 23:3 fn() - input.scss 29:7 root stylesheet + input.scss 24:3 fn() + input.scss 30:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_default: null` at the stylesheet root. , -24 | $check_default: $root_default !global; +25 | $check_default: $root_default !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 24:3 fn() - input.scss 29:7 root stylesheet + input.scss 25:3 fn() + input.scss 30:7 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/functional/if.hrx b/spec/libsass/variable-scoping/blead-global/functional/if.hrx index d718766e4..8a8d586a2 100644 --- a/spec/libsass/variable-scoping/blead-global/functional/if.hrx +++ b/spec/libsass/variable-scoping/blead-global/functional/if.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $root_default: initial; $root_implicit: initial; $root_explicit: initial !global; @@ -28,31 +29,31 @@ $root_explicit: initial !global; result { fn: fn(); - @if variable-exists(outer) { + @if meta.variable-exists(outer) { outer: $outer; } - @if variable-exists(inner) { + @if meta.variable-exists(inner) { inner: $inner; } - @if variable-exists(check_implicit) { + @if meta.variable-exists(check_implicit) { check_implicit: $check_implicit; } - @if variable-exists(check_explicit) { + @if meta.variable-exists(check_explicit) { check_explicit: $check_explicit; } - @if variable-exists(check_default) { + @if meta.variable-exists(check_default) { check_default: $check_default; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -75,51 +76,51 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -3 | $root_explicit: initial !global; +4 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:1 root stylesheet + input.scss 4:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -11 | $local_explicit: outer !global; +12 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 11:5 fn() - input.scss 29:7 root stylesheet + input.scss 12:5 fn() + input.scss 30:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_implicit: null` at the stylesheet root. , -22 | $check_implicit: $root_implicit !global; +23 | $check_implicit: $root_implicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 22:3 fn() - input.scss 29:7 root stylesheet + input.scss 23:3 fn() + input.scss 30:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_explicit: null` at the stylesheet root. , -23 | $check_explicit: $root_explicit !global; +24 | $check_explicit: $root_explicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 23:3 fn() - input.scss 29:7 root stylesheet + input.scss 24:3 fn() + input.scss 30:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_default: null` at the stylesheet root. , -24 | $check_default: $root_default !global; +25 | $check_default: $root_default !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 24:3 fn() - input.scss 29:7 root stylesheet + input.scss 25:3 fn() + input.scss 30:7 root stylesheet diff --git a/spec/libsass/variable-scoping/blead-global/functional/while.hrx b/spec/libsass/variable-scoping/blead-global/functional/while.hrx index 948f75d0f..a4728f1ea 100644 --- a/spec/libsass/variable-scoping/blead-global/functional/while.hrx +++ b/spec/libsass/variable-scoping/blead-global/functional/while.hrx @@ -1,4 +1,5 @@ <===> input.scss +@use "sass:meta"; $continue_inner: true; $continue_outer: true; $root_default: initial; @@ -32,31 +33,31 @@ $root_explicit: initial !global; result { fn: fn(); - @if variable-exists(continue_outer) { + @if meta.variable-exists(continue_outer) { continue_outer: $continue_outer; } - @if variable-exists(continue_inner) { + @if meta.variable-exists(continue_inner) { continue_inner: $continue_inner; } - @if variable-exists(check_implicit) { + @if meta.variable-exists(check_implicit) { check_implicit: $check_implicit; } - @if variable-exists(check_explicit) { + @if meta.variable-exists(check_explicit) { check_explicit: $check_explicit; } - @if variable-exists(check_default) { + @if meta.variable-exists(check_default) { check_default: $check_default; } root_default: $root_default; root_implicit: $root_implicit; root_explicit: $root_explicit; - @if variable-exists(local_default) { + @if meta.variable-exists(local_default) { local_default: $local_default; } - @if variable-exists(local_implicit) { + @if meta.variable-exists(local_implicit) { local_implicit: $local_implicit; } - @if variable-exists(local_explicit) { + @if meta.variable-exists(local_explicit) { local_explicit: $local_explicit; } } @@ -81,51 +82,51 @@ Since this assignment is at the root of the stylesheet, the !global flag is unnecessary and can safely be removed. , -5 | $root_explicit: initial !global; +6 | $root_explicit: initial !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 5:1 root stylesheet + input.scss 6:1 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$local_explicit: null` at the stylesheet root. , -13 | $local_explicit: outer !global; +14 | $local_explicit: outer !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 13:5 fn() - input.scss 33:7 root stylesheet + input.scss 14:5 fn() + input.scss 34:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_implicit: null` at the stylesheet root. , -26 | $check_implicit: $root_implicit !global; +27 | $check_implicit: $root_implicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 26:3 fn() - input.scss 33:7 root stylesheet + input.scss 27:3 fn() + input.scss 34:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_explicit: null` at the stylesheet root. , -27 | $check_explicit: $root_explicit !global; +28 | $check_explicit: $root_explicit !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 27:3 fn() - input.scss 33:7 root stylesheet + input.scss 28:3 fn() + input.scss 34:7 root stylesheet DEPRECATION WARNING: As of Dart Sass 2.0.0, !global assignments won't be able to declare new variables. Recommendation: add `$check_default: null` at the stylesheet root. , -28 | $check_default: $root_default !global; +29 | $check_default: $root_default !global; | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 28:3 fn() - input.scss 33:7 root stylesheet + input.scss 29:3 fn() + input.scss 34:7 root stylesheet diff --git a/spec/libsass/variable-scoping/feature-test.hrx b/spec/libsass/variable-scoping/feature-test.hrx index b387b1af3..47881aebe 100644 --- a/spec/libsass/variable-scoping/feature-test.hrx +++ b/spec/libsass/variable-scoping/feature-test.hrx @@ -1,5 +1,6 @@ <===> input.scss -@if feature-exists(global-variable-shadowing) { +@use "sass:meta"; +@if meta.feature-exists(global-variable-shadowing) { div { feature: true; } diff --git a/spec/non_conformant/mixin/content/arguments/receiving.hrx b/spec/non_conformant/mixin/content/arguments/receiving.hrx index 48897de76..b617026b1 100644 --- a/spec/non_conformant/mixin/content/arguments/receiving.hrx +++ b/spec/non_conformant/mixin/content/arguments/receiving.hrx @@ -46,7 +46,7 @@ with-splat { @include mixin using ($args...) { positional: meta.inspect($args); - keywords: meta.inspect(keywords($args)); + keywords: meta.inspect(meta.keywords($args)); } } @@ -57,7 +57,7 @@ with-splat { @include mixin using ($args...) { positional: meta.inspect($args); - keywords: meta.inspect(keywords($args)); + keywords: meta.inspect(meta.keywords($args)); } } @@ -68,7 +68,7 @@ with-splat { @include mixin using ($args...) { positional: meta.inspect($args); - keywords: meta.inspect(keywords($args)); + keywords: meta.inspect(meta.keywords($args)); } } @@ -79,7 +79,7 @@ with-splat { @include mixin using ($args...) { positional: meta.inspect($args); - keywords: meta.inspect(keywords($args)); + keywords: meta.inspect(meta.keywords($args)); } } } diff --git a/spec/values/calculation/calc/parens.hrx b/spec/values/calculation/calc/parens.hrx index cebd45919..92db3f28a 100644 --- a/spec/values/calculation/calc/parens.hrx +++ b/spec/values/calculation/calc/parens.hrx @@ -50,7 +50,8 @@ a { <===> ================================================================================ <===> variable/input.scss -$c: unquote("1 + 2"); +@use "sass:string"; +$c: string.unquote("1 + 2"); a {b: calc(($c))} <===> variable/output.css diff --git a/spec/values/calculation/calc/space.hrx b/spec/values/calculation/calc/space.hrx index 714a77558..78c9d6a15 100644 --- a/spec/values/calculation/calc/space.hrx +++ b/spec/values/calculation/calc/space.hrx @@ -29,7 +29,8 @@ a { <===> ================================================================================ <===> variable/before/input.scss -$c: unquote("1 +"); +@use "sass:string"; +$c: string.unquote("1 +"); a {b: calc($c 2)} <===> variable/before/output.css @@ -40,7 +41,8 @@ a { <===> ================================================================================ <===> variable/after/input.scss -$c: unquote("+ 2"); +@use "sass:string"; +$c: string.unquote("+ 2"); a {b: calc(1 $c)} <===> variable/after/output.css @@ -51,7 +53,8 @@ a { <===> ================================================================================ <===> variable/between/input.scss -$c: unquote("+ 2 +"); +@use "sass:string"; +$c: string.unquote("+ 2 +"); a {b: calc(1 $c 3)} <===> variable/between/output.css diff --git a/spec/values/maps/invalid-key.hrx b/spec/values/maps/invalid-key.hrx index 65467733e..945fe17a9 100644 --- a/spec/values/maps/invalid-key.hrx +++ b/spec/values/maps/invalid-key.hrx @@ -1,10 +1,12 @@ <===> input.scss -$id: inspect((a,b:c)...) +@use "sass:meta"; + +$id: meta.inspect((a,b:c)...) <===> error Error: expected ")". , -1 | $id: inspect((a,b:c)...) - | ^ +3 | $id: meta.inspect((a,b:c)...) + | ^ ' - input.scss 1:18 root stylesheet + input.scss 3:23 root stylesheet diff --git a/spec/values/numbers/modulo/zeros.hrx b/spec/values/numbers/modulo/zeros.hrx index 2a81b0915..9ebf56ffe 100644 --- a/spec/values/numbers/modulo/zeros.hrx +++ b/spec/values/numbers/modulo/zeros.hrx @@ -46,8 +46,10 @@ a { <===> ================================================================================ <===> zero_divider/input.scss +@use "sass:meta"; + a { - b: inspect(1 % 0); + b: meta.inspect(1 % 0); } <===> zero_divider/output.css diff --git a/spec/values/numbers/units/multiple/divide_by_multiple_denominators.hrx b/spec/values/numbers/units/multiple/divide_by_multiple_denominators.hrx index 207b31489..64e9092ae 100644 --- a/spec/values/numbers/units/multiple/divide_by_multiple_denominators.hrx +++ b/spec/values/numbers/units/multiple/divide_by_multiple_denominators.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; a { - b: inspect(1 / (1 / 1px / 1rad)); + b: meta.inspect(1 / (1 / 1px / 1rad)); } <===> output.css @@ -16,10 +17,10 @@ Recommendation: math.div(1, 1px) or calc(1 / 1px) More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | b: inspect(1 / (1 / 1px / 1rad)); - | ^^^^^^^ +3 | b: meta.inspect(1 / (1 / 1px / 1rad)); + | ^^^^^^^ ' - input.scss 2:19 root stylesheet + input.scss 3:24 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -28,10 +29,10 @@ Recommendation: math.div(math.div(1, 1px), 1rad) or calc(1 / 1px / 1rad) More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | b: inspect(1 / (1 / 1px / 1rad)); - | ^^^^^^^^^^^^^^ +3 | b: meta.inspect(1 / (1 / 1px / 1rad)); + | ^^^^^^^^^^^^^^ ' - input.scss 2:19 root stylesheet + input.scss 3:24 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -40,7 +41,7 @@ Recommendation: math.div(1, 1 / 1px / 1rad) or calc(1 / (1 / 1px / 1rad)) More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | b: inspect(1 / (1 / 1px / 1rad)); - | ^^^^^^^^^^^^^^^^^^^^ +3 | b: meta.inspect(1 / (1 / 1px / 1rad)); + | ^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:14 root stylesheet + input.scss 3:19 root stylesheet diff --git a/spec/values/numbers/units/multiple/divide_by_multiple_numerators.hrx b/spec/values/numbers/units/multiple/divide_by_multiple_numerators.hrx index ccbc7883a..56889cffa 100644 --- a/spec/values/numbers/units/multiple/divide_by_multiple_numerators.hrx +++ b/spec/values/numbers/units/multiple/divide_by_multiple_numerators.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; a { - b: inspect(1 / (1px * 1rad)); + b: meta.inspect(1 / (1px * 1rad)); } <===> output.css @@ -16,7 +17,7 @@ Recommendation: math.div(1, 1px * 1rad) or calc(1 / (1px * 1rad)) More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | b: inspect(1 / (1px * 1rad)); - | ^^^^^^^^^^^^^^^^ +3 | b: meta.inspect(1 / (1px * 1rad)); + | ^^^^^^^^^^^^^^^^ ' - input.scss 2:14 root stylesheet + input.scss 3:19 root stylesheet diff --git a/spec/values/numbers/units/multiple/division_cancels_both.hrx b/spec/values/numbers/units/multiple/division_cancels_both.hrx index 463b74501..56c4394dc 100644 --- a/spec/values/numbers/units/multiple/division_cancels_both.hrx +++ b/spec/values/numbers/units/multiple/division_cancels_both.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number / (1px / 1ms)); + b: meta.inspect($number / (1px / 1ms)); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,10 +30,10 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -41,10 +42,10 @@ Recommendation: math.div(1px, 1ms) or calc(1px / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / (1px / 1ms)); - | ^^^^^^^^^ +4 | b: meta.inspect($number / (1px / 1ms)); + | ^^^^^^^^^ ' - input.scss 3:25 root stylesheet + input.scss 4:30 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -53,7 +54,7 @@ Recommendation: math.div($number, 1px / 1ms) or calc($number / (1px / 1ms)) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / (1px / 1ms)); - | ^^^^^^^^^^^^^^^^^^^^^ +4 | b: meta.inspect($number / (1px / 1ms)); + | ^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:14 root stylesheet + input.scss 4:19 root stylesheet diff --git a/spec/values/numbers/units/multiple/division_cancels_compatible.hrx b/spec/values/numbers/units/multiple/division_cancels_compatible.hrx index 4b3b6bc5f..bd125d55d 100644 --- a/spec/values/numbers/units/multiple/division_cancels_compatible.hrx +++ b/spec/values/numbers/units/multiple/division_cancels_compatible.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number / 1in); + b: meta.inspect($number / 1in); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,10 +30,10 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -41,7 +42,7 @@ Recommendation: math.div($number, 1in) or calc($number / 1in) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / 1in); - | ^^^^^^^^^^^^^ +4 | b: meta.inspect($number / 1in); + | ^^^^^^^^^^^^^ ' - input.scss 3:14 root stylesheet + input.scss 4:19 root stylesheet diff --git a/spec/values/numbers/units/multiple/division_cancels_denominator.hrx b/spec/values/numbers/units/multiple/division_cancels_denominator.hrx index ff5bb5d28..131ca9e7f 100644 --- a/spec/values/numbers/units/multiple/division_cancels_denominator.hrx +++ b/spec/values/numbers/units/multiple/division_cancels_denominator.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number / (1 / 1ms)); + b: meta.inspect($number / (1 / 1ms)); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,10 +30,10 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -41,10 +42,10 @@ Recommendation: math.div(1, 1ms) or calc(1 / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / (1 / 1ms)); - | ^^^^^^^ +4 | b: meta.inspect($number / (1 / 1ms)); + | ^^^^^^^ ' - input.scss 3:25 root stylesheet + input.scss 4:30 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -53,7 +54,7 @@ Recommendation: math.div($number, 1 / 1ms) or calc($number / (1 / 1ms)) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / (1 / 1ms)); - | ^^^^^^^^^^^^^^^^^^^ +4 | b: meta.inspect($number / (1 / 1ms)); + | ^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:14 root stylesheet + input.scss 4:19 root stylesheet diff --git a/spec/values/numbers/units/multiple/division_cancels_denominator_twice.hrx b/spec/values/numbers/units/multiple/division_cancels_denominator_twice.hrx index 9b201fc6a..9d530d07a 100644 --- a/spec/values/numbers/units/multiple/division_cancels_denominator_twice.hrx +++ b/spec/values/numbers/units/multiple/division_cancels_denominator_twice.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number / (1 / 1ms / 1Hz)); + b: meta.inspect($number / (1 / 1ms / 1Hz)); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,10 +30,10 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -41,10 +42,10 @@ Recommendation: math.div(1, 1ms) or calc(1 / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / (1 / 1ms / 1Hz)); - | ^^^^^^^ +4 | b: meta.inspect($number / (1 / 1ms / 1Hz)); + | ^^^^^^^ ' - input.scss 3:25 root stylesheet + input.scss 4:30 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -53,10 +54,10 @@ Recommendation: math.div(math.div(1, 1ms), 1Hz) or calc(1 / 1ms / 1Hz) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / (1 / 1ms / 1Hz)); - | ^^^^^^^^^^^^^ +4 | b: meta.inspect($number / (1 / 1ms / 1Hz)); + | ^^^^^^^^^^^^^ ' - input.scss 3:25 root stylesheet + input.scss 4:30 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -65,7 +66,7 @@ Recommendation: math.div($number, 1 / 1ms / 1Hz) or calc($number / (1 / 1ms / 1H More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / (1 / 1ms / 1Hz)); - | ^^^^^^^^^^^^^^^^^^^^^^^^^ +4 | b: meta.inspect($number / (1 / 1ms / 1Hz)); + | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:14 root stylesheet + input.scss 4:19 root stylesheet diff --git a/spec/values/numbers/units/multiple/division_cancels_numerator.hrx b/spec/values/numbers/units/multiple/division_cancels_numerator.hrx index b35ffcf2d..6188796dd 100644 --- a/spec/values/numbers/units/multiple/division_cancels_numerator.hrx +++ b/spec/values/numbers/units/multiple/division_cancels_numerator.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number / 1px); + b: meta.inspect($number / 1px); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,10 +30,10 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -41,7 +42,7 @@ Recommendation: math.div($number, 1px) or calc($number / 1px) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / 1px); - | ^^^^^^^^^^^^^ +4 | b: meta.inspect($number / 1px); + | ^^^^^^^^^^^^^ ' - input.scss 3:14 root stylesheet + input.scss 4:19 root stylesheet diff --git a/spec/values/numbers/units/multiple/division_cancels_numerator_twice.hrx b/spec/values/numbers/units/multiple/division_cancels_numerator_twice.hrx index ec7d700e9..5629bc220 100644 --- a/spec/values/numbers/units/multiple/division_cancels_numerator_twice.hrx +++ b/spec/values/numbers/units/multiple/division_cancels_numerator_twice.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number / (1px * 1rad)); + b: meta.inspect($number / (1px * 1rad)); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,10 +30,10 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -41,7 +42,7 @@ Recommendation: math.div($number, 1px * 1rad) or calc($number / (1px * 1rad)) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number / (1px * 1rad)); - | ^^^^^^^^^^^^^^^^^^^^^^ +4 | b: meta.inspect($number / (1px * 1rad)); + | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 3:14 root stylesheet + input.scss 4:19 root stylesheet diff --git a/spec/values/numbers/units/multiple/division_cancels_unknown.hrx b/spec/values/numbers/units/multiple/division_cancels_unknown.hrx index 910a8baf1..c61ac5378 100644 --- a/spec/values/numbers/units/multiple/division_cancels_unknown.hrx +++ b/spec/values/numbers/units/multiple/division_cancels_unknown.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:meta"; // Units cancel even if they're totally unknown to Sass. $number: 1foo * 1bar / 1baz / 1qux; a { - b: inspect($number / 1foo); + b: meta.inspect($number / 1foo); } <===> output.css @@ -18,10 +19,10 @@ Recommendation: math.div(1foo * 1bar, 1baz) or calc(1foo * 1bar / 1baz) More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | $number: 1foo * 1bar / 1baz / 1qux; +3 | $number: 1foo * 1bar / 1baz / 1qux; | ^^^^^^^^^^^^^^^^^^ ' - input.scss 2:10 root stylesheet + input.scss 3:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -30,10 +31,10 @@ Recommendation: math.div(math.div(1foo * 1bar, 1baz), 1qux) or calc(1foo * 1bar More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | $number: 1foo * 1bar / 1baz / 1qux; +3 | $number: 1foo * 1bar / 1baz / 1qux; | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:10 root stylesheet + input.scss 3:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -42,7 +43,7 @@ Recommendation: math.div($number, 1foo) or calc($number / 1foo) More info and automated migrator: https://sass-lang.com/d/slash-div , -4 | b: inspect($number / 1foo); - | ^^^^^^^^^^^^^^ +5 | b: meta.inspect($number / 1foo); + | ^^^^^^^^^^^^^^ ' - input.scss 4:14 root stylesheet + input.scss 5:19 root stylesheet diff --git a/spec/values/numbers/units/multiple/multiple_denominators.hrx b/spec/values/numbers/units/multiple/multiple_denominators.hrx index d0e476be6..e60276ed2 100644 --- a/spec/values/numbers/units/multiple/multiple_denominators.hrx +++ b/spec/values/numbers/units/multiple/multiple_denominators.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; a { - b: inspect((1 / 1px / 1rad)); + b: meta.inspect((1 / 1px / 1rad)); } <===> output.css @@ -16,10 +17,10 @@ Recommendation: math.div(1, 1px) or calc(1 / 1px) More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | b: inspect((1 / 1px / 1rad)); - | ^^^^^^^ +3 | b: meta.inspect((1 / 1px / 1rad)); + | ^^^^^^^ ' - input.scss 2:15 root stylesheet + input.scss 3:20 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -28,7 +29,7 @@ Recommendation: math.div(math.div(1, 1px), 1rad) or calc(1 / 1px / 1rad) More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | b: inspect((1 / 1px / 1rad)); - | ^^^^^^^^^^^^^^ +3 | b: meta.inspect((1 / 1px / 1rad)); + | ^^^^^^^^^^^^^^ ' - input.scss 2:15 root stylesheet + input.scss 3:20 root stylesheet diff --git a/spec/values/numbers/units/multiple/multiple_numerators.hrx b/spec/values/numbers/units/multiple/multiple_numerators.hrx index 125233ce5..94dd1f004 100644 --- a/spec/values/numbers/units/multiple/multiple_numerators.hrx +++ b/spec/values/numbers/units/multiple/multiple_numerators.hrx @@ -1,6 +1,7 @@ <===> input.scss +@use "sass:meta"; a { - b: inspect(1px * 1rad); + b: meta.inspect(1px * 1rad); } <===> output.css diff --git a/spec/values/numbers/units/multiple/multiplication_cancels_both.hrx b/spec/values/numbers/units/multiple/multiplication_cancels_both.hrx index 30ee9a9dd..9b670cd49 100644 --- a/spec/values/numbers/units/multiple/multiplication_cancels_both.hrx +++ b/spec/values/numbers/units/multiple/multiplication_cancels_both.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number * (1ms / 1px)); + b: meta.inspect($number * (1ms / 1px)); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,10 +30,10 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -41,7 +42,7 @@ Recommendation: math.div(1ms, 1px) or calc(1ms / 1px) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number * (1ms / 1px)); - | ^^^^^^^^^ +4 | b: meta.inspect($number * (1ms / 1px)); + | ^^^^^^^^^ ' - input.scss 3:25 root stylesheet + input.scss 4:30 root stylesheet diff --git a/spec/values/numbers/units/multiple/multiplication_cancels_compatible.hrx b/spec/values/numbers/units/multiple/multiplication_cancels_compatible.hrx index 38266e904..e0bb186ab 100644 --- a/spec/values/numbers/units/multiple/multiplication_cancels_compatible.hrx +++ b/spec/values/numbers/units/multiple/multiplication_cancels_compatible.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number * 1s); + b: meta.inspect($number * 1s); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,7 +30,7 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet diff --git a/spec/values/numbers/units/multiple/multiplication_cancels_denominator.hrx b/spec/values/numbers/units/multiple/multiplication_cancels_denominator.hrx index e075e321f..16a8791a8 100644 --- a/spec/values/numbers/units/multiple/multiplication_cancels_denominator.hrx +++ b/spec/values/numbers/units/multiple/multiplication_cancels_denominator.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number * 1ms); + b: meta.inspect($number * 1ms); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,7 +30,7 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet diff --git a/spec/values/numbers/units/multiple/multiplication_cancels_denominator_twice.hrx b/spec/values/numbers/units/multiple/multiplication_cancels_denominator_twice.hrx index 1c471b9bb..af9cfcc4e 100644 --- a/spec/values/numbers/units/multiple/multiplication_cancels_denominator_twice.hrx +++ b/spec/values/numbers/units/multiple/multiplication_cancels_denominator_twice.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number * (1ms * 1Hz)); + b: meta.inspect($number * (1ms * 1Hz)); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,7 +30,7 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet diff --git a/spec/values/numbers/units/multiple/multiplication_cancels_numerator.hrx b/spec/values/numbers/units/multiple/multiplication_cancels_numerator.hrx index ccf7dea84..620adf4ab 100644 --- a/spec/values/numbers/units/multiple/multiplication_cancels_numerator.hrx +++ b/spec/values/numbers/units/multiple/multiplication_cancels_numerator.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number * (1 / 1px)); + b: meta.inspect($number * (1 / 1px)); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,10 +30,10 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -41,7 +42,7 @@ Recommendation: math.div(1, 1px) or calc(1 / 1px) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number * (1 / 1px)); - | ^^^^^^^ +4 | b: meta.inspect($number * (1 / 1px)); + | ^^^^^^^ ' - input.scss 3:25 root stylesheet + input.scss 4:30 root stylesheet diff --git a/spec/values/numbers/units/multiple/multiplication_cancels_numerator_twice.hrx b/spec/values/numbers/units/multiple/multiplication_cancels_numerator_twice.hrx index 78fc1da7f..92d4396a3 100644 --- a/spec/values/numbers/units/multiple/multiplication_cancels_numerator_twice.hrx +++ b/spec/values/numbers/units/multiple/multiplication_cancels_numerator_twice.hrx @@ -1,7 +1,8 @@ <===> input.scss +@use "sass:meta"; $number: 1px * 1rad / 1ms / 1Hz; a { - b: inspect($number * (1 / 1px / 1rad)); + b: meta.inspect($number * (1 / 1px / 1rad)); } <===> output.css @@ -17,10 +18,10 @@ Recommendation: math.div(1px * 1rad, 1ms) or calc(1px * 1rad / 1ms) More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -29,10 +30,10 @@ Recommendation: math.div(math.div(1px * 1rad, 1ms), 1Hz) or calc(1px * 1rad / 1m More info and automated migrator: https://sass-lang.com/d/slash-div , -1 | $number: 1px * 1rad / 1ms / 1Hz; +2 | $number: 1px * 1rad / 1ms / 1Hz; | ^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 1:10 root stylesheet + input.scss 2:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -41,10 +42,10 @@ Recommendation: math.div(1, 1px) or calc(1 / 1px) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number * (1 / 1px / 1rad)); - | ^^^^^^^ +4 | b: meta.inspect($number * (1 / 1px / 1rad)); + | ^^^^^^^ ' - input.scss 3:25 root stylesheet + input.scss 4:30 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -53,7 +54,7 @@ Recommendation: math.div(math.div(1, 1px), 1rad) or calc(1 / 1px / 1rad) More info and automated migrator: https://sass-lang.com/d/slash-div , -3 | b: inspect($number * (1 / 1px / 1rad)); - | ^^^^^^^^^^^^^^ +4 | b: meta.inspect($number * (1 / 1px / 1rad)); + | ^^^^^^^^^^^^^^ ' - input.scss 3:25 root stylesheet + input.scss 4:30 root stylesheet diff --git a/spec/values/numbers/units/multiple/multiplication_cancels_unknown.hrx b/spec/values/numbers/units/multiple/multiplication_cancels_unknown.hrx index ab2af839f..9a15e8a77 100644 --- a/spec/values/numbers/units/multiple/multiplication_cancels_unknown.hrx +++ b/spec/values/numbers/units/multiple/multiplication_cancels_unknown.hrx @@ -1,8 +1,9 @@ <===> input.scss +@use "sass:meta"; // Units cancel even if they're totally unknown to Sass. $number: 1foo * 1bar / 1baz / 1qux; a { - b: inspect($number * 1baz); + b: meta.inspect($number * 1baz); } <===> output.css @@ -18,10 +19,10 @@ Recommendation: math.div(1foo * 1bar, 1baz) or calc(1foo * 1bar / 1baz) More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | $number: 1foo * 1bar / 1baz / 1qux; +3 | $number: 1foo * 1bar / 1baz / 1qux; | ^^^^^^^^^^^^^^^^^^ ' - input.scss 2:10 root stylesheet + input.scss 3:10 root stylesheet DEPRECATION WARNING: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0. @@ -30,7 +31,7 @@ Recommendation: math.div(math.div(1foo * 1bar, 1baz), 1qux) or calc(1foo * 1bar More info and automated migrator: https://sass-lang.com/d/slash-div , -2 | $number: 1foo * 1bar / 1baz / 1qux; +3 | $number: 1foo * 1bar / 1baz / 1qux; | ^^^^^^^^^^^^^^^^^^^^^^^^^ ' - input.scss 2:10 root stylesheet + input.scss 3:10 root stylesheet