CoCalc -- phui-font-icon-base.css

GitHub Repository: freebsd/phabricator
Path: blob/master/webroot/rsrc/css/font/phui-font-icon-base.css
¹²²⁴¹ views
1
/**
2
 * @provides phui-font-icon-base-css
3
 */
4

5
.phui-font-fa {
6
  display: inline-block;
7
  color: {$darkgreytext};
8
  font-style: normal;
9
  font-weight: normal;
10
  line-height: 1;
11
  -webkit-font-smoothing: antialiased;
12
  -moz-osx-font-smoothing: grayscale;
13
}
14

15
.ph-rotate-90 {
16
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
17
  -webkit-transform: rotate(90deg);
18
  -moz-transform: rotate(90deg);
19
  -ms-transform: rotate(90deg);
20
  -o-transform: rotate(90deg);
21
  transform: rotate(90deg);
22
}
23

24
.ph-rotate-180 {
25
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
26
  -webkit-transform: rotate(180deg);
27
  -moz-transform: rotate(180deg);
28
  -ms-transform: rotate(180deg);
29
  -o-transform: rotate(180deg);
30
  transform: rotate(180deg);
31
}
32

33
.ph-rotate-270 {
34
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
35
  -webkit-transform: rotate(270deg);
36
  -moz-transform: rotate(270deg);
37
  -ms-transform: rotate(270deg);
38
  -o-transform: rotate(270deg);
39
  transform: rotate(270deg);
40
}
41

42
.ph-flip-horizontal {
43
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
44
  -webkit-transform: scale(-1, 1);
45
  -moz-transform: scale(-1, 1);
46
  -ms-transform: scale(-1, 1);
47
  -o-transform: scale(-1, 1);
48
  transform: scale(-1, 1);
49
}
50

51
.ph-flip-vertical {
52
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
53
  -webkit-transform: scale(1, -1);
54
  -moz-transform: scale(1, -1);
55
  -ms-transform: scale(1, -1);
56
  -o-transform: scale(1, -1);
57
  transform: scale(1, -1);
58
}
59

60
.ph-spin {
61
  -webkit-animation: spin 2s infinite linear;
62
  -moz-animation: spin 2s infinite linear;
63
  -o-animation: spin 2s infinite linear;
64
  animation: spin 2s infinite linear;
65
}
66
@-moz-keyframes spin {
67
  0% {
68
    -moz-transform: rotate(0deg);
69
  }
70
  100% {
71
    -moz-transform: rotate(359deg);
72
  }
73
}
74
@-webkit-keyframes spin {
75
  0% {
76
    -webkit-transform: rotate(0deg);
77
  }
78
  100% {
79
    -webkit-transform: rotate(359deg);
80
  }
81
}
82
@-o-keyframes spin {
83
  0% {
84
    -o-transform: rotate(0deg);
85
  }
86
  100% {
87
    -o-transform: rotate(359deg);
88
  }
89
}
90
@-ms-keyframes spin {
91
  0% {
92
    -ms-transform: rotate(0deg);
93
  }
94
  100% {
95
    -ms-transform: rotate(359deg);
96
  }
97
}
98
@keyframes spin {
99
  0% {
100
    transform: rotate(0deg);
101
  }
102
  100% {
103
    transform: rotate(359deg);
104
  }
105
}
106

107
.phui-icon-view.dark {
108
  color: {$darkgreytext};
109
}
110
.phui-icon-view.bluegrey {
111
  color: {$bluetext};
112
}
113
.phui-icon-view.white {
114
  color: #fff;
115
}
116
.phui-icon-view.red  {
117
  color: {$red};
118
}
119

120
.phui-icon-view.delete-color  {
121
  color: {$delete-color};
122
}
123

124
.phui-icon-view.orange {
125
  color: {$orange};
126
}
127
.phui-icon-view.yellow {
128
  color: {$yellow};
129
}
130
.phui-icon-view.green {
131
  color: {$green}
132
}
133

134
.phui-icon-view.create-color  {
135
  color: {$create-color};
136
}
137

138
.phui-icon-view.blue {
139
  color: {$blue};
140
}
141
.phui-icon-view.sky {
142
  color: {$sky};
143
}
144
.phui-icon-view.indigo {
145
  color: {$indigo};
146
}
147
.phui-icon-view.pink {
148
  color: {$pink};
149
}
150
.phui-icon-view.fire {
151
  color: {$fire};
152
}
153
.phui-icon-view.violet {
154
  color: {$violet};
155
}
156
.phui-icon-view.lightbluetext {
157
  color: {$lightbluetext};
158
}
159
.phui-icon-view.lightgreytext,
160
.phui-icon-view.grey {
161
  color: rgba({$alphagrey},0.3);
162
}
163

164
/* Backgrounds */
165

166
.phui-icon-view.bg-dark {
167
  background-color: {$darkgreytext};
168
}
169
.phui-icon-view.bg-bluegrey {
170
  background-color: {$bluetext};
171
}
172
.phui-icon-view.bg-grey {
173
  background-color: {$lightgreytext};
174
}
175
.phui-icon-view.bg-red  {
176
  background-color: {$red};
177
}
178
.phui-icon-view.bg-orange {
179
  background-color: {$orange};
180
}
181
.phui-icon-view.bg-yellow {
182
  background-color: {$yellow};
183
}
184
.phui-icon-view.bg-green {
185
  background-color: {$green}
186
}
187
.phui-icon-view.bg-blue {
188
  background-color: {$blue};
189
}
190
.phui-icon-view.bg-sky {
191
  background-color: {$sky};
192
}
193
.phui-icon-view.bg-indigo {
194
  background-color: {$indigo};
195
}
196
.phui-icon-view.bg-pink {
197
  background-color: {$pink};
198
}
199
.phui-icon-view.bg-fire {
200
  background-color: {$fire};
201
}
202
.phui-icon-view.bg-violet {
203
  background-color: {$violet};
204
}
205

206
/* Hovers */
207

208
.device-desktop a.phui-icon-view.lightgreytext:hover,
209
.device-desktop a.phui-icon-view.grey:hover {
210
  color: {$darkgreytext};
211
}
212

213
.device-desktop a.phui-icon-view.bluegrey:hover {
214
  color: {$darkbluetext};
215
}
216

217
Product

Resources

Company
