office-ui-fabric-core-rails 5.0.1.0 → 5.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (46) hide show
  1. checksums.yaml +4 -4
  2. data/lib/office-ui-fabric-core-rails/version.rb +2 -2
  3. data/package.json +2 -2
  4. data/vendor/assets/css/fabric.css +470 -428
  5. data/vendor/assets/css/fabric.min.css +2 -2
  6. data/vendor/assets/css/fabric.rtl.css +50 -8
  7. data/vendor/assets/css/fabric.rtl.min.css +2 -2
  8. data/vendor/assets/scss/Fabric.Animations.Output.scss +419 -419
  9. data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss +80 -80
  10. data/vendor/assets/scss/Fabric.Base.Output.scss +14 -14
  11. data/vendor/assets/scss/Fabric.Brand.Icons.Output.scss +18 -18
  12. data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss +443 -443
  13. data/vendor/assets/scss/Fabric.Grid.Output.scss +32 -32
  14. data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +21 -20
  15. data/vendor/assets/scss/Fabric.Icons.Output.scss +751 -740
  16. data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +149 -149
  17. data/vendor/assets/scss/Fabric.RTL.scss +39 -39
  18. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +1012 -1012
  19. data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +67 -67
  20. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +12 -12
  21. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +52 -52
  22. data/vendor/assets/scss/Fabric.Typography.Output.scss +389 -389
  23. data/vendor/assets/scss/Fabric.Utilities.Output.scss +45 -45
  24. data/vendor/assets/scss/Fabric.scss +43 -43
  25. data/vendor/assets/scss/_Fabric.Animations.RTL.scss +79 -79
  26. data/vendor/assets/scss/_Fabric.Animations.scss +237 -237
  27. data/vendor/assets/scss/_Fabric.Base.scss +13 -13
  28. data/vendor/assets/scss/_Fabric.Brand.Icons.scss +50 -50
  29. data/vendor/assets/scss/_Fabric.Color.Mixins.scss +418 -418
  30. data/vendor/assets/scss/_Fabric.Color.Variables.scss +93 -93
  31. data/vendor/assets/scss/_Fabric.Common.scss +16 -16
  32. data/vendor/assets/scss/_Fabric.Grid.scss +33 -33
  33. data/vendor/assets/scss/_Fabric.Icons.scss +779 -770
  34. data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +324 -324
  35. data/vendor/assets/scss/_Fabric.Mixins.scss +281 -281
  36. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +1423 -1423
  37. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +34 -34
  38. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +167 -167
  39. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +49 -49
  40. data/vendor/assets/scss/_Fabric.Typography.Mixins.scss +11 -11
  41. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +29 -29
  42. data/vendor/assets/scss/_Fabric.Typography.scss +345 -345
  43. data/vendor/assets/scss/_Fabric.Utilities.scss +75 -75
  44. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +32 -32
  45. data/vendor/assets/scss/_Fabric.i18n.scss +315 -315
  46. metadata +2 -2
@@ -1,325 +1,325 @@
1
- // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
-
3
- //
4
- // Office UI Fabric
5
- // --------------------------------------------------
6
- // Internationalization mixins
7
-
8
-
9
- // Base left-to-right mixin definition.
10
- @mixin LTR {
11
- [dir='ltr'] & {
12
- @content;
13
- }
14
- }
15
-
16
- // Base right-to-left mixin definition.
17
- @mixin RTL {
18
- [dir='rtl'] & {
19
- @content;
20
- }
21
- }
22
-
23
- // Use baseRTL on a root element (e.g. page or region) that needs RTL support.
24
- @mixin baseRtl {
25
- @include RTL {
26
- direction: rtl;
27
- unicode-bidi: bidi-override;
28
- }
29
- }
30
-
31
-
32
- // Common CSS property mixins with support for RTL.
33
- // Use to automatically create RTL versions of your properties.
34
-
35
- // Border styles.
36
- @mixin border-color($top, $right, $bottom, $left) {
37
- border-color: $top $right $bottom $left;
38
-
39
- @include RTL {
40
- border-color: $top $left $bottom $right;
41
- }
42
- }
43
-
44
- @mixin border-left($width, $style, $color) {
45
- @include LTR {
46
- border-left: $width $style $color;
47
- }
48
-
49
- @include RTL {
50
- border-right: $width $style $color;
51
- }
52
- }
53
-
54
- @mixin border-left-color($color) {
55
- @include LTR {
56
- border-left-color: $color;
57
- }
58
-
59
- @include RTL {
60
- border-right-color: $color;
61
- }
62
- }
63
-
64
- @mixin border-left-style($style) {
65
- @include LTR {
66
- border-left-style: $style;
67
- }
68
-
69
- @include RTL {
70
- border-right-style: $style;
71
- }
72
- }
73
-
74
- @mixin border-left-width($width) {
75
- @include LTR {
76
- border-left-width: $width;
77
- }
78
-
79
- @include RTL {
80
- border-right-width: $width;
81
- }
82
- }
83
-
84
- @mixin border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {
85
- border-radius: $topLeft $topRight $bottomRight $bottomLeft;
86
-
87
- @include RTL {
88
- border-radius: $topRight $topLeft $bottomLeft $bottomRight;
89
- }
90
- }
91
-
92
- @mixin border-right($width, $style, $color) {
93
- @include LTR {
94
- border-right: $width $style $color;
95
- }
96
-
97
- @include RTL {
98
- border-left: $width $style $color;
99
- }
100
- }
101
-
102
- @mixin border-right-color($color) {
103
- @include LTR {
104
- border-right-color: $color;
105
- }
106
-
107
- @include RTL {
108
- border-left-color: $color;
109
- }
110
- }
111
-
112
- @mixin border-right-style($style) {
113
- @include LTR {
114
- border-right-style: $style;
115
- }
116
-
117
- @include RTL {
118
- border-left-style: $style;
119
- }
120
- }
121
-
122
- @mixin border-right-width($width) {
123
- @include LTR {
124
- border-right-width: $width;
125
- }
126
-
127
- @include RTL {
128
- border-left-width: $width;
129
- }
130
- }
131
-
132
- // Floats.
133
- @mixin clear($side) {
134
- @if $side == left {
135
- @include LTR {
136
- clear: $side;
137
- }
138
-
139
- @include RTL {
140
- clear: right;
141
- }
142
- } @else if $side == right {
143
- @include LTR {
144
- clear: $side;
145
- }
146
-
147
- @include RTL {
148
- clear: left;
149
- }
150
- } @else {
151
- clear: $side;
152
- }
153
- }
154
-
155
- @mixin float($direction) {
156
- @if $direction == left {
157
- @include LTR {
158
- float: left;
159
- }
160
-
161
- @include RTL {
162
- float: right;
163
- }
164
- } @else {
165
- @include LTR {
166
- float: right;
167
- }
168
-
169
- @include RTL {
170
- float: left;
171
- }
172
- }
173
- }
174
-
175
- // Positioning.
176
- @mixin left($distance) {
177
- @include LTR {
178
- left: $distance;
179
- }
180
-
181
- @include RTL {
182
- right: $distance;
183
- }
184
- }
185
-
186
- @mixin right($distance) {
187
- @include LTR {
188
- right: $distance;
189
- }
190
-
191
- @include RTL {
192
- left: $distance;
193
- }
194
- }
195
-
196
- // Margins.
197
- @mixin margin($top, $right, $bottom, $left) {
198
- margin: $top $right $bottom $left;
199
-
200
- @include RTL {
201
- margin: $top $left $bottom $right;
202
- }
203
- }
204
-
205
- @mixin margin-left($distance) {
206
- @include LTR {
207
- margin-left: $distance;
208
- }
209
-
210
- @include RTL {
211
- margin-right: $distance;
212
- }
213
- }
214
-
215
- @mixin margin-right($distance) {
216
- @include LTR {
217
- margin-right: $distance;
218
- }
219
- @include RTL {
220
- margin-left: $distance;
221
- }
222
- }
223
-
224
- // Padding.
225
- @mixin padding($top, $right, $bottom, $left) {
226
- padding: $top $right $bottom $left;
227
-
228
- @include RTL {
229
- padding: $top $left $bottom $right;
230
- }
231
- }
232
-
233
- @mixin padding-left($distance) {
234
- @include LTR {
235
- padding-left: $distance;
236
- }
237
-
238
- @include RTL {
239
- padding-right: $distance;
240
- }
241
- }
242
-
243
- @mixin padding-right($distance) {
244
- @include LTR {
245
- padding-right: $distance;
246
- }
247
-
248
- @include RTL {
249
- padding-left: $distance;
250
- }
251
- }
252
-
253
- // Text-alignment.
254
- @mixin text-align($direction) {
255
- @if $direction == left {
256
- @include LTR {
257
- text-align: left;
258
- }
259
-
260
- @include RTL {
261
- text-align: right;
262
- }
263
- } @else {
264
- @include LTR {
265
- text-align: right;
266
- }
267
-
268
- @include RTL {
269
- text-align: left;
270
- }
271
- }
272
- }
273
-
274
- // Box-shadow.
275
- @mixin box-shadow($left, $etc) {
276
- @include LTR {
277
- box-shadow: $left $etc;
278
- }
279
-
280
- @include RTL {
281
- box-shadow: -$left $etc;
282
- }
283
- }
284
-
285
- // Transforms.
286
- @mixin transform-scaleX($scaleX: 1) {
287
- @include LTR {
288
- transform: scaleX($scaleX);
289
- }
290
-
291
- @include RTL {
292
- transform: scaleX(-$scaleX);
293
- }
294
- }
295
-
296
- @mixin transform-translateX($distance) {
297
- @include LTR {
298
- transform: translateX($distance);
299
- }
300
-
301
- @include RTL {
302
- transform: translateX(-$distance);
303
- }
304
- }
305
-
306
- // Transitions. Only supported when ONLY left/right are declared
307
- @mixin transition-property($direction) {
308
- @if $direction == left {
309
- @include LTR {
310
- transition-property: left;
311
- }
312
-
313
- @include RTL {
314
- transition-property: right;
315
- }
316
- } @else {
317
- @include LTR {
318
- transition-property: right;
319
- }
320
-
321
- @include RTL {
322
- transition-property: left;
323
- }
324
- }
1
+ // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
2
+
3
+ //
4
+ // Office UI Fabric
5
+ // --------------------------------------------------
6
+ // Internationalization mixins
7
+
8
+
9
+ // Base left-to-right mixin definition.
10
+ @mixin LTR {
11
+ [dir='ltr'] & {
12
+ @content;
13
+ }
14
+ }
15
+
16
+ // Base right-to-left mixin definition.
17
+ @mixin RTL {
18
+ [dir='rtl'] & {
19
+ @content;
20
+ }
21
+ }
22
+
23
+ // Use baseRTL on a root element (e.g. page or region) that needs RTL support.
24
+ @mixin baseRtl {
25
+ @include RTL {
26
+ direction: rtl;
27
+ unicode-bidi: bidi-override;
28
+ }
29
+ }
30
+
31
+
32
+ // Common CSS property mixins with support for RTL.
33
+ // Use to automatically create RTL versions of your properties.
34
+
35
+ // Border styles.
36
+ @mixin border-color($top, $right, $bottom, $left) {
37
+ border-color: $top $right $bottom $left;
38
+
39
+ @include RTL {
40
+ border-color: $top $left $bottom $right;
41
+ }
42
+ }
43
+
44
+ @mixin border-left($width, $style, $color) {
45
+ @include LTR {
46
+ border-left: $width $style $color;
47
+ }
48
+
49
+ @include RTL {
50
+ border-right: $width $style $color;
51
+ }
52
+ }
53
+
54
+ @mixin border-left-color($color) {
55
+ @include LTR {
56
+ border-left-color: $color;
57
+ }
58
+
59
+ @include RTL {
60
+ border-right-color: $color;
61
+ }
62
+ }
63
+
64
+ @mixin border-left-style($style) {
65
+ @include LTR {
66
+ border-left-style: $style;
67
+ }
68
+
69
+ @include RTL {
70
+ border-right-style: $style;
71
+ }
72
+ }
73
+
74
+ @mixin border-left-width($width) {
75
+ @include LTR {
76
+ border-left-width: $width;
77
+ }
78
+
79
+ @include RTL {
80
+ border-right-width: $width;
81
+ }
82
+ }
83
+
84
+ @mixin border-radius($topLeft, $topRight, $bottomRight, $bottomLeft) {
85
+ border-radius: $topLeft $topRight $bottomRight $bottomLeft;
86
+
87
+ @include RTL {
88
+ border-radius: $topRight $topLeft $bottomLeft $bottomRight;
89
+ }
90
+ }
91
+
92
+ @mixin border-right($width, $style, $color) {
93
+ @include LTR {
94
+ border-right: $width $style $color;
95
+ }
96
+
97
+ @include RTL {
98
+ border-left: $width $style $color;
99
+ }
100
+ }
101
+
102
+ @mixin border-right-color($color) {
103
+ @include LTR {
104
+ border-right-color: $color;
105
+ }
106
+
107
+ @include RTL {
108
+ border-left-color: $color;
109
+ }
110
+ }
111
+
112
+ @mixin border-right-style($style) {
113
+ @include LTR {
114
+ border-right-style: $style;
115
+ }
116
+
117
+ @include RTL {
118
+ border-left-style: $style;
119
+ }
120
+ }
121
+
122
+ @mixin border-right-width($width) {
123
+ @include LTR {
124
+ border-right-width: $width;
125
+ }
126
+
127
+ @include RTL {
128
+ border-left-width: $width;
129
+ }
130
+ }
131
+
132
+ // Floats.
133
+ @mixin clear($side) {
134
+ @if $side == left {
135
+ @include LTR {
136
+ clear: $side;
137
+ }
138
+
139
+ @include RTL {
140
+ clear: right;
141
+ }
142
+ } @else if $side == right {
143
+ @include LTR {
144
+ clear: $side;
145
+ }
146
+
147
+ @include RTL {
148
+ clear: left;
149
+ }
150
+ } @else {
151
+ clear: $side;
152
+ }
153
+ }
154
+
155
+ @mixin float($direction) {
156
+ @if $direction == left {
157
+ @include LTR {
158
+ float: left;
159
+ }
160
+
161
+ @include RTL {
162
+ float: right;
163
+ }
164
+ } @else {
165
+ @include LTR {
166
+ float: right;
167
+ }
168
+
169
+ @include RTL {
170
+ float: left;
171
+ }
172
+ }
173
+ }
174
+
175
+ // Positioning.
176
+ @mixin left($distance) {
177
+ @include LTR {
178
+ left: $distance;
179
+ }
180
+
181
+ @include RTL {
182
+ right: $distance;
183
+ }
184
+ }
185
+
186
+ @mixin right($distance) {
187
+ @include LTR {
188
+ right: $distance;
189
+ }
190
+
191
+ @include RTL {
192
+ left: $distance;
193
+ }
194
+ }
195
+
196
+ // Margins.
197
+ @mixin margin($top, $right, $bottom, $left) {
198
+ margin: $top $right $bottom $left;
199
+
200
+ @include RTL {
201
+ margin: $top $left $bottom $right;
202
+ }
203
+ }
204
+
205
+ @mixin margin-left($distance) {
206
+ @include LTR {
207
+ margin-left: $distance;
208
+ }
209
+
210
+ @include RTL {
211
+ margin-right: $distance;
212
+ }
213
+ }
214
+
215
+ @mixin margin-right($distance) {
216
+ @include LTR {
217
+ margin-right: $distance;
218
+ }
219
+ @include RTL {
220
+ margin-left: $distance;
221
+ }
222
+ }
223
+
224
+ // Padding.
225
+ @mixin padding($top, $right, $bottom, $left) {
226
+ padding: $top $right $bottom $left;
227
+
228
+ @include RTL {
229
+ padding: $top $left $bottom $right;
230
+ }
231
+ }
232
+
233
+ @mixin padding-left($distance) {
234
+ @include LTR {
235
+ padding-left: $distance;
236
+ }
237
+
238
+ @include RTL {
239
+ padding-right: $distance;
240
+ }
241
+ }
242
+
243
+ @mixin padding-right($distance) {
244
+ @include LTR {
245
+ padding-right: $distance;
246
+ }
247
+
248
+ @include RTL {
249
+ padding-left: $distance;
250
+ }
251
+ }
252
+
253
+ // Text-alignment.
254
+ @mixin text-align($direction) {
255
+ @if $direction == left {
256
+ @include LTR {
257
+ text-align: left;
258
+ }
259
+
260
+ @include RTL {
261
+ text-align: right;
262
+ }
263
+ } @else {
264
+ @include LTR {
265
+ text-align: right;
266
+ }
267
+
268
+ @include RTL {
269
+ text-align: left;
270
+ }
271
+ }
272
+ }
273
+
274
+ // Box-shadow.
275
+ @mixin box-shadow($left, $etc) {
276
+ @include LTR {
277
+ box-shadow: $left $etc;
278
+ }
279
+
280
+ @include RTL {
281
+ box-shadow: -$left $etc;
282
+ }
283
+ }
284
+
285
+ // Transforms.
286
+ @mixin transform-scaleX($scaleX: 1) {
287
+ @include LTR {
288
+ transform: scaleX($scaleX);
289
+ }
290
+
291
+ @include RTL {
292
+ transform: scaleX(-$scaleX);
293
+ }
294
+ }
295
+
296
+ @mixin transform-translateX($distance) {
297
+ @include LTR {
298
+ transform: translateX($distance);
299
+ }
300
+
301
+ @include RTL {
302
+ transform: translateX(-$distance);
303
+ }
304
+ }
305
+
306
+ // Transitions. Only supported when ONLY left/right are declared
307
+ @mixin transition-property($direction) {
308
+ @if $direction == left {
309
+ @include LTR {
310
+ transition-property: left;
311
+ }
312
+
313
+ @include RTL {
314
+ transition-property: right;
315
+ }
316
+ } @else {
317
+ @include LTR {
318
+ transition-property: right;
319
+ }
320
+
321
+ @include RTL {
322
+ transition-property: left;
323
+ }
324
+ }
325
325
  }