office-ui-fabric-rails 2.5.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +11 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +5 -0
  5. data/Gemfile +4 -0
  6. data/LICENSE +21 -0
  7. data/README.md +69 -0
  8. data/Rakefile +24 -0
  9. data/bin/console +14 -0
  10. data/bin/setup +8 -0
  11. data/bower.json +7 -0
  12. data/lib/office-ui-fabric-rails.rb +2 -0
  13. data/lib/office-ui-fabric-rails/engine.rb +6 -0
  14. data/lib/office-ui-fabric-rails/version.rb +6 -0
  15. data/office-ui-fabric-rails.gemspec +35 -0
  16. data/vendor/assets/css/fabric.components.css +6553 -0
  17. data/vendor/assets/css/fabric.components.min.css +6 -0
  18. data/vendor/assets/css/fabric.components.rtl.css +6355 -0
  19. data/vendor/assets/css/fabric.components.rtl.min.css +6 -0
  20. data/vendor/assets/css/fabric.css +5991 -0
  21. data/vendor/assets/css/fabric.min.css +6 -0
  22. data/vendor/assets/css/fabric.rtl.css +6280 -0
  23. data/vendor/assets/css/fabric.rtl.min.css +6 -0
  24. data/vendor/assets/js/jquery.fabric.js +2451 -0
  25. data/vendor/assets/js/jquery.fabric.min.js +2 -0
  26. data/vendor/assets/scss/Fabric.Animations.Output.scss +419 -0
  27. data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss +80 -0
  28. data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss +458 -0
  29. data/vendor/assets/scss/Fabric.Components.scss +31 -0
  30. data/vendor/assets/scss/Fabric.Grid.Output.scss +32 -0
  31. data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +23 -0
  32. data/vendor/assets/scss/Fabric.Icons.Output.scss +771 -0
  33. data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +114 -0
  34. data/vendor/assets/scss/Fabric.RTL.scss +39 -0
  35. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +1022 -0
  36. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +76 -0
  37. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +56 -0
  38. data/vendor/assets/scss/Fabric.Typography.Output.scss +379 -0
  39. data/vendor/assets/scss/Fabric.Utilities.Output.scss +23 -0
  40. data/vendor/assets/scss/Fabric.scss +40 -0
  41. data/vendor/assets/scss/_Fabric.Animations.RTL.scss +79 -0
  42. data/vendor/assets/scss/_Fabric.Animations.scss +237 -0
  43. data/vendor/assets/scss/_Fabric.Color.Mixins.scss +414 -0
  44. data/vendor/assets/scss/_Fabric.Color.Variables.scss +90 -0
  45. data/vendor/assets/scss/_Fabric.Common.scss +15 -0
  46. data/vendor/assets/scss/_Fabric.Grid.scss +34 -0
  47. data/vendor/assets/scss/_Fabric.Icons.scss +397 -0
  48. data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +315 -0
  49. data/vendor/assets/scss/_Fabric.Mixins.scss +274 -0
  50. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +697 -0
  51. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +35 -0
  52. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +170 -0
  53. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +118 -0
  54. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +27 -0
  55. data/vendor/assets/scss/_Fabric.Typography.scss +357 -0
  56. data/vendor/assets/scss/_Fabric.Utilities.scss +36 -0
  57. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +32 -0
  58. data/vendor/assets/scss/_Office.Color.Variables.scss +34 -0
  59. metadata +172 -0
@@ -0,0 +1,458 @@
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
+ // Fabric Core Color Mixins
7
+
8
+ @import "Fabric.Color.Mixins";
9
+
10
+ //== Background colors
11
+ //
12
+ // Theme colors
13
+ .ms-bgColor-themeDark,
14
+ .ms-bgColor-themeDark--hover:hover {
15
+ @include ms-bgColor-themeDark;
16
+ }
17
+
18
+ .ms-bgColor-themeDarkAlt,
19
+ .ms-bgColor-themeDarkAlt--hover:hover {
20
+ @include ms-bgColor-themeDarkAlt;
21
+ }
22
+
23
+ .ms-bgColor-themeDarker,
24
+ .ms-bgColor-themeDarker--hover:hover {
25
+ @include ms-bgColor-themeDarker;
26
+ }
27
+
28
+ .ms-bgColor-themePrimary,
29
+ .ms-bgColor-themePrimary--hover:hover {
30
+ @include ms-bgColor-themePrimary;
31
+ }
32
+
33
+ .ms-bgColor-themeSecondary,
34
+ .ms-bgColor-themeSecondary--hover:hover {
35
+ @include ms-bgColor-themeSecondary;
36
+ }
37
+
38
+ .ms-bgColor-themeTertiary,
39
+ .ms-bgColor-themeTertiary--hover:hover {
40
+ @include ms-bgColor-themeTertiary;
41
+ }
42
+
43
+ .ms-bgColor-themeLight,
44
+ .ms-bgColor-themeLight--hover:hover {
45
+ @include ms-bgColor-themeLight;
46
+ }
47
+
48
+ .ms-bgColor-themeLighter,
49
+ .ms-bgColor-themeLighter--hover:hover {
50
+ @include ms-bgColor-themeLighter;
51
+ }
52
+
53
+ .ms-bgColor-themeLighterAlt,
54
+ .ms-bgColor-themeLighterAlt--hover:hover {
55
+ @include ms-bgColor-themeLighterAlt;
56
+ }
57
+
58
+ // Neutral colors
59
+ .ms-bgColor-black,
60
+ .ms-bgColor-black--hover:hover {
61
+ @include ms-bgColor-black;
62
+ }
63
+
64
+ .ms-bgColor-neutralDark,
65
+ .ms-bgColor-neutralDark--hover:hover {
66
+ @include ms-bgColor-neutralDark;
67
+ }
68
+
69
+ .ms-bgColor-neutralPrimary,
70
+ .ms-bgColor-neutralPrimary--hover:hover {
71
+ @include ms-bgColor-neutralPrimary;
72
+ }
73
+
74
+ .ms-bgColor-neutralPrimaryAlt,
75
+ .ms-bgColor-neutralPrimaryAlt--hover:hover {
76
+ @include ms-bgColor-neutralPrimaryAlt;
77
+ }
78
+
79
+ .ms-bgColor-neutralSecondary,
80
+ .ms-bgColor-neutralSecondary--hover:hover {
81
+ @include ms-bgColor-neutralSecondary;
82
+ }
83
+
84
+ .ms-bgColor-neutralSecondaryAlt,
85
+ .ms-bgColor-neutralSecondaryAlt--hover:hover {
86
+ @include ms-bgColor-neutralSecondaryAlt;
87
+ }
88
+
89
+ .ms-bgColor-neutralTertiary,
90
+ .ms-bgColor-neutralTertiary--hover:hover {
91
+ @include ms-bgColor-neutralTertiary;
92
+ }
93
+
94
+ .ms-bgColor-neutralTertiaryAlt,
95
+ .ms-bgColor-neutralTertiaryAlt--hover:hover {
96
+ @include ms-bgColor-neutralTertiaryAlt;
97
+ }
98
+
99
+ .ms-bgColor-neutralLight,
100
+ .ms-bgColor-neutralLight--hover:hover {
101
+ @include ms-bgColor-neutralLight;
102
+ }
103
+
104
+ .ms-bgColor-neutralLighter,
105
+ .ms-bgColor-neutralLighter--hover:hover {
106
+ @include ms-bgColor-neutralLighter;
107
+ }
108
+
109
+ .ms-bgColor-neutralLighterAlt,
110
+ .ms-bgColor-neutralLighterAlt--hover:hover {
111
+ @include ms-bgColor-neutralLighterAlt;
112
+ }
113
+
114
+ .ms-bgColor-white,
115
+ .ms-bgColor-white--hover:hover {
116
+ @include ms-bgColor-white;
117
+ }
118
+
119
+
120
+ // Brand and accent colors
121
+ .ms-bgColor-yellow {
122
+ @include ms-bgColor-yellow;
123
+ }
124
+
125
+ .ms-bgColor-yellowLight {
126
+ @include ms-bgColor-yellowLight;
127
+ }
128
+
129
+ .ms-bgColor-orange {
130
+ @include ms-bgColor-orange;
131
+ }
132
+
133
+ .ms-bgColor-orangeLight {
134
+ @include ms-bgColor-orangeLight;
135
+ }
136
+
137
+ .ms-bgColor-orangeLighter {
138
+ @include ms-bgColor-orangeLighter;
139
+ }
140
+
141
+ .ms-bgColor-redDark {
142
+ @include ms-bgColor-redDark;
143
+ }
144
+
145
+ .ms-bgColor-red {
146
+ @include ms-bgColor-red;
147
+ }
148
+
149
+ .ms-bgColor-magentaDark {
150
+ @include ms-bgColor-magentaDark;
151
+ }
152
+
153
+ .ms-bgColor-magenta {
154
+ @include ms-bgColor-magenta;
155
+ }
156
+
157
+ .ms-bgColor-magentaLight {
158
+ @include ms-bgColor-magentaLight;
159
+ }
160
+
161
+ .ms-bgColor-purpleDark {
162
+ @include ms-bgColor-purpleDark;
163
+ }
164
+
165
+ .ms-bgColor-purple {
166
+ @include ms-bgColor-purple;
167
+ }
168
+
169
+ .ms-bgColor-purpleLight {
170
+ @include ms-bgColor-purpleLight;
171
+ }
172
+
173
+ .ms-bgColor-blueDark {
174
+ @include ms-bgColor-blueDark;
175
+ }
176
+
177
+ .ms-bgColor-blueMid {
178
+ @include ms-bgColor-blueMid;
179
+ }
180
+
181
+ .ms-bgColor-blue {
182
+ @include ms-bgColor-blue;
183
+ }
184
+
185
+ .ms-bgColor-blueLight {
186
+ @include ms-bgColor-blueLight;
187
+ }
188
+
189
+ .ms-bgColor-tealDark {
190
+ @include ms-bgColor-tealDark;
191
+ }
192
+
193
+ .ms-bgColor-teal {
194
+ @include ms-bgColor-teal;
195
+ }
196
+
197
+ .ms-bgColor-tealLight {
198
+ @include ms-bgColor-tealLight;
199
+ }
200
+
201
+ .ms-bgColor-greenDark {
202
+ @include ms-bgColor-greenDark;
203
+ }
204
+
205
+ .ms-bgColor-green {
206
+ @include ms-bgColor-green;
207
+ }
208
+
209
+ .ms-bgColor-greenLight {
210
+ @include ms-bgColor-greenLight;
211
+ }
212
+
213
+ // Message colors
214
+ .ms-bgColor-info {
215
+ @include ms-bgColor-info;
216
+ }
217
+
218
+ .ms-bgColor-success {
219
+ @include ms-bgColor-success;
220
+ }
221
+
222
+ .ms-bgColor-alert {
223
+ @include ms-bgColor-alert;
224
+ }
225
+
226
+ .ms-bgColor-error {
227
+ @include ms-bgColor-error;
228
+ }
229
+
230
+
231
+ //== Border colors
232
+ //
233
+
234
+ // Theme colors
235
+ .ms-borderColor-themeDark,
236
+ .ms-borderColor-themeDark--hover:hover {
237
+ @include ms-borderColor-themeDark;
238
+ }
239
+
240
+ .ms-borderColor-themeDarkAlt,
241
+ .ms-borderColor-themeDarkAlt--hover:hover {
242
+ @include ms-borderColor-themeDarkAlt;
243
+ }
244
+
245
+ .ms-borderColor-themeDarker,
246
+ .ms-borderColor-themeDarker--hover:hover {
247
+ @include ms-borderColor-themeDarker;
248
+ }
249
+
250
+ .ms-borderColor-themePrimary,
251
+ .ms-borderColor-themePrimary--hover:hover {
252
+ @include ms-borderColor-themePrimary;
253
+ }
254
+
255
+ .ms-borderColor-themeSecondary,
256
+ .ms-borderColor-themeSecondary--hover:hover {
257
+ @include ms-borderColor-themeSecondary;
258
+ }
259
+
260
+ .ms-borderColor-themeTertiary,
261
+ .ms-borderColor-themeTertiary--hover:hover {
262
+ @include ms-borderColor-themeTertiary;
263
+ }
264
+
265
+ .ms-borderColor-themeLight,
266
+ .ms-borderColor-themeLight--hover:hover {
267
+ @include ms-borderColor-themeLight;
268
+ }
269
+
270
+ .ms-borderColor-themeLighter,
271
+ .ms-borderColor-themeLighter--hover:hover {
272
+ @include ms-borderColor-themeLighter;
273
+ }
274
+
275
+ .ms-borderColor-themeLighterAlt,
276
+ .ms-borderColor-themeLighterAlt--hover:hover {
277
+ @include ms-borderColor-themeLighterAlt;
278
+ }
279
+
280
+
281
+ // Neutral colors
282
+ .ms-borderColor-black,
283
+ .ms-borderColor-black--hover:hover {
284
+ @include ms-borderColor-black;
285
+ }
286
+
287
+ .ms-borderColor-neutralDark,
288
+ .ms-borderColor-neutralDark--hover:hover {
289
+ @include ms-borderColor-neutralDark;
290
+ }
291
+
292
+ .ms-borderColor-neutralPrimary,
293
+ .ms-borderColor-neutralPrimary--hover:hover {
294
+ @include ms-borderColor-neutralPrimary;
295
+ }
296
+
297
+ .ms-borderColor-neutralPrimaryAlt,
298
+ .ms-borderColor-neutralPrimaryAlt--hover:hover {
299
+ @include ms-borderColor-neutralPrimaryAlt;
300
+ }
301
+
302
+ .ms-borderColor-neutralSecondary,
303
+ .ms-borderColor-neutralSecondary--hover:hover {
304
+ @include ms-borderColor-neutralSecondary;
305
+ }
306
+
307
+ .ms-borderColor-neutralSecondaryAlt,
308
+ .ms-borderColor-neutralSecondaryAlt--hover:hover {
309
+ @include ms-borderColor-neutralSecondaryAlt;
310
+ }
311
+
312
+ .ms-borderColor-neutralTertiary,
313
+ .ms-borderColor-neutralTertiary--hover:hover {
314
+ @include ms-borderColor-neutralTertiary;
315
+ }
316
+
317
+ .ms-borderColor-neutralTertiaryAlt,
318
+ .ms-borderColor-neutralTertiaryAlt--hover:hover {
319
+ @include ms-borderColor-neutralTertiaryAlt;
320
+ }
321
+
322
+ .ms-borderColor-neutralLight,
323
+ .ms-borderColor-neutralLight--hover:hover {
324
+ @include ms-borderColor-neutralLight;
325
+ }
326
+
327
+ .ms-borderColor-neutralLighter,
328
+ .ms-borderColor-neutralLighter--hover:hover {
329
+ @include ms-borderColor-neutralLighter;
330
+ }
331
+
332
+ .ms-borderColor-neutralLighterAlt,
333
+ .ms-borderColor-neutralLighterAlt--hover:hover {
334
+ @include ms-borderColor-neutralLighterAlt;
335
+ }
336
+
337
+ .ms-borderColor-white,
338
+ .ms-borderColor-white--hover:hover {
339
+ @include ms-borderColor-white;
340
+ }
341
+
342
+ // Brand and accent colors
343
+ .ms-borderColor-yellow {
344
+ @include ms-borderColor-yellow;
345
+ }
346
+
347
+ .ms-borderColor-yellowLight {
348
+ @include ms-borderColor-yellowLight;
349
+ }
350
+
351
+ .ms-borderColor-orange {
352
+ @include ms-borderColor-orange;
353
+ }
354
+
355
+ .ms-borderColor-orangeLight {
356
+ @include ms-borderColor-orangeLight;
357
+ }
358
+
359
+ .ms-borderColor-orangeLighter {
360
+ @include ms-borderColor-orangeLighter;
361
+ }
362
+
363
+ .ms-borderColor-redDark {
364
+ @include ms-borderColor-redDark;
365
+ }
366
+
367
+ .ms-borderColor-red {
368
+ @include ms-borderColor-red;
369
+ }
370
+
371
+ .ms-borderColor-magentaDark {
372
+ @include ms-borderColor-magentaDark;
373
+ }
374
+
375
+ .ms-borderColor-magenta {
376
+ @include ms-borderColor-magenta;
377
+ }
378
+
379
+ .ms-borderColor-magentaLight {
380
+ @include ms-borderColor-magentaLight;
381
+ }
382
+
383
+ .ms-borderColor-purpleDark {
384
+ @include ms-borderColor-purpleDark;
385
+ }
386
+
387
+ .ms-borderColor-purple {
388
+ @include ms-borderColor-purple;
389
+ }
390
+
391
+ .ms-borderColor-purpleLight {
392
+ @include ms-borderColor-purpleLight;
393
+ }
394
+
395
+ .ms-borderColor-blueDark {
396
+ @include ms-borderColor-blueDark;
397
+ }
398
+
399
+ .ms-borderColor-blueMid {
400
+ @include ms-borderColor-blueMid;
401
+ }
402
+
403
+ .ms-borderColor-blue {
404
+ @include ms-borderColor-blue;
405
+ }
406
+
407
+ .ms-borderColor-blueLight {
408
+ @include ms-borderColor-blueLight;
409
+ }
410
+
411
+ .ms-borderColor-tealDark {
412
+ @include ms-borderColor-tealDark;
413
+ }
414
+
415
+ .ms-borderColor-teal {
416
+ @include ms-borderColor-teal;
417
+ }
418
+
419
+ .ms-borderColor-tealLight {
420
+ @include ms-borderColor-tealLight;
421
+ }
422
+
423
+ .ms-borderColor-greenDark {
424
+ @include ms-borderColor-greenDark;
425
+ }
426
+
427
+ .ms-borderColor-green {
428
+ @include ms-borderColor-green;
429
+ }
430
+
431
+ .ms-borderColor-greenLight {
432
+ @include ms-borderColor-greenLight;
433
+ }
434
+
435
+
436
+ // Message colors
437
+ .ms-borderColor-info {
438
+ @include ms-borderColor-info;
439
+ }
440
+
441
+ .ms-borderColor-success {
442
+ @include ms-borderColor-success;
443
+ }
444
+
445
+ .ms-borderColor-alert {
446
+ @include ms-borderColor-alert;
447
+ }
448
+
449
+ .ms-borderColor-error {
450
+ @include ms-borderColor-error;
451
+ }
452
+
453
+
454
+ // Individual borders, by request
455
+ .ms-borderColorTop-themePrimary,
456
+ .ms-borderColorTop-themePrimary--hover:hover {
457
+ @include ms-borderColorTop-themePrimary;
458
+ }