office-ui-fabric-rails 2.5.0.0

Sign up to get free protection for your applications and to get access to all the features.
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
+ }