office-ui-fabric-core-rails 4.0.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (57) 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 +56 -0
  8. data/Rakefile +23 -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-core-rails.rb +2 -0
  13. data/lib/office-ui-fabric-core-rails/engine.rb +6 -0
  14. data/lib/office-ui-fabric-core-rails/version.rb +6 -0
  15. data/office-ui-fabric-core-rails.gemspec +35 -0
  16. data/vendor/assets/css/fabric.css +5616 -0
  17. data/vendor/assets/css/fabric.min.css +6 -0
  18. data/vendor/assets/css/fabric.rtl.css +6303 -0
  19. data/vendor/assets/css/fabric.rtl.min.css +6 -0
  20. data/vendor/assets/scss/Fabric.Animations.Output.scss +419 -0
  21. data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss +80 -0
  22. data/vendor/assets/scss/Fabric.Base.Output.scss +14 -0
  23. data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss +443 -0
  24. data/vendor/assets/scss/Fabric.Grid.Output.scss +32 -0
  25. data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +21 -0
  26. data/vendor/assets/scss/Fabric.Icons.Output.scss +708 -0
  27. data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +114 -0
  28. data/vendor/assets/scss/Fabric.RTL.scss +39 -0
  29. data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +1022 -0
  30. data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +67 -0
  31. data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +13 -0
  32. data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +53 -0
  33. data/vendor/assets/scss/Fabric.Typography.Output.scss +389 -0
  34. data/vendor/assets/scss/Fabric.Utilities.Output.scss +46 -0
  35. data/vendor/assets/scss/Fabric.scss +40 -0
  36. data/vendor/assets/scss/_Fabric.Animations.RTL.scss +79 -0
  37. data/vendor/assets/scss/_Fabric.Animations.scss +237 -0
  38. data/vendor/assets/scss/_Fabric.Base.scss +13 -0
  39. data/vendor/assets/scss/_Fabric.Color.Mixins.scss +418 -0
  40. data/vendor/assets/scss/_Fabric.Color.Variables.scss +93 -0
  41. data/vendor/assets/scss/_Fabric.Common.scss +16 -0
  42. data/vendor/assets/scss/_Fabric.Grid.scss +34 -0
  43. data/vendor/assets/scss/_Fabric.Icons.Adjustments.scss +6 -0
  44. data/vendor/assets/scss/_Fabric.Icons.scss +739 -0
  45. data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +325 -0
  46. data/vendor/assets/scss/_Fabric.Mixins.scss +282 -0
  47. data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +697 -0
  48. data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +35 -0
  49. data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +167 -0
  50. data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +50 -0
  51. data/vendor/assets/scss/_Fabric.Typography.Mixins.scss +11 -0
  52. data/vendor/assets/scss/_Fabric.Typography.Variables.scss +29 -0
  53. data/vendor/assets/scss/_Fabric.Typography.scss +345 -0
  54. data/vendor/assets/scss/_Fabric.Utilities.scss +76 -0
  55. data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +32 -0
  56. data/vendor/assets/scss/_Fabric.i18n.scss +316 -0
  57. metadata +170 -0
@@ -0,0 +1,14 @@
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
+ // Wrapper component to set base typography.
7
+
8
+ @import "Fabric.Base";
9
+
10
+ //== Wrapper/base component
11
+ //
12
+ .ms-Fabric {
13
+ @include ms-Fabric;
14
+ }
@@ -0,0 +1,443 @@
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-severeWarning {
223
+ @include ms-bgColor-severeWarning;
224
+ }
225
+
226
+ .ms-bgColor-warning {
227
+ @include ms-bgColor-warning;
228
+ }
229
+
230
+ .ms-bgColor-error {
231
+ @include ms-bgColor-error;
232
+ }
233
+
234
+
235
+ //== Border colors
236
+ //
237
+
238
+ // Theme colors
239
+ .ms-borderColor-themeDark,
240
+ .ms-borderColor-themeDark--hover:hover {
241
+ @include ms-borderColor-themeDark;
242
+ }
243
+
244
+ .ms-borderColor-themeDarkAlt,
245
+ .ms-borderColor-themeDarkAlt--hover:hover {
246
+ @include ms-borderColor-themeDarkAlt;
247
+ }
248
+
249
+ .ms-borderColor-themeDarker,
250
+ .ms-borderColor-themeDarker--hover:hover {
251
+ @include ms-borderColor-themeDarker;
252
+ }
253
+
254
+ .ms-borderColor-themePrimary,
255
+ .ms-borderColor-themePrimary--hover:hover {
256
+ @include ms-borderColor-themePrimary;
257
+ }
258
+
259
+ .ms-borderColor-themeSecondary,
260
+ .ms-borderColor-themeSecondary--hover:hover {
261
+ @include ms-borderColor-themeSecondary;
262
+ }
263
+
264
+ .ms-borderColor-themeTertiary,
265
+ .ms-borderColor-themeTertiary--hover:hover {
266
+ @include ms-borderColor-themeTertiary;
267
+ }
268
+
269
+ .ms-borderColor-themeLight,
270
+ .ms-borderColor-themeLight--hover:hover {
271
+ @include ms-borderColor-themeLight;
272
+ }
273
+
274
+ .ms-borderColor-themeLighter,
275
+ .ms-borderColor-themeLighter--hover:hover {
276
+ @include ms-borderColor-themeLighter;
277
+ }
278
+
279
+ .ms-borderColor-themeLighterAlt,
280
+ .ms-borderColor-themeLighterAlt--hover:hover {
281
+ @include ms-borderColor-themeLighterAlt;
282
+ }
283
+
284
+
285
+ // Neutral colors
286
+ .ms-borderColor-black,
287
+ .ms-borderColor-black--hover:hover {
288
+ @include ms-borderColor-black;
289
+ }
290
+
291
+ .ms-borderColor-neutralDark,
292
+ .ms-borderColor-neutralDark--hover:hover {
293
+ @include ms-borderColor-neutralDark;
294
+ }
295
+
296
+ .ms-borderColor-neutralPrimary,
297
+ .ms-borderColor-neutralPrimary--hover:hover {
298
+ @include ms-borderColor-neutralPrimary;
299
+ }
300
+
301
+ .ms-borderColor-neutralPrimaryAlt,
302
+ .ms-borderColor-neutralPrimaryAlt--hover:hover {
303
+ @include ms-borderColor-neutralPrimaryAlt;
304
+ }
305
+
306
+ .ms-borderColor-neutralSecondary,
307
+ .ms-borderColor-neutralSecondary--hover:hover {
308
+ @include ms-borderColor-neutralSecondary;
309
+ }
310
+
311
+ .ms-borderColor-neutralSecondaryAlt,
312
+ .ms-borderColor-neutralSecondaryAlt--hover:hover {
313
+ @include ms-borderColor-neutralSecondaryAlt;
314
+ }
315
+
316
+ .ms-borderColor-neutralTertiary,
317
+ .ms-borderColor-neutralTertiary--hover:hover {
318
+ @include ms-borderColor-neutralTertiary;
319
+ }
320
+
321
+ .ms-borderColor-neutralTertiaryAlt,
322
+ .ms-borderColor-neutralTertiaryAlt--hover:hover {
323
+ @include ms-borderColor-neutralTertiaryAlt;
324
+ }
325
+
326
+ .ms-borderColor-neutralLight,
327
+ .ms-borderColor-neutralLight--hover:hover {
328
+ @include ms-borderColor-neutralLight;
329
+ }
330
+
331
+ .ms-borderColor-neutralLighter,
332
+ .ms-borderColor-neutralLighter--hover:hover {
333
+ @include ms-borderColor-neutralLighter;
334
+ }
335
+
336
+ .ms-borderColor-neutralLighterAlt,
337
+ .ms-borderColor-neutralLighterAlt--hover:hover {
338
+ @include ms-borderColor-neutralLighterAlt;
339
+ }
340
+
341
+ .ms-borderColor-white,
342
+ .ms-borderColor-white--hover:hover {
343
+ @include ms-borderColor-white;
344
+ }
345
+
346
+ // Brand and accent colors
347
+ .ms-borderColor-yellow {
348
+ @include ms-borderColor-yellow;
349
+ }
350
+
351
+ .ms-borderColor-yellowLight {
352
+ @include ms-borderColor-yellowLight;
353
+ }
354
+
355
+ .ms-borderColor-orange {
356
+ @include ms-borderColor-orange;
357
+ }
358
+
359
+ .ms-borderColor-orangeLight {
360
+ @include ms-borderColor-orangeLight;
361
+ }
362
+
363
+ .ms-borderColor-orangeLighter {
364
+ @include ms-borderColor-orangeLighter;
365
+ }
366
+
367
+ .ms-borderColor-redDark {
368
+ @include ms-borderColor-redDark;
369
+ }
370
+
371
+ .ms-borderColor-red {
372
+ @include ms-borderColor-red;
373
+ }
374
+
375
+ .ms-borderColor-magentaDark {
376
+ @include ms-borderColor-magentaDark;
377
+ }
378
+
379
+ .ms-borderColor-magenta {
380
+ @include ms-borderColor-magenta;
381
+ }
382
+
383
+ .ms-borderColor-magentaLight {
384
+ @include ms-borderColor-magentaLight;
385
+ }
386
+
387
+ .ms-borderColor-purpleDark {
388
+ @include ms-borderColor-purpleDark;
389
+ }
390
+
391
+ .ms-borderColor-purple {
392
+ @include ms-borderColor-purple;
393
+ }
394
+
395
+ .ms-borderColor-purpleLight {
396
+ @include ms-borderColor-purpleLight;
397
+ }
398
+
399
+ .ms-borderColor-blueDark {
400
+ @include ms-borderColor-blueDark;
401
+ }
402
+
403
+ .ms-borderColor-blueMid {
404
+ @include ms-borderColor-blueMid;
405
+ }
406
+
407
+ .ms-borderColor-blue {
408
+ @include ms-borderColor-blue;
409
+ }
410
+
411
+ .ms-borderColor-blueLight {
412
+ @include ms-borderColor-blueLight;
413
+ }
414
+
415
+ .ms-borderColor-tealDark {
416
+ @include ms-borderColor-tealDark;
417
+ }
418
+
419
+ .ms-borderColor-teal {
420
+ @include ms-borderColor-teal;
421
+ }
422
+
423
+ .ms-borderColor-tealLight {
424
+ @include ms-borderColor-tealLight;
425
+ }
426
+
427
+ .ms-borderColor-greenDark {
428
+ @include ms-borderColor-greenDark;
429
+ }
430
+
431
+ .ms-borderColor-green {
432
+ @include ms-borderColor-green;
433
+ }
434
+
435
+ .ms-borderColor-greenLight {
436
+ @include ms-borderColor-greenLight;
437
+ }
438
+
439
+ // Individual borders, by request
440
+ .ms-borderColorTop-themePrimary,
441
+ .ms-borderColorTop-themePrimary--hover:hover {
442
+ @include ms-borderColorTop-themePrimary;
443
+ }