scssphp/tests/outputs_numbered/media.css at master · LaetitiaDall/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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
@media {
/* line 4, inputs/media.scss */
div {
  color: blue; } }

@media what {
/* line 7, inputs/media.scss */
div {
  color: blue; } }

@media (cool) {
/* line 11, inputs/media.scss */
div {
  color: blue; } }

@media (cool: blue) {
/* line 14, inputs/media.scss */
div {
  color: blue; } }

@media hello and (world) and (butt: man) {
/* line 18, inputs/media.scss */
div {
  color: blue; } }

@media (max-width: 940px) {
  color: red; }

@media not hello and (world) {
  color: blue;
/* line 30, inputs/media.scss */
pre {
  color: blue; } }
  @media butt and (world) {
    color: red;
/* line 36, inputs/media.scss */
div {
color: red; } }

/* line 64, inputs/media.scss */

div {
  color: blue; }
  @media screen and (-webkit-min-device-pixel-ratio: 1.5) {
/* line 67, inputs/media.scss */
div .sidebar {
width: 500px; } }
/* line 81, inputs/media.scss */
div {
  position: absolute; }
  @media screen {
  div {
    top: 0;
    bottom: 8em;
    color: red; }
/* line 87, inputs/media.scss */
div p {
margin: 5px; }
/* line 76, inputs/media.scss */
div .success {
color: green; } }
/* line 95, inputs/media.scss */
.button {
  width: 300px;
  height: 100px;
  background: #eee; }
/* line 100, inputs/media.scss */
.button :hover {
  background: #aaa; }

@media only screen and (max-width: 300px) {
    .button {
      width: 100px;
      height: 100px; } }
/* line 110, inputs/media.scss */
code {
  position: absolute; }

@media screen {
    code {
      height: 10px; }
/* line 113, inputs/media.scss */
code pre {
  height: 20px; } }
/* line 120, inputs/media.scss */
@media screen and (color: blue) {
      dt {
        height: 10px; } }

@media screen {
/* line 130, inputs/media.scss */
.screen {
  width: 12px; } }

@media only screen {
/* line 134, inputs/media.scss */
.only-screen {
  height: 11px; } }

@media only screen {
/* line 141, inputs/media.scss */
.only-screen {
  width: 14px; } }

@media only screen {
/* line 145, inputs/media.scss */
.only-screen {
  height: 16px; } }

@media print {
/* line 161, inputs/media.scss */
.only-print {
  height: 12px; } }

@media screen {
/* line 169, inputs/media.scss */
.only-print {
  height: 12px; } }

@media not screen {
/* line 185, inputs/media.scss */
.not-screen {
  height: 15px; } }

@media only screen and (color: blue) and (width: 13) {
/* line 202, inputs/media.scss */
.only-screen {
  height: 15px; } }