corrade-nucleus-nucleons – Blame information for rev
?pathlinks?
Rev | Author | Line No. | Line |
---|---|---|---|
1 | office | 1 | // Vendor Prefixes |
2 | // |
||
3 | // All vendor mixins are deprecated as of v3.2.0 due to the introduction of |
||
4 | // Autoprefixer in our Gruntfile. They have been removed in v4. |
||
5 | |||
6 | // - Animations |
||
7 | // - Backface visibility |
||
8 | // - Box shadow |
||
9 | // - Box sizing |
||
10 | // - Content columns |
||
11 | // - Hyphens |
||
12 | // - Placeholder text |
||
13 | // - Transformations |
||
14 | // - Transitions |
||
15 | // - User Select |
||
16 | |||
17 | |||
18 | // Animations |
||
19 | .animation(@animation) { |
||
20 | -webkit-animation: @animation; |
||
21 | -o-animation: @animation; |
||
22 | animation: @animation; |
||
23 | } |
||
24 | .animation-name(@name) { |
||
25 | -webkit-animation-name: @name; |
||
26 | animation-name: @name; |
||
27 | } |
||
28 | .animation-duration(@duration) { |
||
29 | -webkit-animation-duration: @duration; |
||
30 | animation-duration: @duration; |
||
31 | } |
||
32 | .animation-timing-function(@timing-function) { |
||
33 | -webkit-animation-timing-function: @timing-function; |
||
34 | animation-timing-function: @timing-function; |
||
35 | } |
||
36 | .animation-delay(@delay) { |
||
37 | -webkit-animation-delay: @delay; |
||
38 | animation-delay: @delay; |
||
39 | } |
||
40 | .animation-iteration-count(@iteration-count) { |
||
41 | -webkit-animation-iteration-count: @iteration-count; |
||
42 | animation-iteration-count: @iteration-count; |
||
43 | } |
||
44 | .animation-direction(@direction) { |
||
45 | -webkit-animation-direction: @direction; |
||
46 | animation-direction: @direction; |
||
47 | } |
||
48 | .animation-fill-mode(@fill-mode) { |
||
49 | -webkit-animation-fill-mode: @fill-mode; |
||
50 | animation-fill-mode: @fill-mode; |
||
51 | } |
||
52 | |||
53 | // Backface visibility |
||
54 | // Prevent browsers from flickering when using CSS 3D transforms. |
||
55 | // Default value is `visible`, but can be changed to `hidden` |
||
56 | |||
57 | .backface-visibility(@visibility) { |
||
58 | -webkit-backface-visibility: @visibility; |
||
59 | -moz-backface-visibility: @visibility; |
||
60 | backface-visibility: @visibility; |
||
61 | } |
||
62 | |||
63 | // Drop shadows |
||
64 | // |
||
65 | // Note: Deprecated `.box-shadow()` as of v3.1.0 since all of Bootstrap's |
||
66 | // supported browsers that have box shadow capabilities now support it. |
||
67 | |||
68 | .box-shadow(@shadow) { |
||
69 | -webkit-box-shadow: @shadow; // iOS <4.3 & Android <4.1 |
||
70 | box-shadow: @shadow; |
||
71 | } |
||
72 | |||
73 | // Box sizing |
||
74 | .box-sizing(@boxmodel) { |
||
75 | -webkit-box-sizing: @boxmodel; |
||
76 | -moz-box-sizing: @boxmodel; |
||
77 | box-sizing: @boxmodel; |
||
78 | } |
||
79 | |||
80 | // CSS3 Content Columns |
||
81 | .content-columns(@column-count; @column-gap: @grid-gutter-width) { |
||
82 | -webkit-column-count: @column-count; |
||
83 | -moz-column-count: @column-count; |
||
84 | column-count: @column-count; |
||
85 | -webkit-column-gap: @column-gap; |
||
86 | -moz-column-gap: @column-gap; |
||
87 | column-gap: @column-gap; |
||
88 | } |
||
89 | |||
90 | // Optional hyphenation |
||
91 | .hyphens(@mode: auto) { |
||
92 | word-wrap: break-word; |
||
93 | -webkit-hyphens: @mode; |
||
94 | -moz-hyphens: @mode; |
||
95 | -ms-hyphens: @mode; // IE10+ |
||
96 | -o-hyphens: @mode; |
||
97 | hyphens: @mode; |
||
98 | } |
||
99 | |||
100 | // Placeholder text |
||
101 | .placeholder(@color: @input-color-placeholder) { |
||
102 | // Firefox |
||
103 | &::-moz-placeholder { |
||
104 | color: @color; |
||
105 | opacity: 1; // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526 |
||
106 | } |
||
107 | &:-ms-input-placeholder { color: @color; } // Internet Explorer 10+ |
||
108 | &::-webkit-input-placeholder { color: @color; } // Safari and Chrome |
||
109 | } |
||
110 | |||
111 | // Transformations |
||
112 | .scale(@ratio) { |
||
113 | -webkit-transform: scale(@ratio); |
||
114 | -ms-transform: scale(@ratio); // IE9 only |
||
115 | -o-transform: scale(@ratio); |
||
116 | transform: scale(@ratio); |
||
117 | } |
||
118 | .scale(@ratioX; @ratioY) { |
||
119 | -webkit-transform: scale(@ratioX, @ratioY); |
||
120 | -ms-transform: scale(@ratioX, @ratioY); // IE9 only |
||
121 | -o-transform: scale(@ratioX, @ratioY); |
||
122 | transform: scale(@ratioX, @ratioY); |
||
123 | } |
||
124 | .scaleX(@ratio) { |
||
125 | -webkit-transform: scaleX(@ratio); |
||
126 | -ms-transform: scaleX(@ratio); // IE9 only |
||
127 | -o-transform: scaleX(@ratio); |
||
128 | transform: scaleX(@ratio); |
||
129 | } |
||
130 | .scaleY(@ratio) { |
||
131 | -webkit-transform: scaleY(@ratio); |
||
132 | -ms-transform: scaleY(@ratio); // IE9 only |
||
133 | -o-transform: scaleY(@ratio); |
||
134 | transform: scaleY(@ratio); |
||
135 | } |
||
136 | .skew(@x; @y) { |
||
137 | -webkit-transform: skewX(@x) skewY(@y); |
||
138 | -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+ |
||
139 | -o-transform: skewX(@x) skewY(@y); |
||
140 | transform: skewX(@x) skewY(@y); |
||
141 | } |
||
142 | .translate(@x; @y) { |
||
143 | -webkit-transform: translate(@x, @y); |
||
144 | -ms-transform: translate(@x, @y); // IE9 only |
||
145 | -o-transform: translate(@x, @y); |
||
146 | transform: translate(@x, @y); |
||
147 | } |
||
148 | .translate3d(@x; @y; @z) { |
||
149 | -webkit-transform: translate3d(@x, @y, @z); |
||
150 | transform: translate3d(@x, @y, @z); |
||
151 | } |
||
152 | .rotate(@degrees) { |
||
153 | -webkit-transform: rotate(@degrees); |
||
154 | -ms-transform: rotate(@degrees); // IE9 only |
||
155 | -o-transform: rotate(@degrees); |
||
156 | transform: rotate(@degrees); |
||
157 | } |
||
158 | .rotateX(@degrees) { |
||
159 | -webkit-transform: rotateX(@degrees); |
||
160 | -ms-transform: rotateX(@degrees); // IE9 only |
||
161 | -o-transform: rotateX(@degrees); |
||
162 | transform: rotateX(@degrees); |
||
163 | } |
||
164 | .rotateY(@degrees) { |
||
165 | -webkit-transform: rotateY(@degrees); |
||
166 | -ms-transform: rotateY(@degrees); // IE9 only |
||
167 | -o-transform: rotateY(@degrees); |
||
168 | transform: rotateY(@degrees); |
||
169 | } |
||
170 | .perspective(@perspective) { |
||
171 | -webkit-perspective: @perspective; |
||
172 | -moz-perspective: @perspective; |
||
173 | perspective: @perspective; |
||
174 | } |
||
175 | .perspective-origin(@perspective) { |
||
176 | -webkit-perspective-origin: @perspective; |
||
177 | -moz-perspective-origin: @perspective; |
||
178 | perspective-origin: @perspective; |
||
179 | } |
||
180 | .transform-origin(@origin) { |
||
181 | -webkit-transform-origin: @origin; |
||
182 | -moz-transform-origin: @origin; |
||
183 | -ms-transform-origin: @origin; // IE9 only |
||
184 | transform-origin: @origin; |
||
185 | } |
||
186 | |||
187 | |||
188 | // Transitions |
||
189 | |||
190 | .transition(@transition) { |
||
191 | -webkit-transition: @transition; |
||
192 | -o-transition: @transition; |
||
193 | transition: @transition; |
||
194 | } |
||
195 | .transition-property(@transition-property) { |
||
196 | -webkit-transition-property: @transition-property; |
||
197 | transition-property: @transition-property; |
||
198 | } |
||
199 | .transition-delay(@transition-delay) { |
||
200 | -webkit-transition-delay: @transition-delay; |
||
201 | transition-delay: @transition-delay; |
||
202 | } |
||
203 | .transition-duration(@transition-duration) { |
||
204 | -webkit-transition-duration: @transition-duration; |
||
205 | transition-duration: @transition-duration; |
||
206 | } |
||
207 | .transition-timing-function(@timing-function) { |
||
208 | -webkit-transition-timing-function: @timing-function; |
||
209 | transition-timing-function: @timing-function; |
||
210 | } |
||
211 | .transition-transform(@transition) { |
||
212 | -webkit-transition: -webkit-transform @transition; |
||
213 | -moz-transition: -moz-transform @transition; |
||
214 | -o-transition: -o-transform @transition; |
||
215 | transition: transform @transition; |
||
216 | } |
||
217 | |||
218 | |||
219 | // User select |
||
220 | // For selecting text on the page |
||
221 | |||
222 | .user-select(@select) { |
||
223 | -webkit-user-select: @select; |
||
224 | -moz-user-select: @select; |
||
225 | -ms-user-select: @select; // IE10+ |
||
226 | user-select: @select; |
||
227 | } |