responsive-menu / src / app / Mappers / scssphp / tests / outputs / media.css

media.css in Responsive Menu – Create Mobile-Friendly Menu 3.0.6, at src/app/Mappers/scssphp/tests/outputs/media.css

104 lines 1.6 KB

Raw Download Zip

1	@media {
2	div {
3	color: blue; } }
4
5	@media what {
6	div {
7	color: blue; } }
8
9	@media (cool) {
10	div {
11	color: blue; } }
12
13	@media (cool: blue) {
14	div {
15	color: blue; } }
16
17	@media hello and (world) and (butt: man) {
18	div {
19	color: blue; } }
20
21	@media (max-width: 940px) {
22	color: red; }
23
24	@media not hello and (world) {
25	color: blue;
26	pre {
27	color: blue; } }
28	@media butt and (world) {
29	color: red;
30	div {
31	color: red; } }
32
33	div {
34	color: blue; }
35	@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
36	div .sidebar {
37	width: 500px; } }
38
39	div {
40	position: absolute; }
41	@media screen {
42	div {
43	top: 0;
44	bottom: 8em;
45	color: red; }
46	div p {
47	margin: 5px; }
48
49	div .success {
50	color: green; } }
51
52	.button {
53	width: 300px;
54	height: 100px;
55	background: #eee; }
56	.button :hover {
57	background: #aaa; }
58	@media only screen and (max-width: 300px) {
59	.button {
60	width: 100px;
61	height: 100px; } }
62
63	code {
64	position: absolute; }
65	@media screen {
66	code {
67	height: 10px; }
68	code pre {
69	height: 20px; } }
70
71	@media screen and (color: blue) {
72	dt {
73	height: 10px; } }
74
75	@media screen {
76	.screen {
77	width: 12px; } }
78	@media only screen {
79	.only-screen {
80	height: 11px; } }
81
82	@media only screen {
83	.only-screen {
84	width: 14px; } }
85	@media only screen {
86	.only-screen {
87	height: 16px; } }
88
89	@media print {
90	.only-print {
91	height: 12px; } }
92
93	@media screen {
94	.only-print {
95	height: 12px; } }
96
97	@media not screen {
98	.not-screen {
99	height: 15px; } }
100
101	@media only screen and (color: blue) and (width: 13) {
102	.only-screen {
103	height: 15px; } }
104