scssphp/tests/outputs/at_root.css at map_merge · s7eph4n/scssphp · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
.parent-inline-selector {
  color: white; }
  .child {
    color: black; }

.parent-block {
  color: white; }
  .child1 {
    color: green; }
    .child2 {
      color: blue; }
  .parent-block .step-child {
    color: black; }

.first {
  color: red; }

body .second {
  color: white;
  color: black; }
  .nested1 {
    color: blue;
    color: orange; }
    .nested2 {
      color: yellow; }

.third {
  color: green; }

@media print {
  .page {
    width: 8in; } }
  .page {
    color: red; }

@media (min-width: 300px) {
    .my-widget .inside-mq {
      inside-style: mq; } }
  .my-widget .outside-mq {
    outside-style: mq; }
  .outside-class {
    color: blue; }
  @media (min-width: 300px) {
          .with-only {
            color: pink; } }

@media screen and (max-width: 320px) {
  .foo {
    margin: 0; } }
  @media screen and (max-width: 320px) {
        .bar {
          padding: 0; } }
  .baar {
    padding: 0; }
  .foo .barr {
    padding: 0; }


  .foo .bar {
    width: 0; }
  @supports ( display: flex ) {
          .baz {
            height: 0; } }
  @media screen and (max-width: 640px) {
          .qux {
            margin: 0; } }
  @media screen and (max-width: 640px) {
          .foo .quux {
            padding: 0; } }
  .foo .quix {
    padding: 0; }

.test .test2 {
  padding: 0px; }
  tbody {
    padding: 10px; }