From 1b4df88f69e2ca6adc60ea14f38d4f3874b16572 Mon Sep 17 00:00:00 2001 From: yiffyrusdev Date: Fri, 13 Dec 2024 10:35:47 +0500 Subject: [PATCH] tests: use uncompressed. Lets pray that those can be trusted on the edge --- tests/macros.rs | 2 +- .../compilation_with_buildy@bundle.css.snap | 593 ++++++++++++++++++ ...ompilation_with_buildy@bundle.css.snap.new | 7 - ...n_with_buildy@scopes__global_scss.css.snap | 35 +- ...th_buildy@scopes__global_scss.css.snap.new | 7 - ..._buildy@scopes__module_usage_sass.css.snap | 114 +++- ..._buildy@scopes__module_usage_scss.css.snap | 114 +++- ...y@scopes__repeating_selector_sass.css.snap | 30 +- ...y@scopes__repeating_selector_scss.css.snap | 30 +- ...ith_buildy@scopes__sole_code_sass.css.snap | 31 +- ...ith_buildy@scopes__sole_code_scss.css.snap | 31 +- ...buildy@scopes__use_forwarded_sass.css.snap | 114 +++- ...buildy@scopes__use_forwarded_scss.css.snap | 114 +++- 13 files changed, 1189 insertions(+), 33 deletions(-) delete mode 100644 tests/sabry_output_snapshots/compilation_with_buildy@bundle.css.snap.new delete mode 100644 tests/sabry_output_snapshots/compilation_with_buildy@scopes__global_scss.css.snap.new diff --git a/tests/macros.rs b/tests/macros.rs index 30237f0..e3e56e4 100644 --- a/tests/macros.rs +++ b/tests/macros.rs @@ -112,7 +112,7 @@ mod build_tests { let mut config = SabryConfig::require().unwrap(); config.css.bundle = Some("tests/sabry_output/bundle.css".into()); config.css.scopes = Some("tests/sabry_output/scopes".into()); - config.css.minify = true; + config.css.minify = false; config.css.prelude = Some(vec!["tests/assets/prelude.css".into()]); config.sass.prelude = Some(vec![ diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@bundle.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@bundle.css.snap index 0877132..c8a14ae 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@bundle.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@bundle.css.snap @@ -4,4 +4,597 @@ assertion_line: 172 input_file: tests/sabry_output/bundle.css snapshot_kind: text --- +.n5vGKZlIscA58H8d7ZMOhSw.coated { + color: #c6c6c6; + background-color: #0ff; + color: #fff; + background-color: green; +} +.n5vGKZlIscA58H8d7ZMOhSw.coated:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark { + color: #c6c6c6; + background-color: #0ff; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after { + content: "Colored"; + color: red; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw { + color: #c6c6c6; + background-color: #0ff; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after { + content: "Colored"; + color: #00f; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw { + color: #fff; + background-color: green; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw { + color: #c6c6c6; + background-color: #0ff; + display: block; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated { + color: #c6c6c6; + background-color: #0ff; + color: #fff; + background-color: green; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark { + color: #c6c6c6; + background-color: #0ff; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after { + content: "Colored"; + color: red; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA { + color: #c6c6c6; + background-color: #0ff; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after { + content: "Colored"; + color: #00f; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA { + color: #fff; + background-color: green; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA { + color: #c6c6c6; + background-color: #0ff; + display: block; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:hover { + transform: translateX(10%); +} + +.smfXzGrnTs2kl9jPP0nk6w.fuzz { + background-color: red; + display: block; +} + +.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark { + background-color: #000; + color: #fff; +} + +.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w { + text-transform: uppercase; +} + +.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w img.smfXzGrnTs2kl9jPP0nk6w { + position: absolute; + top: 0; + left: 10rem; +} + +.smfXzGrnTs2kl9jPP0nk6w.fuzz span.smfXzGrnTs2kl9jPP0nk6w { + position: relative; + display: grid; + grid-template-areas: "a b c" + "d e f" + "x x x"; + display: block; +} + +.FT5yVVwswyLvNU3dIk0qw.fuzz { + background-color: red; + display: block; +} + +.FT5yVVwswyLvNU3dIk0qw.fuzz-dark { + background-color: #000; + color: #fff; +} + +.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw { + text-transform: uppercase; +} + +.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw img.FT5yVVwswyLvNU3dIk0qw { + position: absolute; + top: 0; + left: 10rem; +} + +.FT5yVVwswyLvNU3dIk0qw.fuzz span.FT5yVVwswyLvNU3dIk0qw { + position: relative; + display: grid; + grid-template-areas: "a b c" + "d e f" + "x x x"; + display: block; +} + +.qK4fsMeZRSTGObSesXXRBA.coated { + color: #c6c6c6; + background-color: #0ff; + color: #fff; + background-color: green; +} + +.qK4fsMeZRSTGObSesXXRBA.coated:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark { + color: #c6c6c6; + background-color: #0ff; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark:after { + content: "Colored"; + color: red; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA { + color: #c6c6c6; + background-color: #0ff; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after { + content: "Colored"; + color: #00f; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA { + color: #fff; + background-color: green; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA { + color: #c6c6c6; + background-color: #0ff; + display: block; +} + +.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated { + color: #c6c6c6; + background-color: #0ff; + color: #fff; + background-color: green; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark { + color: #c6c6c6; + background-color: #0ff; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after { + content: "Colored"; + color: red; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A { + color: #c6c6c6; + background-color: #0ff; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after { + content: "Colored"; + color: #00f; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A { + color: #fff; + background-color: green; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A { + color: #c6c6c6; + background-color: #0ff; + display: block; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:hover { + transform: translateX(10%); +} + +.rWkBO00R__2y_lbRfXlyg.el1 { + color: red; +} + +.rWkBO00R__2y_lbRfXlyg.el1-mob { + color: #00f; +} + +.rWkBO00R__2y_lbRfXlyg.el1__blist { + list-style: none; +} + +.rWkBO00R__2y_lbRfXlyg.el2 { + color: #fff; +} + +.rWkBO00R__2y_lbRfXlyg.el2-mob { + color: #000; +} + +.rWkBO00R__2y_lbRfXlyg.el2__blist { + background: #fff; +} + +.rWkBO00R__2y_lbRfXlyg.el2__blist-mob { + background: #000; +} + +.YYYksiQMfU3exD720ckMbA.el1 { + color: red; +} + +.YYYksiQMfU3exD720ckMbA.el1-mob { + color: #00f; +} + +.YYYksiQMfU3exD720ckMbA.el1__blist { + list-style: none; +} + +.YYYksiQMfU3exD720ckMbA.el2 { + color: #fff; +} + +.YYYksiQMfU3exD720ckMbA.el2-mob { + color: #000; +} + +.YYYksiQMfU3exD720ckMbA.el2__blist { + background: #fff; +} + +.YYYksiQMfU3exD720ckMbA.el2__blist-mob { + background: #000; +} + +.wZIQboPSLZ8aKu0MjXHwYg.p1 { + font-size: 10px; + color: #fff; +} + +.wZIQboPSLZ8aKu0MjXHwYg.p1-dark { + color: #000; +} + +html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1 { + font-size: 1rem; +} + +html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1-dark { + color: green; +} + +ie some.wZIQboPSLZ8aKu0MjXHwYg html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1 { + border: 1px; +} + +html.dark .wZIQboPSLZ8aKu0MjXHwYg.p1 { + color: orange; +} + +whatever .wZIQboPSLZ8aKu0MjXHwYg.p1 { + background: #ff0; +} + +ooops whatever .wZIQboPSLZ8aKu0MjXHwYg.p1 { + border: none; +} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@bundle.css.snap.new b/tests/sabry_output_snapshots/compilation_with_buildy@bundle.css.snap.new deleted file mode 100644 index 057646a..0000000 --- a/tests/sabry_output_snapshots/compilation_with_buildy@bundle.css.snap.new +++ /dev/null @@ -1,7 +0,0 @@ ---- -source: tests/macros.rs -assertion_line: 172 -input_file: tests/sabry_output/bundle.css -snapshot_kind: text ---- -.n5vGKZlIscA58H8d7ZMOhSw.coated{color:#fff;background-color:green}.n5vGKZlIscA58H8d7ZMOhSw.coated:after{content:"Colored";color:#000;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated:hover{-ms-transform:translate(10%);transform:translate(10%)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark{color:#c6c6c6;background-color:#0ff}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after{content:"Colored";color:red;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:hover{-ms-transform:translate(10%);transform:translate(10%)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw{color:#c6c6c6;background-color:#0ff}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after{content:"Colored";color:#00f;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:hover{-ms-transform:translate(10%);transform:translate(10%)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw{color:#fff;background-color:green}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after{content:"Colored";color:#000;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:hover{-ms-transform:translate(10%);transform:translate(10%)}.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw{color:#c6c6c6;background-color:#0ff;display:block}.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after{content:"Colored";color:green;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:hover{-ms-transform:translate(10%);transform:translate(10%)}.n6ROVrVzYikGtxgKBYy11kA.coated{color:#fff;background-color:green}.n6ROVrVzYikGtxgKBYy11kA.coated:after{content:"Colored";color:#000;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated:hover{-ms-transform:translate(10%);transform:translate(10%)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark{color:#c6c6c6;background-color:#0ff}.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after{content:"Colored";color:red;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark:hover{-ms-transform:translate(10%);transform:translate(10%)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA{color:#c6c6c6;background-color:#0ff}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after{content:"Colored";color:#00f;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:hover{-ms-transform:translate(10%);transform:translate(10%)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA{color:#fff;background-color:green}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after{content:"Colored";color:#000;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:hover{-ms-transform:translate(10%);transform:translate(10%)}.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA{color:#c6c6c6;background-color:#0ff;display:block}.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after{content:"Colored";color:green;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:hover{-ms-transform:translate(10%);transform:translate(10%)}.smfXzGrnTs2kl9jPP0nk6w.fuzz{background-color:red;display:block}.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark{color:#fff;background-color:#000}.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w{text-transform:uppercase}.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w img.smfXzGrnTs2kl9jPP0nk6w{position:absolute;top:0;left:10rem}.smfXzGrnTs2kl9jPP0nk6w.fuzz span.smfXzGrnTs2kl9jPP0nk6w{grid-template-areas:"a b c""d e f""x x x";display:block;position:relative}.FT5yVVwswyLvNU3dIk0qw.fuzz{background-color:red;display:block}.FT5yVVwswyLvNU3dIk0qw.fuzz-dark{color:#fff;background-color:#000}.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw{text-transform:uppercase}.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw img.FT5yVVwswyLvNU3dIk0qw{position:absolute;top:0;left:10rem}.FT5yVVwswyLvNU3dIk0qw.fuzz span.FT5yVVwswyLvNU3dIk0qw{grid-template-areas:"a b c""d e f""x x x";display:block;position:relative}.qK4fsMeZRSTGObSesXXRBA.coated{color:#fff;background-color:green}.qK4fsMeZRSTGObSesXXRBA.coated:after{content:"Colored";color:#000;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated:hover{-ms-transform:translate(10%);transform:translate(10%)}.qK4fsMeZRSTGObSesXXRBA.coated-dark{color:#c6c6c6;background-color:#0ff}.qK4fsMeZRSTGObSesXXRBA.coated-dark:after{content:"Colored";color:red;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated-dark:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated-dark:hover{-ms-transform:translate(10%);transform:translate(10%)}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA{color:#c6c6c6;background-color:#0ff}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after{content:"Colored";color:#00f;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:hover{-ms-transform:translate(10%);transform:translate(10%)}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA{color:#fff;background-color:green}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after{content:"Colored";color:#000;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:hover{-ms-transform:translate(10%);transform:translate(10%)}.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA{color:#c6c6c6;background-color:#0ff;display:block}.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after{content:"Colored";color:green;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:hover{-ms-transform:translate(10%);transform:translate(10%)}.FMHIHNH4_QHxbUqdVmS1A.coated{color:#fff;background-color:green}.FMHIHNH4_QHxbUqdVmS1A.coated:after{content:"Colored";color:#000;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated:hover{-ms-transform:translate(10%);transform:translate(10%)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark{color:#c6c6c6;background-color:#0ff}.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after{content:"Colored";color:red;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark:hover{-ms-transform:translate(10%);transform:translate(10%)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A{color:#c6c6c6;background-color:#0ff}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after{content:"Colored";color:#00f;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:hover{-ms-transform:translate(10%);transform:translate(10%)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A{color:#fff;background-color:green}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after{content:"Colored";color:#000;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:hover{-ms-transform:translate(10%);transform:translate(10%)}.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A{color:#c6c6c6;background-color:#0ff;display:block}.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after{content:"Colored";color:green;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:hover{-ms-transform:translate(10%);transform:translate(10%)}.rWkBO00R__2y_lbRfXlyg.el1{color:red}.rWkBO00R__2y_lbRfXlyg.el1-mob{color:#00f}.rWkBO00R__2y_lbRfXlyg.el1__blist{list-style:none}.rWkBO00R__2y_lbRfXlyg.el2{color:#fff}.rWkBO00R__2y_lbRfXlyg.el2-mob{color:#000}.rWkBO00R__2y_lbRfXlyg.el2__blist{background:#fff}.rWkBO00R__2y_lbRfXlyg.el2__blist-mob{background:#000}.YYYksiQMfU3exD720ckMbA.el1{color:red}.YYYksiQMfU3exD720ckMbA.el1-mob{color:#00f}.YYYksiQMfU3exD720ckMbA.el1__blist{list-style:none}.YYYksiQMfU3exD720ckMbA.el2{color:#fff}.YYYksiQMfU3exD720ckMbA.el2-mob{color:#000}.YYYksiQMfU3exD720ckMbA.el2__blist{background:#fff}.YYYksiQMfU3exD720ckMbA.el2__blist-mob{background:#000}.wZIQboPSLZ8aKu0MjXHwYg.p1{color:#fff;font-size:10px}.wZIQboPSLZ8aKu0MjXHwYg.p1-dark{color:#000}html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1{font-size:1rem}html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1-dark{color:green}ie some.wZIQboPSLZ8aKu0MjXHwYg html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1{border:1px}html.dark .wZIQboPSLZ8aKu0MjXHwYg.p1{color:orange}whatever .wZIQboPSLZ8aKu0MjXHwYg.p1{background:#ff0}ooops whatever .wZIQboPSLZ8aKu0MjXHwYg.p1{border:none} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__global_scss.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__global_scss.css.snap index 31b7e63..a2a6ddf 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__global_scss.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__global_scss.css.snap @@ -1,7 +1,38 @@ --- source: tests/macros.rs -assertion_line: 184 +assertion_line: 172 input_file: tests/sabry_output/scopes/global_scss.css snapshot_kind: text --- -.qbRV6eFWg6fUikzGqcGvZg.p1{color:#fff;font-size:10px}.qbRV6eFWg6fUikzGqcGvZg.p1-dark{color:#000}html.mob .qbRV6eFWg6fUikzGqcGvZg.p1{font-size:1rem}html.mob .qbRV6eFWg6fUikzGqcGvZg.p1-dark{color:green}html.dark .qbRV6eFWg6fUikzGqcGvZg.p1{color:purple}whatever .qbRV6eFWg6fUikzGqcGvZg.p1{background:#ff0} +.wZIQboPSLZ8aKu0MjXHwYg.p1 { + font-size: 10px; + color: #fff; +} + +.wZIQboPSLZ8aKu0MjXHwYg.p1-dark { + color: #000; +} + +html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1 { + font-size: 1rem; +} + +html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1-dark { + color: green; +} + +ie some.wZIQboPSLZ8aKu0MjXHwYg html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1 { + border: 1px; +} + +html.dark .wZIQboPSLZ8aKu0MjXHwYg.p1 { + color: orange; +} + +whatever .wZIQboPSLZ8aKu0MjXHwYg.p1 { + background: #ff0; +} + +ooops whatever .wZIQboPSLZ8aKu0MjXHwYg.p1 { + border: none; +} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__global_scss.css.snap.new b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__global_scss.css.snap.new deleted file mode 100644 index db27d21..0000000 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__global_scss.css.snap.new +++ /dev/null @@ -1,7 +0,0 @@ ---- -source: tests/macros.rs -assertion_line: 172 -input_file: tests/sabry_output/scopes/global_scss.css -snapshot_kind: text ---- -.wZIQboPSLZ8aKu0MjXHwYg.p1{color:#fff;font-size:10px}.wZIQboPSLZ8aKu0MjXHwYg.p1-dark{color:#000}html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1{font-size:1rem}html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1-dark{color:green}ie some.wZIQboPSLZ8aKu0MjXHwYg html.mob .wZIQboPSLZ8aKu0MjXHwYg.p1{border:1px}html.dark .wZIQboPSLZ8aKu0MjXHwYg.p1{color:orange}whatever .wZIQboPSLZ8aKu0MjXHwYg.p1{background:#ff0}ooops whatever .wZIQboPSLZ8aKu0MjXHwYg.p1{border:none} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__module_usage_sass.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__module_usage_sass.css.snap index e26b0f4..59776f1 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__module_usage_sass.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__module_usage_sass.css.snap @@ -1,7 +1,117 @@ --- source: tests/macros.rs -assertion_line: 170 +assertion_line: 172 input_file: tests/sabry_output/scopes/module_usage_sass.css snapshot_kind: text --- -.n5vGKZlIscA58H8d7ZMOhSw.coated{color:#fff;background-color:green}.n5vGKZlIscA58H8d7ZMOhSw.coated:after{content:"Colored";color:#000;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated:hover{-ms-transform:translate(10%);transform:translate(10%)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark{color:#c6c6c6;background-color:#0ff}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after{content:"Colored";color:red;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:hover{-ms-transform:translate(10%);transform:translate(10%)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw{color:#c6c6c6;background-color:#0ff}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after{content:"Colored";color:#00f;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:hover{-ms-transform:translate(10%);transform:translate(10%)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw{color:#fff;background-color:green}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after{content:"Colored";color:#000;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:hover{-ms-transform:translate(10%);transform:translate(10%)}.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw{color:#c6c6c6;background-color:#0ff;display:block}.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after{content:"Colored";color:green;background-color:#00f}.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after:hover{-ms-transform:scale(2);transform:scale(2)}.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:hover{-ms-transform:translate(10%);transform:translate(10%)} +.n5vGKZlIscA58H8d7ZMOhSw.coated { + color: #c6c6c6; + background-color: #0ff; + color: #fff; + background-color: green; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark { + color: #c6c6c6; + background-color: #0ff; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after { + content: "Colored"; + color: red; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw { + color: #c6c6c6; + background-color: #0ff; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after { + content: "Colored"; + color: #00f; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw { + color: #fff; + background-color: green; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated-dark a.n5vGKZlIscA58H8d7ZMOhSw img.n5vGKZlIscA58H8d7ZMOhSw:hover { + transform: translateX(10%); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw { + color: #c6c6c6; + background-color: #0ff; + display: block; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:after:hover { + transform: scale(2); +} + +.n5vGKZlIscA58H8d7ZMOhSw.coated span.n5vGKZlIscA58H8d7ZMOhSw:hover { + transform: translateX(10%); +} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__module_usage_scss.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__module_usage_scss.css.snap index c24335b..f26df0f 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__module_usage_scss.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__module_usage_scss.css.snap @@ -1,7 +1,117 @@ --- source: tests/macros.rs -assertion_line: 170 +assertion_line: 172 input_file: tests/sabry_output/scopes/module_usage_scss.css snapshot_kind: text --- -.n6ROVrVzYikGtxgKBYy11kA.coated{color:#fff;background-color:green}.n6ROVrVzYikGtxgKBYy11kA.coated:after{content:"Colored";color:#000;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated:hover{-ms-transform:translate(10%);transform:translate(10%)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark{color:#c6c6c6;background-color:#0ff}.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after{content:"Colored";color:red;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark:hover{-ms-transform:translate(10%);transform:translate(10%)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA{color:#c6c6c6;background-color:#0ff}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after{content:"Colored";color:#00f;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:hover{-ms-transform:translate(10%);transform:translate(10%)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA{color:#fff;background-color:green}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after{content:"Colored";color:#000;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:hover{-ms-transform:translate(10%);transform:translate(10%)}.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA{color:#c6c6c6;background-color:#0ff;display:block}.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after{content:"Colored";color:green;background-color:#00f}.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after:hover{-ms-transform:scale(2);transform:scale(2)}.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:hover{-ms-transform:translate(10%);transform:translate(10%)} +.n6ROVrVzYikGtxgKBYy11kA.coated { + color: #c6c6c6; + background-color: #0ff; + color: #fff; + background-color: green; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark { + color: #c6c6c6; + background-color: #0ff; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after { + content: "Colored"; + color: red; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA { + color: #c6c6c6; + background-color: #0ff; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after { + content: "Colored"; + color: #00f; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA { + color: #fff; + background-color: green; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated-dark a.n6ROVrVzYikGtxgKBYy11kA img.n6ROVrVzYikGtxgKBYy11kA:hover { + transform: translateX(10%); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA { + color: #c6c6c6; + background-color: #0ff; + display: block; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:after:hover { + transform: scale(2); +} + +.n6ROVrVzYikGtxgKBYy11kA.coated span.n6ROVrVzYikGtxgKBYy11kA:hover { + transform: translateX(10%); +} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__repeating_selector_sass.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__repeating_selector_sass.css.snap index 904488c..ecff4e6 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__repeating_selector_sass.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__repeating_selector_sass.css.snap @@ -1,7 +1,33 @@ --- source: tests/macros.rs -assertion_line: 183 +assertion_line: 172 input_file: tests/sabry_output/scopes/repeating_selector_sass.css snapshot_kind: text --- -.rWkBO00R__2y_lbRfXlyg.el1{color:red}.rWkBO00R__2y_lbRfXlyg.el1-mob{color:#00f}.rWkBO00R__2y_lbRfXlyg.el1__blist{list-style:none}.rWkBO00R__2y_lbRfXlyg.el2{color:#fff}.rWkBO00R__2y_lbRfXlyg.el2-mob{color:#000}.rWkBO00R__2y_lbRfXlyg.el2__blist{background:#fff}.rWkBO00R__2y_lbRfXlyg.el2__blist-mob{background:#000} +.rWkBO00R__2y_lbRfXlyg.el1 { + color: red; +} + +.rWkBO00R__2y_lbRfXlyg.el1-mob { + color: #00f; +} + +.rWkBO00R__2y_lbRfXlyg.el1__blist { + list-style: none; +} + +.rWkBO00R__2y_lbRfXlyg.el2 { + color: #fff; +} + +.rWkBO00R__2y_lbRfXlyg.el2-mob { + color: #000; +} + +.rWkBO00R__2y_lbRfXlyg.el2__blist { + background: #fff; +} + +.rWkBO00R__2y_lbRfXlyg.el2__blist-mob { + background: #000; +} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__repeating_selector_scss.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__repeating_selector_scss.css.snap index efc723b..9c06115 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__repeating_selector_scss.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__repeating_selector_scss.css.snap @@ -1,7 +1,33 @@ --- source: tests/macros.rs -assertion_line: 183 +assertion_line: 172 input_file: tests/sabry_output/scopes/repeating_selector_scss.css snapshot_kind: text --- -.YYYksiQMfU3exD720ckMbA.el1{color:red}.YYYksiQMfU3exD720ckMbA.el1-mob{color:#00f}.YYYksiQMfU3exD720ckMbA.el1__blist{list-style:none}.YYYksiQMfU3exD720ckMbA.el2{color:#fff}.YYYksiQMfU3exD720ckMbA.el2-mob{color:#000}.YYYksiQMfU3exD720ckMbA.el2__blist{background:#fff}.YYYksiQMfU3exD720ckMbA.el2__blist-mob{background:#000} +.YYYksiQMfU3exD720ckMbA.el1 { + color: red; +} + +.YYYksiQMfU3exD720ckMbA.el1-mob { + color: #00f; +} + +.YYYksiQMfU3exD720ckMbA.el1__blist { + list-style: none; +} + +.YYYksiQMfU3exD720ckMbA.el2 { + color: #fff; +} + +.YYYksiQMfU3exD720ckMbA.el2-mob { + color: #000; +} + +.YYYksiQMfU3exD720ckMbA.el2__blist { + background: #fff; +} + +.YYYksiQMfU3exD720ckMbA.el2__blist-mob { + background: #000; +} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__sole_code_sass.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__sole_code_sass.css.snap index 922db8e..2b91afc 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__sole_code_sass.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__sole_code_sass.css.snap @@ -1,7 +1,34 @@ --- source: tests/macros.rs -assertion_line: 170 +assertion_line: 172 input_file: tests/sabry_output/scopes/sole_code_sass.css snapshot_kind: text --- -.smfXzGrnTs2kl9jPP0nk6w.fuzz{background-color:red;display:block}.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark{color:#fff;background-color:#000}.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w{text-transform:uppercase}.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w img.smfXzGrnTs2kl9jPP0nk6w{position:absolute;top:0;left:10rem}.smfXzGrnTs2kl9jPP0nk6w.fuzz span.smfXzGrnTs2kl9jPP0nk6w{grid-template-areas:"a b c""d e f""x x x";display:block;position:relative} +.smfXzGrnTs2kl9jPP0nk6w.fuzz { + background-color: red; + display: block; +} + +.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark { + background-color: #000; + color: #fff; +} + +.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w { + text-transform: uppercase; +} + +.smfXzGrnTs2kl9jPP0nk6w.fuzz-dark a.smfXzGrnTs2kl9jPP0nk6w img.smfXzGrnTs2kl9jPP0nk6w { + position: absolute; + top: 0; + left: 10rem; +} + +.smfXzGrnTs2kl9jPP0nk6w.fuzz span.smfXzGrnTs2kl9jPP0nk6w { + position: relative; + display: grid; + grid-template-areas: "a b c" + "d e f" + "x x x"; + display: block; +} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__sole_code_scss.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__sole_code_scss.css.snap index a7760eb..7cb4253 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__sole_code_scss.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__sole_code_scss.css.snap @@ -1,7 +1,34 @@ --- source: tests/macros.rs -assertion_line: 170 +assertion_line: 172 input_file: tests/sabry_output/scopes/sole_code_scss.css snapshot_kind: text --- -.FT5yVVwswyLvNU3dIk0qw.fuzz{background-color:red;display:block}.FT5yVVwswyLvNU3dIk0qw.fuzz-dark{color:#fff;background-color:#000}.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw{text-transform:uppercase}.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw img.FT5yVVwswyLvNU3dIk0qw{position:absolute;top:0;left:10rem}.FT5yVVwswyLvNU3dIk0qw.fuzz span.FT5yVVwswyLvNU3dIk0qw{grid-template-areas:"a b c""d e f""x x x";display:block;position:relative} +.FT5yVVwswyLvNU3dIk0qw.fuzz { + background-color: red; + display: block; +} + +.FT5yVVwswyLvNU3dIk0qw.fuzz-dark { + background-color: #000; + color: #fff; +} + +.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw { + text-transform: uppercase; +} + +.FT5yVVwswyLvNU3dIk0qw.fuzz-dark a.FT5yVVwswyLvNU3dIk0qw img.FT5yVVwswyLvNU3dIk0qw { + position: absolute; + top: 0; + left: 10rem; +} + +.FT5yVVwswyLvNU3dIk0qw.fuzz span.FT5yVVwswyLvNU3dIk0qw { + position: relative; + display: grid; + grid-template-areas: "a b c" + "d e f" + "x x x"; + display: block; +} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__use_forwarded_sass.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__use_forwarded_sass.css.snap index 3695b70..5f18c81 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__use_forwarded_sass.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__use_forwarded_sass.css.snap @@ -1,7 +1,117 @@ --- source: tests/macros.rs -assertion_line: 170 +assertion_line: 172 input_file: tests/sabry_output/scopes/use_forwarded_sass.css snapshot_kind: text --- -.qK4fsMeZRSTGObSesXXRBA.coated{color:#fff;background-color:green}.qK4fsMeZRSTGObSesXXRBA.coated:after{content:"Colored";color:#000;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated:hover{-ms-transform:translate(10%);transform:translate(10%)}.qK4fsMeZRSTGObSesXXRBA.coated-dark{color:#c6c6c6;background-color:#0ff}.qK4fsMeZRSTGObSesXXRBA.coated-dark:after{content:"Colored";color:red;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated-dark:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated-dark:hover{-ms-transform:translate(10%);transform:translate(10%)}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA{color:#c6c6c6;background-color:#0ff}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after{content:"Colored";color:#00f;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:hover{-ms-transform:translate(10%);transform:translate(10%)}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA{color:#fff;background-color:green}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after{content:"Colored";color:#000;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:hover{-ms-transform:translate(10%);transform:translate(10%)}.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA{color:#c6c6c6;background-color:#0ff;display:block}.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after{content:"Colored";color:green;background-color:#00f}.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after:hover{-ms-transform:scale(2);transform:scale(2)}.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:hover{-ms-transform:translate(10%);transform:translate(10%)} +.qK4fsMeZRSTGObSesXXRBA.coated { + color: #c6c6c6; + background-color: #0ff; + color: #fff; + background-color: green; +} + +.qK4fsMeZRSTGObSesXXRBA.coated:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark { + color: #c6c6c6; + background-color: #0ff; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark:after { + content: "Colored"; + color: red; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA { + color: #c6c6c6; + background-color: #0ff; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after { + content: "Colored"; + color: #00f; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA { + color: #fff; + background-color: green; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated-dark a.qK4fsMeZRSTGObSesXXRBA img.qK4fsMeZRSTGObSesXXRBA:hover { + transform: translateX(10%); +} + +.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA { + color: #c6c6c6; + background-color: #0ff; + display: block; +} + +.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:after:hover { + transform: scale(2); +} + +.qK4fsMeZRSTGObSesXXRBA.coated span.qK4fsMeZRSTGObSesXXRBA:hover { + transform: translateX(10%); +} diff --git a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__use_forwarded_scss.css.snap b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__use_forwarded_scss.css.snap index b8adffa..68599c1 100644 --- a/tests/sabry_output_snapshots/compilation_with_buildy@scopes__use_forwarded_scss.css.snap +++ b/tests/sabry_output_snapshots/compilation_with_buildy@scopes__use_forwarded_scss.css.snap @@ -1,7 +1,117 @@ --- source: tests/macros.rs -assertion_line: 170 +assertion_line: 172 input_file: tests/sabry_output/scopes/use_forwarded_scss.css snapshot_kind: text --- -.FMHIHNH4_QHxbUqdVmS1A.coated{color:#fff;background-color:green}.FMHIHNH4_QHxbUqdVmS1A.coated:after{content:"Colored";color:#000;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated:hover{-ms-transform:translate(10%);transform:translate(10%)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark{color:#c6c6c6;background-color:#0ff}.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after{content:"Colored";color:red;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark:hover{-ms-transform:translate(10%);transform:translate(10%)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A{color:#c6c6c6;background-color:#0ff}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after{content:"Colored";color:#00f;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:hover{-ms-transform:translate(10%);transform:translate(10%)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A{color:#fff;background-color:green}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after{content:"Colored";color:#000;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:hover{-ms-transform:translate(10%);transform:translate(10%)}.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A{color:#c6c6c6;background-color:#0ff;display:block}.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after{content:"Colored";color:green;background-color:#00f}.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after:hover{-ms-transform:scale(2);transform:scale(2)}.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:hover{-ms-transform:translate(10%);transform:translate(10%)} +.FMHIHNH4_QHxbUqdVmS1A.coated { + color: #c6c6c6; + background-color: #0ff; + color: #fff; + background-color: green; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark { + color: #c6c6c6; + background-color: #0ff; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after { + content: "Colored"; + color: red; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A { + color: #c6c6c6; + background-color: #0ff; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after { + content: "Colored"; + color: #00f; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A { + color: #fff; + background-color: green; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after { + content: "Colored"; + color: #000; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated-dark a.FMHIHNH4_QHxbUqdVmS1A img.FMHIHNH4_QHxbUqdVmS1A:hover { + transform: translateX(10%); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A { + color: #c6c6c6; + background-color: #0ff; + display: block; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after { + content: "Colored"; + color: green; + background-color: #00f; +} + +.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:after:hover { + transform: scale(2); +} + +.FMHIHNH4_QHxbUqdVmS1A.coated span.FMHIHNH4_QHxbUqdVmS1A:hover { + transform: translateX(10%); +}