bless/test/fixtures/input/at-rules.css at 8e9f363496d8185bcc355a9f3635fae9e8fec1e7 · makque/bless · 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
@charset "UTF-8"; /* Test @charset, Test @charset as first line */

/* Test @import */
@import 'global.css';

/* Test @namespace */
@namespace url(http://www.w3.org/1999/xhtml); /* Namespace for XHTML */

@namespace svg url(http://www.w3.org/2000/svg); /* Namespace for SVG embedded in XHTML */

/* Test @media */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 2) {
  .module {
    width: 100%;
  }
}

@media print {

}

/* Test @supports */
@supports (display: flex) {
  .module {
    display: flex;
  }
}

@supports (display: flex) and (-webkit-appearance: checkbox) {
  .module {
    display: flex;
  }
}

/* Test @document */
@document /* Rules for a specific page */
  url(http://css-tricks.com/),
  url-prefix(http://css-tricks.com/snippets/),
  domain(css-tricks.com),
  regexp("https:.*")  {
  body {
    font-family: Comic Sans;
  }
}

/* Test @page */
@page :first {
  margin: 1in;
}

/* Test @font-face */
@font-face {
  font-family: 'MyWebFont';
  src: url('myfont.woff2') format('woff2'),
        url('myfont.woff') format('woff');
}

/* Test @keyframes */
@keyframes pulse {
  0% {
    background-color: #001f3f;
  }

  100% {
    background-color: #ff4136;
  }
}

/* Test @viewport */
@viewport {
  min-width: 640px;
  max-width: 800px;
}

@viewport {
  zoom: 0.75;
  min-zoom: 0.5;
  max-zoom: 0.9;
}

@viewport {
  orientation: landscape;
}

/* Test @counter-style */
@counter-style circled-alpha {
  system: fixed;
  symbols: Ⓐ Ⓑ Ⓒ Ⓓ Ⓔ Ⓕ Ⓖ Ⓗ Ⓘ Ⓙ Ⓚ Ⓛ Ⓜ Ⓝ Ⓞ Ⓟ Ⓠ Ⓡ Ⓢ Ⓣ Ⓤ Ⓥ Ⓦ Ⓧ Ⓨ Ⓩ;
  suffix: " ";
}

.items {
   list-style: circled-alpha;
}