Skip to content

Commit

Permalink
Upgrade controls to current Sass output specs
Browse files Browse the repository at this point in the history
  • Loading branch information
@Snugug
Snugug committed Aug 14, 2022
1 parent 8459f05 commit af9ca0a
Show file tree
Hide file tree
Showing 30 changed files with 376 additions and 376 deletions.
24 changes: 12 additions & 12 deletions tests/controls/01_pixel.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,37 +6,37 @@
*/
@media (min-width: 500px) {
.foo {
content: '$single-pixel-value';
content: '@media (min-width: 500px)';
content: "$single-pixel-value";
content: "@media (min-width: 500px)";
}
}
@media (min-width: 30em) {
.foo {
content: '$single-em-value';
content: '@media (min-width: 30em)';
content: "$single-em-value";
content: "@media (min-width: 30em)";
}
}
@media (min-width: 500px) {
.foo {
content: '$single-pixel-value';
content: '@media (min-width: 500px)';
content: "$single-pixel-value";
content: "@media (min-width: 500px)";
}
}
@media (min-width: 30em) {
.foo {
content: '$single-em-value';
content: '@media (min-width: 30em)';
content: "$single-em-value";
content: "@media (min-width: 30em)";
}
}
@media (min-width: 500px) {
.foo {
content: '$single-pixel-value';
content: '@media (min-width: 500px)';
content: "$single-pixel-value";
content: "@media (min-width: 500px)";
}
}
@media (min-width: 30em) {
.foo {
content: '$single-em-value';
content: '@media (min-width: 30em)';
content: "$single-em-value";
content: "@media (min-width: 30em)";
}
}
16 changes: 8 additions & 8 deletions tests/controls/02_pixel_to_em.css
View file
Original file line number Diff line number Diff line change
@@ -1,25 +1,25 @@
/* @include breakpoint-set('to ems', true); */
@media (min-width: 31.25em) {
.breakpoint-default-feature-to-ems {
content: '$single-pixel-value';
content: '@media (min-width: 31.25em)';
content: "$single-pixel-value";
content: "@media (min-width: 31.25em)";
}
}
@media (min-width: 30em) {
.breakpoint-default-feature-to-ems {
content: '$single-em-value';
content: '@media (min-width: 30em)';
content: "$single-em-value";
content: "@media (min-width: 30em)";
}
}
@media (min-width: 31.25em) {
.breakpoint-default-feature-to-ems {
content: '$single-pixel-value';
content: '@media (min-width: 31.25em)';
content: "$single-pixel-value";
content: "@media (min-width: 31.25em)";
}
}
@media (min-width: 30em) {
.breakpoint-default-feature-to-ems {
content: '$single-em-value';
content: '@media (min-width: 30em)';
content: "$single-em-value";
content: "@media (min-width: 30em)";
}
}
56 changes: 28 additions & 28 deletions tests/controls/03_feature_values.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,86 +7,86 @@
*/
@media (height: 500px) {
.foo {
content: '$feature-first';
content: '@media (height: 500px)';
content: "$feature-first";
content: "@media (height: 500px)";
}
}
@media (height: 500px) {
.foo {
content: '$value-first';
content: '@media (height: 500px)';
content: "$value-first";
content: "@media (height: 500px)";
}
}
@media (lion: 500px) {
.foo {
content: '$arbitrary-feature';
content: '@media (lion: 500px)';
content: "$arbitrary-feature";
content: "@media (lion: 500px)";
}
}
@media (orientation: portrait) {
.foo {
content: '$feature-value-both-strings';
content: '@media (orientation: portrait)';
content: "$feature-value-both-strings";
content: "@media (orientation: portrait)";
}
}
@media (height: 500px) {
.foo {
content: '$feature-first';
content: '@media (height: 500px)';
content: "$feature-first";
content: "@media (height: 500px)";
}
}
@media (height: 500px) {
.foo {
content: '$value-first';
content: '@media (height: 500px)';
content: "$value-first";
content: "@media (height: 500px)";
}
}
@media (lion: 500px) {
.foo {
content: '$arbitrary-feature';
content: '@media (lion: 500px)';
content: "$arbitrary-feature";
content: "@media (lion: 500px)";
}
}
@media (orientation: portrait) {
.foo {
content: '$feature-value-both-strings';
content: '@media (orientation: portrait)';
content: "$feature-value-both-strings";
content: "@media (orientation: portrait)";
}
}

@media (height: 31.25em) {
.bar {
content: '$feature-first';
content: '@media (height: 31.25em)';
content: "$feature-first";
content: "@media (height: 31.25em)";
}
}
@media (height: 31.25em) {
.bar {
content: '$value-first';
content: '@media (height: 31.25em)';
content: "$value-first";
content: "@media (height: 31.25em)";
}
}
@media (lion: 31.25em) {
.bar {
content: '$arbitrary-feature';
content: '@media (lion: 31.25em)';
content: "$arbitrary-feature";
content: "@media (lion: 31.25em)";
}
}
@media (height: 31.25em) {
.bar {
content: '$feature-first';
content: '@media (height: 31.25em)';
content: "$feature-first";
content: "@media (height: 31.25em)";
}
}
@media (height: 31.25em) {
.bar {
content: '$value-first';
content: '@media (height: 31.25em)';
content: "$value-first";
content: "@media (height: 31.25em)";
}
}
@media (lion: 31.25em) {
.bar {
content: '$arbitrary-feature';
content: '@media (lion: 31.25em)';
content: "$arbitrary-feature";
content: "@media (lion: 31.25em)";
}
}
16 changes: 8 additions & 8 deletions tests/controls/04_min_max.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,26 +5,26 @@
*/
@media (min-width: 500px) and (max-width: 700px) {
.foo {
content: '$min-max-default-feature';
content: '@media (min-width: 500px) and (max-width: 700px)';
content: "$min-max-default-feature";
content: "@media (min-width: 500px) and (max-width: 700px)";
}
}
@media (min-width: 500px) and (max-width: 700px) {
.foo {
content: '$min-max-default-feature';
content: '@media (min-width: 500px) and (max-width: 700px)';
content: "$min-max-default-feature";
content: "@media (min-width: 500px) and (max-width: 700px)";
}
}

@media (min-width: 31.25em) and (max-width: 43.75em) {
.bar {
content: '$min-max-default-feature';
content: '@media (min-width: 31.25em) and (max-width: 43.75em)';
content: "$min-max-default-feature";
content: "@media (min-width: 31.25em) and (max-width: 43.75em)";
}
}
@media (min-width: 31.25em) and (max-width: 43.75em) {
.bar {
content: '$min-max-default-feature';
content: '@media (min-width: 31.25em) and (max-width: 43.75em)';
content: "$min-max-default-feature";
content: "@media (min-width: 31.25em) and (max-width: 43.75em)";
}
}
48 changes: 24 additions & 24 deletions tests/controls/05_min_max_feature.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,75 +7,75 @@
*/
@media (min-height: 300px) and (max-height: 700px) {
.min-max-feature {
content: '$feature-min-max';
content: '@media (min-height: 300px) and (max-height: 700px)';
content: "$feature-min-max";
content: "@media (min-height: 300px) and (max-height: 700px)";
}
}
@media (min-height: 300px) and (max-height: 700px) {
.min-max-feature {
content: '$min-max-feature';
content: '@media (min-height: 300px) and (max-height: 700px)';
content: "$min-max-feature";
content: "@media (min-height: 300px) and (max-height: 700px)";
}
}
@media (min-lion: 300px) and (max-lion: 700px) {
.min-max-feature {
content: '$arbitrary-feature-min-max';
content: '@media (min-lion: 300px) and (max-lion: 700px)';
content: "$arbitrary-feature-min-max";
content: "@media (min-lion: 300px) and (max-lion: 700px)";
}
}
@media (min-height: 300px) and (max-height: 700px) {
.min-max-feature {
content: '$feature-min-max';
content: '@media (min-height: 300px) and (max-height: 700px)';
content: "$feature-min-max";
content: "@media (min-height: 300px) and (max-height: 700px)";
}
}
@media (min-height: 300px) and (max-height: 700px) {
.min-max-feature {
content: '$min-max-feature';
content: '@media (min-height: 300px) and (max-height: 700px)';
content: "$min-max-feature";
content: "@media (min-height: 300px) and (max-height: 700px)";
}
}
@media (min-lion: 300px) and (max-lion: 700px) {
.min-max-feature {
content: '$arbitrary-feature-min-max';
content: '@media (min-lion: 300px) and (max-lion: 700px)';
content: "$arbitrary-feature-min-max";
content: "@media (min-lion: 300px) and (max-lion: 700px)";
}
}

/* @include breakpoint-set('to ems', true); */
@media (min-height: 18.75em) and (max-height: 43.75em) {
.min-max-feature-to-ems {
content: '$feature-min-max';
content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
content: "$feature-min-max";
content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
}
}
@media (min-height: 18.75em) and (max-height: 43.75em) {
.min-max-feature-to-ems {
content: '$min-max-feature';
content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
content: "$min-max-feature";
content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
}
}
@media (min-lion: 18.75em) and (max-lion: 43.75em) {
.min-max-feature-to-ems {
content: '$arbitrary-feature-min-max';
content: '@media (min-lion: 18.75em) and (max-lion: 43.75em)';
content: "$arbitrary-feature-min-max";
content: "@media (min-lion: 18.75em) and (max-lion: 43.75em)";
}
}
@media (min-height: 18.75em) and (max-height: 43.75em) {
.min-max-feature-to-ems {
content: '$feature-min-max';
content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
content: "$feature-min-max";
content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
}
}
@media (min-height: 18.75em) and (max-height: 43.75em) {
.min-max-feature-to-ems {
content: '$min-max-feature';
content: '@media (min-height: 18.75em) and (max-height: 43.75em)';
content: "$min-max-feature";
content: "@media (min-height: 18.75em) and (max-height: 43.75em)";
}
}
@media (min-lion: 18.75em) and (max-lion: 43.75em) {
.min-max-feature-to-ems {
content: '$arbitrary-feature-min-max';
content: '@media (min-lion: 18.75em) and (max-lion: 43.75em)';
content: "$arbitrary-feature-min-max";
content: "@media (min-lion: 18.75em) and (max-lion: 43.75em)";
}
}
16 changes: 8 additions & 8 deletions tests/controls/06_multidemensional.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,27 +5,27 @@
*/
@media (height: 500px) and (orientation: portrait) {
.multidimensional {
content: '$multidimensional';
content: '@media (height: 500px) and (orientation: portrait)';
content: "$multidimensional";
content: "@media (height: 500px) and (orientation: portrait)";
}
}
@media (height: 500px) and (orientation: portrait) {
.multidimensional {
content: '$multidimensional';
content: '@media (height: 500px) and (orientation: portrait)';
content: "$multidimensional";
content: "@media (height: 500px) and (orientation: portrait)";
}
}

/* @include breakpoint-set('to ems', true); */
@media (height: 31.25em) and (orientation: portrait) {
.multidimensional-to-ems {
content: '$multidimensional';
content: '@media (height: 31.25em) and (orientation: portrait)';
content: "$multidimensional";
content: "@media (height: 31.25em) and (orientation: portrait)";
}
}
@media (height: 31.25em) and (orientation: portrait) {
.multidimensional-to-ems {
content: '$multidimensional';
content: '@media (height: 31.25em) and (orientation: portrait)';
content: "$multidimensional";
content: "@media (height: 31.25em) and (orientation: portrait)";
}
}
Loading

0 comments on commit af9ca0a

Please sign in to comment.