archetype 0.0.1.pre.8 → 0.0.1.pre.9
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/lib/archetype/version.rb +1 -1
- data/stylesheets/archetype/util/_styles.scss +1 -1
- data/test/fixtures/stylesheets/archetype/source/styleguide/extend.scss +2 -1
- data/test/fixtures/stylesheets/archetype/tmp/b.css +14 -0
- data/test/fixtures/stylesheets/archetype/tmp/base.css +349 -0
- data/test/fixtures/stylesheets/archetype/tmp/hacks/ie_pseudo.css +11 -0
- data/test/fixtures/stylesheets/archetype/tmp/hacks/transparent_focusable.css +4 -0
- data/test/fixtures/stylesheets/archetype/tmp/locale.css +23 -0
- data/test/fixtures/stylesheets/archetype/tmp/styleguide/alerts.css +711 -0
- data/test/fixtures/stylesheets/archetype/tmp/styleguide/buttons.css +2119 -0
- data/test/fixtures/stylesheets/archetype/tmp/styleguide/drop.css +63 -0
- data/test/fixtures/stylesheets/archetype/tmp/styleguide/extend.css +11 -0
- data/test/fixtures/stylesheets/archetype/tmp/styleguide/fallback_styles.css +9 -0
- data/test/fixtures/stylesheets/archetype/tmp/styleguide/invalid_structures.css +21 -0
- data/test/fixtures/stylesheets/archetype/tmp/styleguide/multi_value.css +13 -0
- data/test/fixtures/stylesheets/archetype/tmp/styleguide/nested_styleguides.css +28 -0
- data/test/fixtures/stylesheets/archetype/tmp/styleguide/selective_state.css +177 -0
- data/test/fixtures/stylesheets/archetype/tmp/ui/glyph_icon.css +127 -0
- data/test/fixtures/stylesheets/archetype/tmp/ui/hide_element.css +8 -0
- data/test/fixtures/stylesheets/archetype/tmp/ui/stroke.css +17 -0
- data/test/fixtures/stylesheets/archetype/tmp/ui/triangle.css +35 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/associative.css +9 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/custom_output_styler.css +8 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/if-set.css +9 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/horizontal-spacing.css +29 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/spacing/vertical-spacing.css +29 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/filter.css +11 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/font-family.css +16 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/styles/z-index.css +15 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-browser.css +105 -0
- data/test/fixtures/stylesheets/archetype/tmp/utilities/targeting/target-os.css +55 -0
- metadata +57 -1
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
.dropping-styles-test {
|
|
2
|
+
/* should contain hover state and .test selector */
|
|
3
|
+
display: block;
|
|
4
|
+
color: red;
|
|
5
|
+
background: green;
|
|
6
|
+
}
|
|
7
|
+
.dropping-styles-test.hover, .dropping-styles-test:hover, .dropping-styles-test.focus, .dropping-styles-test:focus {
|
|
8
|
+
background: #eeeeee;
|
|
9
|
+
border: 2px solid red;
|
|
10
|
+
}
|
|
11
|
+
.dropping-styles-test.hover .test, .dropping-styles-test:hover .test, .dropping-styles-test.focus .test, .dropping-styles-test:focus .test {
|
|
12
|
+
padding: 100px;
|
|
13
|
+
margin: 20px;
|
|
14
|
+
}
|
|
15
|
+
.dropping-styles-test.parent {
|
|
16
|
+
/* should contain hover state and .test selector */
|
|
17
|
+
display: none;
|
|
18
|
+
color: black;
|
|
19
|
+
background: green;
|
|
20
|
+
}
|
|
21
|
+
.dropping-styles-test.parent.hover, .dropping-styles-test.parent:hover, .dropping-styles-test.parent.focus, .dropping-styles-test.parent:focus {
|
|
22
|
+
background: #eeeeee;
|
|
23
|
+
border: 2px solid red;
|
|
24
|
+
}
|
|
25
|
+
.dropping-styles-test.parent.hover .test, .dropping-styles-test.parent:hover .test, .dropping-styles-test.parent.focus .test, .dropping-styles-test.parent:focus .test {
|
|
26
|
+
padding: 100px;
|
|
27
|
+
margin: 20px;
|
|
28
|
+
}
|
|
29
|
+
.dropping-styles-test.heir {
|
|
30
|
+
/* should contain hover state and .test selector */
|
|
31
|
+
display: none;
|
|
32
|
+
color: black;
|
|
33
|
+
background: green;
|
|
34
|
+
}
|
|
35
|
+
.dropping-styles-test.heir.hover, .dropping-styles-test.heir:hover, .dropping-styles-test.heir.focus, .dropping-styles-test.heir:focus {
|
|
36
|
+
background: #eeeeee;
|
|
37
|
+
border: 2px solid red;
|
|
38
|
+
}
|
|
39
|
+
.dropping-styles-test.heir.hover .test, .dropping-styles-test.heir:hover .test, .dropping-styles-test.heir.focus .test, .dropping-styles-test.heir:focus .test {
|
|
40
|
+
padding: 100px;
|
|
41
|
+
margin: 20px;
|
|
42
|
+
}
|
|
43
|
+
.dropping-styles-test.dropped {
|
|
44
|
+
/* should only contain color:yellow */
|
|
45
|
+
color: yellow;
|
|
46
|
+
}
|
|
47
|
+
.dropping-styles-test.dropped2 {
|
|
48
|
+
/* should contain color:yellow, custom :hover, :active */
|
|
49
|
+
color: yellow;
|
|
50
|
+
}
|
|
51
|
+
.dropping-styles-test.dropped2.hover, .dropping-styles-test.dropped2:hover, .dropping-styles-test.dropped2.focus, .dropping-styles-test.dropped2:focus {
|
|
52
|
+
color: blue;
|
|
53
|
+
}
|
|
54
|
+
.dropping-styles-test.dropped2.active, .dropping-styles-test.dropped2:active {
|
|
55
|
+
color: green;
|
|
56
|
+
width: 100%;
|
|
57
|
+
}
|
|
58
|
+
.dropping-styles-test.dropped3 {
|
|
59
|
+
/* should only contain color:purple */
|
|
60
|
+
display: block;
|
|
61
|
+
color: purple;
|
|
62
|
+
background: green;
|
|
63
|
+
}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
.test-missing-nil {
|
|
2
|
+
color: red;
|
|
3
|
+
}
|
|
4
|
+
|
|
5
|
+
.test-missing-nil-2 {
|
|
6
|
+
color: yellow;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
.test-missing-nil-3 {
|
|
10
|
+
color: blue;
|
|
11
|
+
}
|
|
12
|
+
.test-missing-nil-3.hover, .test-missing-nil-3:hover, .test-missing-nil-3.focus, .test-missing-nil-3:focus {
|
|
13
|
+
color: black;
|
|
14
|
+
background: green;
|
|
15
|
+
font-weight: bold;
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
.test-missing-comma {
|
|
19
|
+
color: white;
|
|
20
|
+
background: green;
|
|
21
|
+
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
.multi-value-styleguide-test {
|
|
2
|
+
color: gray;
|
|
3
|
+
color: rgba(0, 0, 0, 0.7);
|
|
4
|
+
background: white;
|
|
5
|
+
background: transparent;
|
|
6
|
+
*color: blue;
|
|
7
|
+
}
|
|
8
|
+
.ie.ie8 .multi-value-styleguide-test {
|
|
9
|
+
color: red;
|
|
10
|
+
}
|
|
11
|
+
.multi-value-styleguide-test, .multi-value-styleguide-test x:-moz-any-link {
|
|
12
|
+
color: pink;
|
|
13
|
+
}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
.nested-styleguide-test {
|
|
2
|
+
text-decoration: none;
|
|
3
|
+
display: block;
|
|
4
|
+
color: red;
|
|
5
|
+
background: green;
|
|
6
|
+
}
|
|
7
|
+
.nested-styleguide-test.hover, .nested-styleguide-test:hover, .nested-styleguide-test.focus, .nested-styleguide-test:focus {
|
|
8
|
+
text-decoration: none;
|
|
9
|
+
color: #0088cc;
|
|
10
|
+
cursor: pointer;
|
|
11
|
+
background: #eeeeee;
|
|
12
|
+
}
|
|
13
|
+
.ie .nested-styleguide-test.hover, .ie .nested-styleguide-test:hover, .ie .nested-styleguide-test.focus, .ie .nested-styleguide-test:focus {
|
|
14
|
+
cursor: hand;
|
|
15
|
+
}
|
|
16
|
+
.nested-styleguide-test h3 {
|
|
17
|
+
font-size: 18px;
|
|
18
|
+
font-weight: bold;
|
|
19
|
+
line-height: 22px;
|
|
20
|
+
color: #0088cc;
|
|
21
|
+
text-decoration: none;
|
|
22
|
+
}
|
|
23
|
+
.nested-styleguide-test h3.hover, .nested-styleguide-test h3:hover, .nested-styleguide-test h3.focus, .nested-styleguide-test h3:focus {
|
|
24
|
+
text-decoration: none;
|
|
25
|
+
}
|
|
26
|
+
.nested-styleguide-test:after {
|
|
27
|
+
color: red;
|
|
28
|
+
}
|
|
@@ -0,0 +1,177 @@
|
|
|
1
|
+
.simple-button.disabled {
|
|
2
|
+
font-weight: bold;
|
|
3
|
+
border-width: 1px;
|
|
4
|
+
border-style: solid;
|
|
5
|
+
cursor: default;
|
|
6
|
+
margin: 0;
|
|
7
|
+
overflow: visible;
|
|
8
|
+
text-decoration: none !important;
|
|
9
|
+
text-align: center;
|
|
10
|
+
width: auto;
|
|
11
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
12
|
+
-webkit-border-radius: 3px;
|
|
13
|
+
-moz-border-radius: 3px;
|
|
14
|
+
-ms-border-radius: 3px;
|
|
15
|
+
-o-border-radius: 3px;
|
|
16
|
+
border-radius: 3px;
|
|
17
|
+
padding: 0 10px;
|
|
18
|
+
height: 26px;
|
|
19
|
+
line-height: 24px;
|
|
20
|
+
-webkit-box-sizing: border-box;
|
|
21
|
+
-moz-box-sizing: border-box;
|
|
22
|
+
box-sizing: border-box;
|
|
23
|
+
font-size: 12px;
|
|
24
|
+
color: white;
|
|
25
|
+
background-color: #0055cc;
|
|
26
|
+
border-color: #1b5480;
|
|
27
|
+
*zoom: 1;
|
|
28
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
|
|
29
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
|
|
30
|
+
background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
|
|
31
|
+
background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
|
|
32
|
+
background-image: -o-linear-gradient(top, #0066cc, #0033cc);
|
|
33
|
+
background-image: linear-gradient(top, #0066cc, #0033cc);
|
|
34
|
+
white-space: nowrap;
|
|
35
|
+
display: -moz-inline-stack;
|
|
36
|
+
display: inline-block;
|
|
37
|
+
vertical-align: middle;
|
|
38
|
+
*vertical-align: auto;
|
|
39
|
+
zoom: 1;
|
|
40
|
+
*display: inline;
|
|
41
|
+
vertical-align: middle;
|
|
42
|
+
-webkit-box-shadow: none;
|
|
43
|
+
-moz-box-shadow: none;
|
|
44
|
+
box-shadow: none;
|
|
45
|
+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
|
|
46
|
+
opacity: 0.6;
|
|
47
|
+
}
|
|
48
|
+
.simple-button.my-custom-hover {
|
|
49
|
+
font-weight: bold;
|
|
50
|
+
border-width: 1px;
|
|
51
|
+
border-style: solid;
|
|
52
|
+
cursor: pointer;
|
|
53
|
+
margin: 0;
|
|
54
|
+
overflow: visible;
|
|
55
|
+
text-decoration: none !important;
|
|
56
|
+
text-align: center;
|
|
57
|
+
width: auto;
|
|
58
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
59
|
+
-webkit-border-radius: 3px;
|
|
60
|
+
-moz-border-radius: 3px;
|
|
61
|
+
-ms-border-radius: 3px;
|
|
62
|
+
-o-border-radius: 3px;
|
|
63
|
+
border-radius: 3px;
|
|
64
|
+
padding: 0 10px;
|
|
65
|
+
height: 26px;
|
|
66
|
+
line-height: 24px;
|
|
67
|
+
-webkit-box-sizing: border-box;
|
|
68
|
+
-moz-box-sizing: border-box;
|
|
69
|
+
box-sizing: border-box;
|
|
70
|
+
font-size: 12px;
|
|
71
|
+
color: white;
|
|
72
|
+
background-color: #0055cc;
|
|
73
|
+
border-color: #1b5480;
|
|
74
|
+
*zoom: 1;
|
|
75
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
|
|
76
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
|
|
77
|
+
background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
|
|
78
|
+
background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
|
|
79
|
+
background-image: -o-linear-gradient(top, #0066cc, #0033cc);
|
|
80
|
+
background-image: linear-gradient(top, #0066cc, #0033cc);
|
|
81
|
+
white-space: nowrap;
|
|
82
|
+
display: -moz-inline-stack;
|
|
83
|
+
display: inline-block;
|
|
84
|
+
vertical-align: middle;
|
|
85
|
+
*vertical-align: auto;
|
|
86
|
+
zoom: 1;
|
|
87
|
+
*display: inline;
|
|
88
|
+
vertical-align: middle;
|
|
89
|
+
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
|
|
90
|
+
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
|
|
91
|
+
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
|
|
92
|
+
}
|
|
93
|
+
.simple-button.normal {
|
|
94
|
+
font-weight: bold;
|
|
95
|
+
border-width: 1px;
|
|
96
|
+
border-style: solid;
|
|
97
|
+
cursor: pointer;
|
|
98
|
+
margin: 0;
|
|
99
|
+
overflow: visible;
|
|
100
|
+
text-decoration: none !important;
|
|
101
|
+
text-align: center;
|
|
102
|
+
width: auto;
|
|
103
|
+
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
|
|
104
|
+
-webkit-border-radius: 3px;
|
|
105
|
+
-moz-border-radius: 3px;
|
|
106
|
+
-ms-border-radius: 3px;
|
|
107
|
+
-o-border-radius: 3px;
|
|
108
|
+
border-radius: 3px;
|
|
109
|
+
padding: 0 10px;
|
|
110
|
+
height: 26px;
|
|
111
|
+
line-height: 24px;
|
|
112
|
+
-webkit-box-sizing: border-box;
|
|
113
|
+
-moz-box-sizing: border-box;
|
|
114
|
+
box-sizing: border-box;
|
|
115
|
+
font-size: 12px;
|
|
116
|
+
color: white;
|
|
117
|
+
background-color: #0074cc;
|
|
118
|
+
border-color: #1b5480;
|
|
119
|
+
*zoom: 1;
|
|
120
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0088CC', endColorstr='#FF0055CC');
|
|
121
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0088cc), color-stop(100%, #0055cc));
|
|
122
|
+
background-image: -webkit-linear-gradient(top, #0088cc, #0055cc);
|
|
123
|
+
background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
|
|
124
|
+
background-image: -o-linear-gradient(top, #0088cc, #0055cc);
|
|
125
|
+
background-image: linear-gradient(top, #0088cc, #0055cc);
|
|
126
|
+
white-space: nowrap;
|
|
127
|
+
display: -moz-inline-stack;
|
|
128
|
+
display: inline-block;
|
|
129
|
+
vertical-align: middle;
|
|
130
|
+
*vertical-align: auto;
|
|
131
|
+
zoom: 1;
|
|
132
|
+
*display: inline;
|
|
133
|
+
vertical-align: middle;
|
|
134
|
+
}
|
|
135
|
+
.simple-button.normal.hover, .simple-button.normal:hover, .simple-button.normal.focus, .simple-button.normal:focus {
|
|
136
|
+
background-color: #0055cc;
|
|
137
|
+
*zoom: 1;
|
|
138
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
|
|
139
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
|
|
140
|
+
background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
|
|
141
|
+
background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
|
|
142
|
+
background-image: -o-linear-gradient(top, #0066cc, #0033cc);
|
|
143
|
+
background-image: linear-gradient(top, #0066cc, #0033cc);
|
|
144
|
+
-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
|
|
145
|
+
-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
|
|
146
|
+
box-shadow: 0 0 8px rgba(0, 0, 0, 0.15);
|
|
147
|
+
}
|
|
148
|
+
.simple-button.normal.active, .simple-button.normal:active {
|
|
149
|
+
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
|
|
150
|
+
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
|
|
151
|
+
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25) inset;
|
|
152
|
+
}
|
|
153
|
+
.simple-button.normal.disabled, .simple-button.normal[disabled] {
|
|
154
|
+
background-color: #0055cc;
|
|
155
|
+
*zoom: 1;
|
|
156
|
+
filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF0066CC', endColorstr='#FF0033CC');
|
|
157
|
+
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #0066cc), color-stop(100%, #0033cc));
|
|
158
|
+
background-image: -webkit-linear-gradient(top, #0066cc, #0033cc);
|
|
159
|
+
background-image: -moz-linear-gradient(top, #0066cc, #0033cc);
|
|
160
|
+
background-image: -o-linear-gradient(top, #0066cc, #0033cc);
|
|
161
|
+
background-image: linear-gradient(top, #0066cc, #0033cc);
|
|
162
|
+
-webkit-box-shadow: none;
|
|
163
|
+
-moz-box-shadow: none;
|
|
164
|
+
box-shadow: none;
|
|
165
|
+
cursor: default;
|
|
166
|
+
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
|
|
167
|
+
opacity: 0.6;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.anchor.missing {
|
|
171
|
+
color: #0088cc;
|
|
172
|
+
text-decoration: none;
|
|
173
|
+
}
|
|
174
|
+
.anchor.my-custom-hover {
|
|
175
|
+
color: #0088cc;
|
|
176
|
+
text-decoration: underline;
|
|
177
|
+
}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
@font-face {
|
|
2
|
+
font-family: "FontAwesome";
|
|
3
|
+
src: url('/assets/fonts/vendor/archetype/fontawesome-webfont.eot');
|
|
4
|
+
src: url('/assets/fonts/vendor/archetype/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.woff') format('woff'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.ttf') format('truetype'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.svg#FontAwesome') format('svg');
|
|
5
|
+
font-weight: normal;
|
|
6
|
+
font-style: normal;
|
|
7
|
+
}
|
|
8
|
+
|
|
9
|
+
@font-face {
|
|
10
|
+
font-family: "FontAwesome-0.0.1";
|
|
11
|
+
src: url('/assets/fonts/vendor/archetype/fontawesome-webfont.eot');
|
|
12
|
+
src: url('/assets/fonts/vendor/archetype/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.woff') format('woff'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.ttf') format('truetype'), url('/assets/fonts/vendor/archetype/fontawesome-webfont.svg#FontAwesome') format('svg');
|
|
13
|
+
font-weight: normal;
|
|
14
|
+
font-style: normal;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.simple {
|
|
18
|
+
*zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:100%;color:inherit;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
|
|
19
|
+
}
|
|
20
|
+
.simple:before {
|
|
21
|
+
font-family: "FontAwesome-0.0.1", "FontAwesome";
|
|
22
|
+
font-weight: normal;
|
|
23
|
+
font-style: normal;
|
|
24
|
+
text-decoration: inherit;
|
|
25
|
+
speak: none;
|
|
26
|
+
font-size: 100%;
|
|
27
|
+
color: inherit;
|
|
28
|
+
content: "\f0d7";
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.false {
|
|
32
|
+
font-family: "FontAwesome-0.0.1", "FontAwesome";
|
|
33
|
+
font-weight: normal;
|
|
34
|
+
font-style: normal;
|
|
35
|
+
text-decoration: inherit;
|
|
36
|
+
speak: none;
|
|
37
|
+
font-size: 100%;
|
|
38
|
+
color: inherit;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.size {
|
|
42
|
+
*zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.el.style.cssText="font-family:'FontAwesome-0.0.1', 'FontAwesome';font-weight:normal;font-style:normal;text-decoration:inherit;font-size:20px;color:inherit;", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
|
|
43
|
+
}
|
|
44
|
+
.size:before {
|
|
45
|
+
font-family: "FontAwesome-0.0.1", "FontAwesome";
|
|
46
|
+
font-weight: normal;
|
|
47
|
+
font-style: normal;
|
|
48
|
+
text-decoration: inherit;
|
|
49
|
+
speak: none;
|
|
50
|
+
font-size: 20px;
|
|
51
|
+
color: inherit;
|
|
52
|
+
content: "\f0d7";
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.not-inline {
|
|
56
|
+
*zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
|
|
57
|
+
}
|
|
58
|
+
.not-inline:before {
|
|
59
|
+
font-family: "FontAwesome-0.0.1", "FontAwesome";
|
|
60
|
+
font-weight: normal;
|
|
61
|
+
font-style: normal;
|
|
62
|
+
text-decoration: inherit;
|
|
63
|
+
speak: none;
|
|
64
|
+
font-size: 100%;
|
|
65
|
+
color: inherit;
|
|
66
|
+
content: "\f0d7";
|
|
67
|
+
}
|
|
68
|
+
.not-inline #ie-pseudo-archetype-uid-RANDOM_UID {
|
|
69
|
+
font-family: 'FontAwesome-0.0.1', 'FontAwesome';
|
|
70
|
+
font-weight: normal;
|
|
71
|
+
font-style: normal;
|
|
72
|
+
text-decoration: inherit;
|
|
73
|
+
font-size: 100%;
|
|
74
|
+
color: inherit;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.ie-uid {
|
|
78
|
+
*zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
|
|
79
|
+
}
|
|
80
|
+
.ie-uid:before {
|
|
81
|
+
font-family: "FontAwesome-0.0.1", "FontAwesome";
|
|
82
|
+
font-weight: normal;
|
|
83
|
+
font-style: normal;
|
|
84
|
+
text-decoration: inherit;
|
|
85
|
+
speak: none;
|
|
86
|
+
font-size: 100%;
|
|
87
|
+
color: inherit;
|
|
88
|
+
content: "\f0d7";
|
|
89
|
+
}
|
|
90
|
+
.ie-uid #my-custom-id {
|
|
91
|
+
font-family: 'FontAwesome-0.0.1', 'FontAwesome';
|
|
92
|
+
font-weight: normal;
|
|
93
|
+
font-style: normal;
|
|
94
|
+
text-decoration: inherit;
|
|
95
|
+
font-size: 100%;
|
|
96
|
+
color: inherit;
|
|
97
|
+
}
|
|
98
|
+
.ie-uid:before, .ie-uid #my-custom-id {
|
|
99
|
+
color: pink;
|
|
100
|
+
}
|
|
101
|
+
|
|
102
|
+
.content-block {
|
|
103
|
+
*zoom: expression(this.runtimeStyle.zoom="1",(function(t){setTimeout(function(){t.el=document.createElement("x-archetype-glyph"), t.el.innerHTML="", t.insertBefore(t.el,t.childNodes[0]||null)})}(this)));
|
|
104
|
+
}
|
|
105
|
+
.content-block:before {
|
|
106
|
+
font-family: "FontAwesome-0.0.1", "FontAwesome";
|
|
107
|
+
font-weight: normal;
|
|
108
|
+
font-style: normal;
|
|
109
|
+
text-decoration: inherit;
|
|
110
|
+
speak: none;
|
|
111
|
+
font-size: 100%;
|
|
112
|
+
color: inherit;
|
|
113
|
+
content: "\f0d7";
|
|
114
|
+
}
|
|
115
|
+
.content-block #ie-pseudo-archetype-uid-RANDOM_UID {
|
|
116
|
+
font-family: 'FontAwesome-0.0.1', 'FontAwesome';
|
|
117
|
+
font-weight: normal;
|
|
118
|
+
font-style: normal;
|
|
119
|
+
text-decoration: inherit;
|
|
120
|
+
font-size: 100%;
|
|
121
|
+
color: inherit;
|
|
122
|
+
}
|
|
123
|
+
.content-block:before, .content-block #ie-pseudo-archetype-uid-RANDOM_UID {
|
|
124
|
+
position: absolute;
|
|
125
|
+
top: 10px;
|
|
126
|
+
left: 10px;
|
|
127
|
+
}
|