office-ui-fabric-core-rails 4.0.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.
- checksums.yaml +7 -0
- data/.gitignore +11 -0
- data/.rspec +2 -0
- data/.travis.yml +5 -0
- data/Gemfile +4 -0
- data/LICENSE +21 -0
- data/README.md +56 -0
- data/Rakefile +23 -0
- data/bin/console +14 -0
- data/bin/setup +8 -0
- data/bower.json +7 -0
- data/lib/office-ui-fabric-core-rails.rb +2 -0
- data/lib/office-ui-fabric-core-rails/engine.rb +6 -0
- data/lib/office-ui-fabric-core-rails/version.rb +6 -0
- data/office-ui-fabric-core-rails.gemspec +35 -0
- data/vendor/assets/css/fabric.css +5616 -0
- data/vendor/assets/css/fabric.min.css +6 -0
- data/vendor/assets/css/fabric.rtl.css +6303 -0
- data/vendor/assets/css/fabric.rtl.min.css +6 -0
- data/vendor/assets/scss/Fabric.Animations.Output.scss +419 -0
- data/vendor/assets/scss/Fabric.Animations.RTL.Output.scss +80 -0
- data/vendor/assets/scss/Fabric.Base.Output.scss +14 -0
- data/vendor/assets/scss/Fabric.Color.Mixins.Output.scss +443 -0
- data/vendor/assets/scss/Fabric.Grid.Output.scss +32 -0
- data/vendor/assets/scss/Fabric.Icons.Font.Output.scss +21 -0
- data/vendor/assets/scss/Fabric.Icons.Output.scss +708 -0
- data/vendor/assets/scss/Fabric.Icons.RTL.Output.scss +114 -0
- data/vendor/assets/scss/Fabric.RTL.scss +39 -0
- data/vendor/assets/scss/Fabric.Responsive.Utilities.Output.scss +1022 -0
- data/vendor/assets/scss/Fabric.Typography.Fonts.Extended.Output.scss +67 -0
- data/vendor/assets/scss/Fabric.Typography.Fonts.Output.scss +13 -0
- data/vendor/assets/scss/Fabric.Typography.Language.Overrides.Output.scss +53 -0
- data/vendor/assets/scss/Fabric.Typography.Output.scss +389 -0
- data/vendor/assets/scss/Fabric.Utilities.Output.scss +46 -0
- data/vendor/assets/scss/Fabric.scss +40 -0
- data/vendor/assets/scss/_Fabric.Animations.RTL.scss +79 -0
- data/vendor/assets/scss/_Fabric.Animations.scss +237 -0
- data/vendor/assets/scss/_Fabric.Base.scss +13 -0
- data/vendor/assets/scss/_Fabric.Color.Mixins.scss +418 -0
- data/vendor/assets/scss/_Fabric.Color.Variables.scss +93 -0
- data/vendor/assets/scss/_Fabric.Common.scss +16 -0
- data/vendor/assets/scss/_Fabric.Grid.scss +34 -0
- data/vendor/assets/scss/_Fabric.Icons.Adjustments.scss +6 -0
- data/vendor/assets/scss/_Fabric.Icons.scss +739 -0
- data/vendor/assets/scss/_Fabric.Mixins.RTL.scss +325 -0
- data/vendor/assets/scss/_Fabric.Mixins.scss +282 -0
- data/vendor/assets/scss/_Fabric.Responsive.Utilities.Variables.scss +697 -0
- data/vendor/assets/scss/_Fabric.Responsive.Variables.scss +35 -0
- data/vendor/assets/scss/_Fabric.Typography.Fonts.scss +167 -0
- data/vendor/assets/scss/_Fabric.Typography.Language.Overrides.scss +50 -0
- data/vendor/assets/scss/_Fabric.Typography.Mixins.scss +11 -0
- data/vendor/assets/scss/_Fabric.Typography.Variables.scss +29 -0
- data/vendor/assets/scss/_Fabric.Typography.scss +345 -0
- data/vendor/assets/scss/_Fabric.Utilities.scss +76 -0
- data/vendor/assets/scss/_Fabric.ZIndex.Variables.scss +32 -0
- data/vendor/assets/scss/_Fabric.i18n.scss +316 -0
- metadata +170 -0
@@ -0,0 +1,114 @@
|
|
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
|
+
// RTL overrides for Fabricicons
|
7
|
+
|
8
|
+
|
9
|
+
@import 'Fabric.Icons.Output';
|
10
|
+
|
11
|
+
// Flip icons with 'directionality'
|
12
|
+
.ms-Icon--question,
|
13
|
+
.ms-Icon--calendar,
|
14
|
+
.ms-Icon--folder,
|
15
|
+
.ms-Icon--chat,
|
16
|
+
.ms-Icon--listBullets,
|
17
|
+
.ms-Icon--folderMove,
|
18
|
+
.ms-Icon--mailSend,
|
19
|
+
.ms-Icon--reply,
|
20
|
+
.ms-Icon--play,
|
21
|
+
.ms-Icon--replyAll,
|
22
|
+
.ms-Icon--refresh,
|
23
|
+
.ms-Icon--questionReverse,
|
24
|
+
.ms-Icon--notRecurring,
|
25
|
+
.ms-Icon--tasks,
|
26
|
+
.ms-Icon--check,
|
27
|
+
.ms-Icon--arrowLeft,
|
28
|
+
.ms-Icon--arrowRight,
|
29
|
+
.ms-Icon--directions,
|
30
|
+
.ms-Icon--caretLeft,
|
31
|
+
.ms-Icon--caretRight,
|
32
|
+
.ms-Icon--caretUpLeft,
|
33
|
+
.ms-Icon--caretUpRight,
|
34
|
+
.ms-Icon--caretDownRight,
|
35
|
+
.ms-Icon--caretDownLeft,
|
36
|
+
.ms-Icon--note,
|
37
|
+
.ms-Icon--noteReply,
|
38
|
+
.ms-Icon--noteForward,
|
39
|
+
.ms-Icon--taskRecurring,
|
40
|
+
.ms-Icon--documentReply,
|
41
|
+
.ms-Icon--documentForward,
|
42
|
+
.ms-Icon--reactivate,
|
43
|
+
.ms-Icon--chevronLeft,
|
44
|
+
.ms-Icon--chevronRight,
|
45
|
+
.ms-Icon--notebook,
|
46
|
+
.ms-Icon--chevronsLeft,
|
47
|
+
.ms-Icon--chevronsRight,
|
48
|
+
.ms-Icon--receiptForward,
|
49
|
+
.ms-Icon--receiptReply,
|
50
|
+
.ms-Icon--receiptCheck,
|
51
|
+
.ms-Icon--eventShare,
|
52
|
+
.ms-Icon--oofReply,
|
53
|
+
.ms-Icon--voicemailReply,
|
54
|
+
.ms-Icon--voicemailForward,
|
55
|
+
.ms-Icon--post,
|
56
|
+
.ms-Icon--toggle,
|
57
|
+
.ms-Icon--late,
|
58
|
+
.ms-Icon--eventRecurring,
|
59
|
+
.ms-Icon--cart,
|
60
|
+
.ms-Icon--socialListening,
|
61
|
+
.ms-Icon--replyAlt,
|
62
|
+
.ms-Icon--replyAllAlt,
|
63
|
+
.ms-Icon--graph,
|
64
|
+
.ms-Icon--pinLeft,
|
65
|
+
.ms-Icon--chart,
|
66
|
+
.ms-Icon--page,
|
67
|
+
.ms-Icon--document,
|
68
|
+
.ms-Icon--metadata,
|
69
|
+
.ms-Icon--pointItem,
|
70
|
+
.ms-Icon--dropdown,
|
71
|
+
.ms-Icon--checkbox,
|
72
|
+
.ms-Icon--reload,
|
73
|
+
.ms-Icon--multiChoice,
|
74
|
+
.ms-Icon--contactForm,
|
75
|
+
.ms-Icon--inboxCheck,
|
76
|
+
.ms-Icon--checkboxCheck,
|
77
|
+
.ms-Icon--folderSearch,
|
78
|
+
.ms-Icon--listCheck,
|
79
|
+
.ms-Icon--listGroup,
|
80
|
+
.ms-Icon--timeline
|
81
|
+
.ms-Icon--mailCheck,
|
82
|
+
.ms-Icon--listCheckbox,
|
83
|
+
.ms-Icon--sunQuestion,
|
84
|
+
.ms-Icon--chevronThinLeft,
|
85
|
+
.ms-Icon--chevronThinRight,
|
86
|
+
.ms-Icon--chevronThickLeft,
|
87
|
+
.ms-Icon--chevronThickRight,
|
88
|
+
.ms-Icon--documentLandscape,
|
89
|
+
.ms-Icon--peopleCheck,
|
90
|
+
.ms-Icon--caretLeftOutline,
|
91
|
+
.ms-Icon--caretRightOutline,
|
92
|
+
.ms-Icon--mailSync,
|
93
|
+
.ms-Icon--peopleSync,
|
94
|
+
.ms-Icon--checkPeople,
|
95
|
+
.ms-Icon--sortLines,
|
96
|
+
.ms-Icon--triangleRight::before,
|
97
|
+
.ms-Icon--triangleLeft::before,
|
98
|
+
.ms-Icon--contactPublic::before,
|
99
|
+
.ms-Icon--triangleEmptyRight::before,
|
100
|
+
.ms-Icon--triangleEmptyLeft::before,
|
101
|
+
.ms-Icon--fileDocument::before,
|
102
|
+
.ms-Icon--listGroup2::before,
|
103
|
+
.ms-Icon--copy::before,
|
104
|
+
.ms-Icon--sections::before,
|
105
|
+
.ms-Icon--arrowUpRight::before,
|
106
|
+
.ms-Icon--arrowDownRight::before,
|
107
|
+
.ms-Icon--arrowDownLeft::before,
|
108
|
+
.ms-Icon--arrowUpLeft::before,
|
109
|
+
.ms-Icon--bundle::before {
|
110
|
+
-moz-transform: scaleX(-1);
|
111
|
+
-webkit-transform: scaleX(-1);
|
112
|
+
-o-transform: scaleX(-1);
|
113
|
+
transform: scaleX(-1);
|
114
|
+
}
|
@@ -0,0 +1,39 @@
|
|
1
|
+
// Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
|
2
|
+
|
3
|
+
//
|
4
|
+
// OSS Framework Design Language
|
5
|
+
// --------------------------------------------------
|
6
|
+
// Fabric Core Module Loader (RTL)
|
7
|
+
|
8
|
+
// Common utilities
|
9
|
+
@import './Fabric.Utilities.Output';
|
10
|
+
@import './Fabric.ZIndex.Variables';
|
11
|
+
@import './Fabric.Mixins';
|
12
|
+
@import './Fabric.Mixins.RTL';
|
13
|
+
|
14
|
+
// Colors
|
15
|
+
@import './Fabric.Color.Variables';
|
16
|
+
@import './Fabric.Color.Mixins.Output';
|
17
|
+
|
18
|
+
// Typography
|
19
|
+
@import './Fabric.Typography.Variables';
|
20
|
+
@import './Fabric.Typography.Fonts.Output';
|
21
|
+
@import './Fabric.Typography.Output';
|
22
|
+
@import './Fabric.Typography.Language.Overrides.Output';
|
23
|
+
|
24
|
+
// Icons
|
25
|
+
@import './Fabric.Icons.Font.Output';
|
26
|
+
@import './Fabric.Icons.RTL.Output';
|
27
|
+
|
28
|
+
// Animations
|
29
|
+
@import './Fabric.Animations.RTL.Output';
|
30
|
+
|
31
|
+
// Responsive
|
32
|
+
@import './Fabric.Responsive.Variables';
|
33
|
+
@import './Fabric.Responsive.Utilities.Output';
|
34
|
+
|
35
|
+
// Grid
|
36
|
+
@import './Fabric.Grid.Output';
|
37
|
+
|
38
|
+
// Base/wrapper component
|
39
|
+
@import './Fabric.Base.Output';
|
@@ -0,0 +1,1022 @@
|
|
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
|
+
// Responsive utilities based on defined variables, component visibility,
|
7
|
+
// and size for different displays.
|
8
|
+
@import "./Fabric.Responsive.Variables";
|
9
|
+
@import "./Fabric.Responsive.Utilities.Variables";
|
10
|
+
|
11
|
+
//== Responsive visiblity classes
|
12
|
+
//
|
13
|
+
|
14
|
+
// Hidden on small
|
15
|
+
@media (max-width: $ms-screen-sm-max) {
|
16
|
+
.ms-u-hiddenSm,
|
17
|
+
.ms-u-hiddenMdDown,
|
18
|
+
.ms-u-hiddenLgDown,
|
19
|
+
.ms-u-hiddenXlDown,
|
20
|
+
.ms-u-hiddenXxlDown {
|
21
|
+
display: none !important;
|
22
|
+
}
|
23
|
+
}
|
24
|
+
|
25
|
+
// Hidden on medium
|
26
|
+
@media (min-width: $ms-screen-md-min) and (max-width: $ms-screen-md-max) {
|
27
|
+
.ms-u-hiddenMd,
|
28
|
+
.ms-u-hiddenMdUp,
|
29
|
+
.ms-u-hiddenMdDown,
|
30
|
+
.ms-u-hiddenLgDown,
|
31
|
+
.ms-u-hiddenXlDown,
|
32
|
+
.ms-u-hiddenXxlDown {
|
33
|
+
display: none !important;
|
34
|
+
}
|
35
|
+
}
|
36
|
+
|
37
|
+
// Hidden on large
|
38
|
+
@media (min-width: $ms-screen-lg-min) and (max-width: $ms-screen-lg-max) {
|
39
|
+
.ms-u-hiddenMdUp,
|
40
|
+
.ms-u-hiddenLg,
|
41
|
+
.ms-u-hiddenLgUp,
|
42
|
+
.ms-u-hiddenLgDown,
|
43
|
+
.ms-u-hiddenXlDown,
|
44
|
+
.ms-u-hiddenXxlDown {
|
45
|
+
display: none !important;
|
46
|
+
}
|
47
|
+
}
|
48
|
+
|
49
|
+
// Hidden on extra large
|
50
|
+
@media (min-width: $ms-screen-xl-min) and (max-width: $ms-screen-xl-max) {
|
51
|
+
.ms-u-hiddenMdUp,
|
52
|
+
.ms-u-hiddenLgUp,
|
53
|
+
.ms-u-hiddenXl,
|
54
|
+
.ms-u-hiddenXlUp,
|
55
|
+
.ms-u-hiddenXlDown,
|
56
|
+
.ms-u-hiddenXxlDown {
|
57
|
+
display: none !important;
|
58
|
+
}
|
59
|
+
}
|
60
|
+
|
61
|
+
// Hidden on extra extra large
|
62
|
+
@media (min-width: $ms-screen-xxl-min) and (max-width: $ms-screen-xxl-max) {
|
63
|
+
.ms-u-hiddenMdUp,
|
64
|
+
.ms-u-hiddenLgUp,
|
65
|
+
.ms-u-hiddenXlUp,
|
66
|
+
.ms-u-hiddenXxl,
|
67
|
+
.ms-u-hiddenXxlUp,
|
68
|
+
.ms-u-hiddenXxlDown {
|
69
|
+
display: none !important;
|
70
|
+
}
|
71
|
+
}
|
72
|
+
|
73
|
+
// Hidden on extra extra extra large
|
74
|
+
@media (min-width: $ms-screen-xxxl-min) {
|
75
|
+
.ms-u-hiddenMdUp,
|
76
|
+
.ms-u-hiddenLgUp,
|
77
|
+
.ms-u-hiddenXlUp,
|
78
|
+
.ms-u-hiddenXxlUp,
|
79
|
+
.ms-u-hiddenXxxl {
|
80
|
+
display: none !important;
|
81
|
+
}
|
82
|
+
}
|
83
|
+
|
84
|
+
|
85
|
+
//== Responsive sizes
|
86
|
+
//
|
87
|
+
// These are all based on a 12 column grid. For example,
|
88
|
+
// ms-u-sm6 sets the width to 50% (6/12) on small screens.
|
89
|
+
|
90
|
+
// Small screens (default)
|
91
|
+
.ms-u-sm12 {
|
92
|
+
@include ms-u-sm12;
|
93
|
+
}
|
94
|
+
.ms-u-sm11 {
|
95
|
+
@include ms-u-sm11;
|
96
|
+
}
|
97
|
+
.ms-u-sm10 {
|
98
|
+
@include ms-u-sm10;
|
99
|
+
}
|
100
|
+
.ms-u-sm9 {
|
101
|
+
@include ms-u-sm9;
|
102
|
+
}
|
103
|
+
.ms-u-sm8 {
|
104
|
+
@include ms-u-sm8;
|
105
|
+
}
|
106
|
+
.ms-u-sm7 {
|
107
|
+
@include ms-u-sm7;
|
108
|
+
}
|
109
|
+
.ms-u-sm6 {
|
110
|
+
@include ms-u-sm6;
|
111
|
+
}
|
112
|
+
.ms-u-sm5 {
|
113
|
+
@include ms-u-sm5;
|
114
|
+
}
|
115
|
+
.ms-u-sm4 {
|
116
|
+
@include ms-u-sm4;
|
117
|
+
}
|
118
|
+
.ms-u-sm3 {
|
119
|
+
@include ms-u-sm3;
|
120
|
+
}
|
121
|
+
.ms-u-sm2 {
|
122
|
+
@include ms-u-sm2;
|
123
|
+
}
|
124
|
+
.ms-u-sm1 {
|
125
|
+
@include ms-u-sm1;
|
126
|
+
}
|
127
|
+
.ms-u-smPull12 {
|
128
|
+
@include ms-u-smPull12;
|
129
|
+
}
|
130
|
+
.ms-u-smPull11 {
|
131
|
+
@include ms-u-smPull11;
|
132
|
+
}
|
133
|
+
.ms-u-smPull10 {
|
134
|
+
@include ms-u-smPull10;
|
135
|
+
}
|
136
|
+
.ms-u-smPull9 {
|
137
|
+
@include ms-u-smPull9;
|
138
|
+
}
|
139
|
+
.ms-u-smPull8 {
|
140
|
+
@include ms-u-smPull8;
|
141
|
+
}
|
142
|
+
.ms-u-smPull7 {
|
143
|
+
@include ms-u-smPull7;
|
144
|
+
}
|
145
|
+
.ms-u-smPull6 {
|
146
|
+
@include ms-u-smPull6;
|
147
|
+
}
|
148
|
+
.ms-u-smPull5 {
|
149
|
+
@include ms-u-smPull5;
|
150
|
+
}
|
151
|
+
.ms-u-smPull4 {
|
152
|
+
@include ms-u-smPull4;
|
153
|
+
}
|
154
|
+
.ms-u-smPull3 {
|
155
|
+
@include ms-u-smPull3;
|
156
|
+
}
|
157
|
+
.ms-u-smPull2 {
|
158
|
+
@include ms-u-smPull2;
|
159
|
+
}
|
160
|
+
.ms-u-smPull1 {
|
161
|
+
@include ms-u-smPull1;
|
162
|
+
}
|
163
|
+
.ms-u-smPull0 {
|
164
|
+
@include ms-u-smPull0;
|
165
|
+
}
|
166
|
+
.ms-u-smPush12 {
|
167
|
+
@include ms-u-smPush12;
|
168
|
+
}
|
169
|
+
.ms-u-smPush11 {
|
170
|
+
@include ms-u-smPush11;
|
171
|
+
}
|
172
|
+
.ms-u-smPush10 {
|
173
|
+
@include ms-u-smPush10;
|
174
|
+
}
|
175
|
+
.ms-u-smPush9 {
|
176
|
+
@include ms-u-smPush9;
|
177
|
+
}
|
178
|
+
.ms-u-smPush8 {
|
179
|
+
@include ms-u-smPush8;
|
180
|
+
}
|
181
|
+
.ms-u-smPush7 {
|
182
|
+
@include ms-u-smPush7;
|
183
|
+
}
|
184
|
+
.ms-u-smPush6 {
|
185
|
+
@include ms-u-smPush6;
|
186
|
+
}
|
187
|
+
.ms-u-smPush5 {
|
188
|
+
@include ms-u-smPush5;
|
189
|
+
}
|
190
|
+
.ms-u-smPush4 {
|
191
|
+
@include ms-u-smPush4;
|
192
|
+
}
|
193
|
+
.ms-u-smPush3 {
|
194
|
+
@include ms-u-smPush3;
|
195
|
+
}
|
196
|
+
.ms-u-smPush2 {
|
197
|
+
@include ms-u-smPush2;
|
198
|
+
}
|
199
|
+
.ms-u-smPush1 {
|
200
|
+
@include ms-u-smPush1;
|
201
|
+
}
|
202
|
+
.ms-u-smPush0 {
|
203
|
+
@include ms-u-smPush0;
|
204
|
+
}
|
205
|
+
|
206
|
+
// Small Offset classes 0 ... 11
|
207
|
+
.ms-u-smOffset11 {
|
208
|
+
margin-left: 91.66666666666666%;
|
209
|
+
}
|
210
|
+
.ms-u-smOffset10 {
|
211
|
+
margin-left: 83.33333333333334%;
|
212
|
+
}
|
213
|
+
.ms-u-smOffset9 {
|
214
|
+
margin-left: 75%;
|
215
|
+
}
|
216
|
+
.ms-u-smOffset8 {
|
217
|
+
margin-left: 66.66666666666666%;
|
218
|
+
}
|
219
|
+
.ms-u-smOffset7 {
|
220
|
+
margin-left: 58.333333333333336%;
|
221
|
+
}
|
222
|
+
.ms-u-smOffset6 {
|
223
|
+
margin-left: 50%;
|
224
|
+
}
|
225
|
+
.ms-u-smOffset5 {
|
226
|
+
margin-left: 41.66666666666667%;
|
227
|
+
}
|
228
|
+
.ms-u-smOffset4 {
|
229
|
+
margin-left: 33.33333333333333%;
|
230
|
+
}
|
231
|
+
.ms-u-smOffset3 {
|
232
|
+
margin-left: 25%;
|
233
|
+
}
|
234
|
+
.ms-u-smOffset2 {
|
235
|
+
margin-left: 16.666666666666664%;
|
236
|
+
}
|
237
|
+
.ms-u-smOffset1 {
|
238
|
+
margin-left: 8.333333333333332%;
|
239
|
+
}
|
240
|
+
.ms-u-smOffset0 {
|
241
|
+
margin-left: 0;
|
242
|
+
}
|
243
|
+
|
244
|
+
// Medium screens
|
245
|
+
@media (min-width: $ms-screen-md-min) {
|
246
|
+
.ms-u-md12 {
|
247
|
+
@include ms-u-md12;
|
248
|
+
}
|
249
|
+
.ms-u-md11 {
|
250
|
+
@include ms-u-md11;
|
251
|
+
}
|
252
|
+
.ms-u-md10 {
|
253
|
+
@include ms-u-md10;
|
254
|
+
}
|
255
|
+
.ms-u-md9 {
|
256
|
+
@include ms-u-md9;
|
257
|
+
}
|
258
|
+
.ms-u-md8 {
|
259
|
+
@include ms-u-md8;
|
260
|
+
}
|
261
|
+
.ms-u-md7 {
|
262
|
+
@include ms-u-md7;
|
263
|
+
}
|
264
|
+
.ms-u-md6 {
|
265
|
+
@include ms-u-md6;
|
266
|
+
}
|
267
|
+
.ms-u-md5 {
|
268
|
+
@include ms-u-md5;
|
269
|
+
}
|
270
|
+
.ms-u-md4 {
|
271
|
+
@include ms-u-md4;
|
272
|
+
}
|
273
|
+
.ms-u-md3 {
|
274
|
+
@include ms-u-md3;
|
275
|
+
}
|
276
|
+
.ms-u-md2 {
|
277
|
+
@include ms-u-md2;
|
278
|
+
}
|
279
|
+
.ms-u-md1 {
|
280
|
+
@include ms-u-md1;
|
281
|
+
}
|
282
|
+
.ms-u-mdPull12 {
|
283
|
+
@include ms-u-mdPull12;
|
284
|
+
}
|
285
|
+
.ms-u-mdPull11 {
|
286
|
+
@include ms-u-mdPull11;
|
287
|
+
}
|
288
|
+
.ms-u-mdPull10 {
|
289
|
+
@include ms-u-mdPull10;
|
290
|
+
}
|
291
|
+
.ms-u-mdPull9 {
|
292
|
+
@include ms-u-mdPull9;
|
293
|
+
}
|
294
|
+
.ms-u-mdPull8 {
|
295
|
+
@include ms-u-mdPull8;
|
296
|
+
}
|
297
|
+
.ms-u-mdPull7 {
|
298
|
+
@include ms-u-mdPull7;
|
299
|
+
}
|
300
|
+
.ms-u-mdPull6 {
|
301
|
+
@include ms-u-mdPull6;
|
302
|
+
}
|
303
|
+
.ms-u-mdPull5 {
|
304
|
+
@include ms-u-mdPull5;
|
305
|
+
}
|
306
|
+
.ms-u-mdPull4 {
|
307
|
+
@include ms-u-mdPull4;
|
308
|
+
}
|
309
|
+
.ms-u-mdPull3 {
|
310
|
+
@include ms-u-mdPull3;
|
311
|
+
}
|
312
|
+
.ms-u-mdPull2 {
|
313
|
+
@include ms-u-mdPull2;
|
314
|
+
}
|
315
|
+
.ms-u-mdPull1 {
|
316
|
+
@include ms-u-mdPull1;
|
317
|
+
}
|
318
|
+
.ms-u-mdPull0 {
|
319
|
+
@include ms-u-mdPull0;
|
320
|
+
}
|
321
|
+
.ms-u-mdPush12 {
|
322
|
+
@include ms-u-mdPush12;
|
323
|
+
}
|
324
|
+
.ms-u-mdPush11 {
|
325
|
+
@include ms-u-mdPush11;
|
326
|
+
}
|
327
|
+
.ms-u-mdPush10 {
|
328
|
+
@include ms-u-mdPush10;
|
329
|
+
}
|
330
|
+
.ms-u-mdPush9 {
|
331
|
+
@include ms-u-mdPush9;
|
332
|
+
}
|
333
|
+
.ms-u-mdPush8 {
|
334
|
+
@include ms-u-mdPush8;
|
335
|
+
}
|
336
|
+
.ms-u-mdPush7 {
|
337
|
+
@include ms-u-mdPush7;
|
338
|
+
}
|
339
|
+
.ms-u-mdPush6 {
|
340
|
+
@include ms-u-mdPush6;
|
341
|
+
}
|
342
|
+
.ms-u-mdPush5 {
|
343
|
+
@include ms-u-mdPush5;
|
344
|
+
}
|
345
|
+
.ms-u-mdPush4 {
|
346
|
+
@include ms-u-mdPush4;
|
347
|
+
}
|
348
|
+
.ms-u-mdPush3 {
|
349
|
+
@include ms-u-mdPush3;
|
350
|
+
}
|
351
|
+
.ms-u-mdPush2 {
|
352
|
+
@include ms-u-mdPush2;
|
353
|
+
}
|
354
|
+
.ms-u-mdPush1 {
|
355
|
+
@include ms-u-mdPush1;
|
356
|
+
}
|
357
|
+
.ms-u-mdPush0 {
|
358
|
+
@include ms-u-mdPush0;
|
359
|
+
}
|
360
|
+
|
361
|
+
// Medium Offset classes 0 ... 11
|
362
|
+
.ms-u-mdOffset11 {
|
363
|
+
margin-left: 91.66666666666666%;
|
364
|
+
}
|
365
|
+
.ms-u-mdOffset10 {
|
366
|
+
margin-left: 83.33333333333334%;
|
367
|
+
}
|
368
|
+
.ms-u-mdOffset9 {
|
369
|
+
margin-left: 75%;
|
370
|
+
}
|
371
|
+
.ms-u-mdOffset8 {
|
372
|
+
margin-left: 66.66666666666666%;
|
373
|
+
}
|
374
|
+
.ms-u-mdOffset7 {
|
375
|
+
margin-left: 58.333333333333336%;
|
376
|
+
}
|
377
|
+
.ms-u-mdOffset6 {
|
378
|
+
margin-left: 50%;
|
379
|
+
}
|
380
|
+
.ms-u-mdOffset5 {
|
381
|
+
margin-left: 41.66666666666667%;
|
382
|
+
}
|
383
|
+
.ms-u-mdOffset4 {
|
384
|
+
margin-left: 33.33333333333333%;
|
385
|
+
}
|
386
|
+
.ms-u-mdOffset3 {
|
387
|
+
margin-left: 25%;
|
388
|
+
}
|
389
|
+
.ms-u-mdOffset2 {
|
390
|
+
margin-left: 16.666666666666664%;
|
391
|
+
}
|
392
|
+
.ms-u-mdOffset1 {
|
393
|
+
margin-left: 8.333333333333332%;
|
394
|
+
}
|
395
|
+
.ms-u-mdOffset0 {
|
396
|
+
margin-left: 0;
|
397
|
+
}
|
398
|
+
}
|
399
|
+
|
400
|
+
// Large screens
|
401
|
+
@media (min-width: $ms-screen-lg-min) {
|
402
|
+
.ms-u-lg12 {
|
403
|
+
@include ms-u-lg12;
|
404
|
+
}
|
405
|
+
.ms-u-lg11 {
|
406
|
+
@include ms-u-lg11;
|
407
|
+
}
|
408
|
+
.ms-u-lg10 {
|
409
|
+
@include ms-u-lg10;
|
410
|
+
}
|
411
|
+
.ms-u-lg9 {
|
412
|
+
@include ms-u-lg9;
|
413
|
+
}
|
414
|
+
.ms-u-lg8 {
|
415
|
+
@include ms-u-lg8;
|
416
|
+
}
|
417
|
+
.ms-u-lg7 {
|
418
|
+
@include ms-u-lg7;
|
419
|
+
}
|
420
|
+
.ms-u-lg6 {
|
421
|
+
@include ms-u-lg6;
|
422
|
+
}
|
423
|
+
.ms-u-lg5 {
|
424
|
+
@include ms-u-lg5;
|
425
|
+
}
|
426
|
+
.ms-u-lg4 {
|
427
|
+
@include ms-u-lg4;
|
428
|
+
}
|
429
|
+
.ms-u-lg3 {
|
430
|
+
@include ms-u-lg3;
|
431
|
+
}
|
432
|
+
.ms-u-lg2 {
|
433
|
+
@include ms-u-lg2;
|
434
|
+
}
|
435
|
+
.ms-u-lg1 {
|
436
|
+
@include ms-u-lg1;
|
437
|
+
}
|
438
|
+
.ms-u-lgPull12 {
|
439
|
+
@include ms-u-lgPull12;
|
440
|
+
}
|
441
|
+
.ms-u-lgPull11 {
|
442
|
+
@include ms-u-lgPull11;
|
443
|
+
}
|
444
|
+
.ms-u-lgPull10 {
|
445
|
+
@include ms-u-lgPull10;
|
446
|
+
}
|
447
|
+
.ms-u-lgPull9 {
|
448
|
+
@include ms-u-lgPull9;
|
449
|
+
}
|
450
|
+
.ms-u-lgPull8 {
|
451
|
+
@include ms-u-lgPull8;
|
452
|
+
}
|
453
|
+
.ms-u-lgPull7 {
|
454
|
+
@include ms-u-lgPull7;
|
455
|
+
}
|
456
|
+
.ms-u-lgPull6 {
|
457
|
+
@include ms-u-lgPull6;
|
458
|
+
}
|
459
|
+
.ms-u-lgPull5 {
|
460
|
+
@include ms-u-lgPull5;
|
461
|
+
}
|
462
|
+
.ms-u-lgPull4 {
|
463
|
+
@include ms-u-lgPull4;
|
464
|
+
}
|
465
|
+
.ms-u-lgPull3 {
|
466
|
+
@include ms-u-lgPull3;
|
467
|
+
}
|
468
|
+
.ms-u-lgPull2 {
|
469
|
+
@include ms-u-lgPull2;
|
470
|
+
}
|
471
|
+
.ms-u-lgPull1 {
|
472
|
+
@include ms-u-lgPull1;
|
473
|
+
}
|
474
|
+
.ms-u-lgPull0 {
|
475
|
+
@include ms-u-lgPull0;
|
476
|
+
}
|
477
|
+
.ms-u-lgPush12 {
|
478
|
+
@include ms-u-lgPush12;
|
479
|
+
}
|
480
|
+
.ms-u-lgPush11 {
|
481
|
+
@include ms-u-lgPush11;
|
482
|
+
}
|
483
|
+
.ms-u-lgPush10 {
|
484
|
+
@include ms-u-lgPush10;
|
485
|
+
}
|
486
|
+
.ms-u-lgPush9 {
|
487
|
+
@include ms-u-lgPush9;
|
488
|
+
}
|
489
|
+
.ms-u-lgPush8 {
|
490
|
+
@include ms-u-lgPush8;
|
491
|
+
}
|
492
|
+
.ms-u-lgPush7 {
|
493
|
+
@include ms-u-lgPush7;
|
494
|
+
}
|
495
|
+
.ms-u-lgPush6 {
|
496
|
+
@include ms-u-lgPush6;
|
497
|
+
}
|
498
|
+
.ms-u-lgPush5 {
|
499
|
+
@include ms-u-lgPush5;
|
500
|
+
}
|
501
|
+
.ms-u-lgPush4 {
|
502
|
+
@include ms-u-lgPush4;
|
503
|
+
}
|
504
|
+
.ms-u-lgPush3 {
|
505
|
+
@include ms-u-lgPush3;
|
506
|
+
}
|
507
|
+
.ms-u-lgPush2 {
|
508
|
+
@include ms-u-lgPush2;
|
509
|
+
}
|
510
|
+
.ms-u-lgPush1 {
|
511
|
+
@include ms-u-lgPush1;
|
512
|
+
}
|
513
|
+
.ms-u-lgPush0 {
|
514
|
+
@include ms-u-lgPush0;
|
515
|
+
}
|
516
|
+
|
517
|
+
// Large Offset classes 0 ... 11
|
518
|
+
.ms-u-lgOffset11 {
|
519
|
+
margin-left: 91.66666666666666%;
|
520
|
+
}
|
521
|
+
.ms-u-lgOffset10 {
|
522
|
+
margin-left: 83.33333333333334%;
|
523
|
+
}
|
524
|
+
.ms-u-lgOffset9 {
|
525
|
+
margin-left: 75%;
|
526
|
+
}
|
527
|
+
.ms-u-lgOffset8 {
|
528
|
+
margin-left: 66.66666666666666%;
|
529
|
+
}
|
530
|
+
.ms-u-lgOffset7 {
|
531
|
+
margin-left: 58.333333333333336%;
|
532
|
+
}
|
533
|
+
.ms-u-lgOffset6 {
|
534
|
+
margin-left: 50%;
|
535
|
+
}
|
536
|
+
.ms-u-lgOffset5 {
|
537
|
+
margin-left: 41.66666666666667%;
|
538
|
+
}
|
539
|
+
.ms-u-lgOffset4 {
|
540
|
+
margin-left: 33.33333333333333%;
|
541
|
+
}
|
542
|
+
.ms-u-lgOffset3 {
|
543
|
+
margin-left: 25%;
|
544
|
+
}
|
545
|
+
.ms-u-lgOffset2 {
|
546
|
+
margin-left: 16.666666666666664%;
|
547
|
+
}
|
548
|
+
.ms-u-lgOffset1 {
|
549
|
+
margin-left: 8.333333333333332%;
|
550
|
+
}
|
551
|
+
.ms-u-lgOffset0 {
|
552
|
+
margin-left: 0;
|
553
|
+
}
|
554
|
+
}
|
555
|
+
|
556
|
+
// Extra large screens
|
557
|
+
@media (min-width: $ms-screen-xl-min) {
|
558
|
+
.ms-u-xl12 {
|
559
|
+
@include ms-u-xl12;
|
560
|
+
}
|
561
|
+
.ms-u-xl11 {
|
562
|
+
@include ms-u-xl11;
|
563
|
+
}
|
564
|
+
.ms-u-xl10 {
|
565
|
+
@include ms-u-xl10;
|
566
|
+
}
|
567
|
+
.ms-u-xl9 {
|
568
|
+
@include ms-u-xl9;
|
569
|
+
}
|
570
|
+
.ms-u-xl8 {
|
571
|
+
@include ms-u-xl8;
|
572
|
+
}
|
573
|
+
.ms-u-xl7 {
|
574
|
+
@include ms-u-xl7;
|
575
|
+
}
|
576
|
+
.ms-u-xl6 {
|
577
|
+
@include ms-u-xl6;
|
578
|
+
}
|
579
|
+
.ms-u-xl5 {
|
580
|
+
@include ms-u-xl5;
|
581
|
+
}
|
582
|
+
.ms-u-xl4 {
|
583
|
+
@include ms-u-xl4;
|
584
|
+
}
|
585
|
+
.ms-u-xl3 {
|
586
|
+
@include ms-u-xl3;
|
587
|
+
}
|
588
|
+
.ms-u-xl2 {
|
589
|
+
@include ms-u-xl2;
|
590
|
+
}
|
591
|
+
.ms-u-xl1 {
|
592
|
+
@include ms-u-xl1;
|
593
|
+
}
|
594
|
+
.ms-u-xlPull12 {
|
595
|
+
@include ms-u-xlPull12;
|
596
|
+
}
|
597
|
+
.ms-u-xlPull11 {
|
598
|
+
@include ms-u-xlPull11;
|
599
|
+
}
|
600
|
+
.ms-u-xlPull10 {
|
601
|
+
@include ms-u-xlPull10;
|
602
|
+
}
|
603
|
+
.ms-u-xlPull9 {
|
604
|
+
@include ms-u-xlPull9;
|
605
|
+
}
|
606
|
+
.ms-u-xlPull8 {
|
607
|
+
@include ms-u-xlPull8;
|
608
|
+
}
|
609
|
+
.ms-u-xlPull7 {
|
610
|
+
@include ms-u-xlPull7;
|
611
|
+
}
|
612
|
+
.ms-u-xlPull6 {
|
613
|
+
@include ms-u-xlPull6;
|
614
|
+
}
|
615
|
+
.ms-u-xlPull5 {
|
616
|
+
@include ms-u-xlPull5;
|
617
|
+
}
|
618
|
+
.ms-u-xlPull4 {
|
619
|
+
@include ms-u-xlPull4;
|
620
|
+
}
|
621
|
+
.ms-u-xlPull3 {
|
622
|
+
@include ms-u-xlPull3;
|
623
|
+
}
|
624
|
+
.ms-u-xlPull2 {
|
625
|
+
@include ms-u-xlPull2;
|
626
|
+
}
|
627
|
+
.ms-u-xlPull1 {
|
628
|
+
@include ms-u-xlPull1;
|
629
|
+
}
|
630
|
+
.ms-u-xlPull0 {
|
631
|
+
@include ms-u-xlPull0;
|
632
|
+
}
|
633
|
+
.ms-u-xlPush12 {
|
634
|
+
@include ms-u-xlPush12;
|
635
|
+
}
|
636
|
+
.ms-u-xlPush11 {
|
637
|
+
@include ms-u-xlPush11;
|
638
|
+
}
|
639
|
+
.ms-u-xlPush10 {
|
640
|
+
@include ms-u-xlPush10;
|
641
|
+
}
|
642
|
+
.ms-u-xlPush9 {
|
643
|
+
@include ms-u-xlPush9;
|
644
|
+
}
|
645
|
+
.ms-u-xlPush8 {
|
646
|
+
@include ms-u-xlPush8;
|
647
|
+
}
|
648
|
+
.ms-u-xlPush7 {
|
649
|
+
@include ms-u-xlPush7;
|
650
|
+
}
|
651
|
+
.ms-u-xlPush6 {
|
652
|
+
@include ms-u-xlPush6;
|
653
|
+
}
|
654
|
+
.ms-u-xlPush5 {
|
655
|
+
@include ms-u-xlPush5;
|
656
|
+
}
|
657
|
+
.ms-u-xlPush4 {
|
658
|
+
@include ms-u-xlPush4;
|
659
|
+
}
|
660
|
+
.ms-u-xlPush3 {
|
661
|
+
@include ms-u-xlPush3;
|
662
|
+
}
|
663
|
+
.ms-u-xlPush2 {
|
664
|
+
@include ms-u-xlPush2;
|
665
|
+
}
|
666
|
+
.ms-u-xlPush1 {
|
667
|
+
@include ms-u-xlPush1;
|
668
|
+
}
|
669
|
+
.ms-u-xlPush0 {
|
670
|
+
@include ms-u-xlPush0;
|
671
|
+
}
|
672
|
+
|
673
|
+
// Large Offset classes 0 ... 11
|
674
|
+
.ms-u-xlOffset11 {
|
675
|
+
margin-left: 91.66666666666666%;
|
676
|
+
}
|
677
|
+
.ms-u-xlOffset10 {
|
678
|
+
margin-left: 83.33333333333334%;
|
679
|
+
}
|
680
|
+
.ms-u-xlOffset9 {
|
681
|
+
margin-left: 75%;
|
682
|
+
}
|
683
|
+
.ms-u-xlOffset8 {
|
684
|
+
margin-left: 66.66666666666666%;
|
685
|
+
}
|
686
|
+
.ms-u-xlOffset7 {
|
687
|
+
margin-left: 58.333333333333336%;
|
688
|
+
}
|
689
|
+
.ms-u-xlOffset6 {
|
690
|
+
margin-left: 50%;
|
691
|
+
}
|
692
|
+
.ms-u-xlOffset5 {
|
693
|
+
margin-left: 41.66666666666667%;
|
694
|
+
}
|
695
|
+
.ms-u-xlOffset4 {
|
696
|
+
margin-left: 33.33333333333333%;
|
697
|
+
}
|
698
|
+
.ms-u-xlOffset3 {
|
699
|
+
margin-left: 25%;
|
700
|
+
}
|
701
|
+
.ms-u-xlOffset2 {
|
702
|
+
margin-left: 16.666666666666664%;
|
703
|
+
}
|
704
|
+
.ms-u-xlOffset1 {
|
705
|
+
margin-left: 8.333333333333332%;
|
706
|
+
}
|
707
|
+
.ms-u-xlOffset0 {
|
708
|
+
margin-left: 0;
|
709
|
+
}
|
710
|
+
}
|
711
|
+
|
712
|
+
// Extra extra large screens
|
713
|
+
@media (min-width: $ms-screen-xxl-min) {
|
714
|
+
.ms-u-xxl12 {
|
715
|
+
@include ms-u-xxl12;
|
716
|
+
}
|
717
|
+
.ms-u-xxl11 {
|
718
|
+
@include ms-u-xxl11;
|
719
|
+
}
|
720
|
+
.ms-u-xxl10 {
|
721
|
+
@include ms-u-xxl10;
|
722
|
+
}
|
723
|
+
.ms-u-xxl9 {
|
724
|
+
@include ms-u-xxl9;
|
725
|
+
}
|
726
|
+
.ms-u-xxl8 {
|
727
|
+
@include ms-u-xxl8;
|
728
|
+
}
|
729
|
+
.ms-u-xxl7 {
|
730
|
+
@include ms-u-xxl7;
|
731
|
+
}
|
732
|
+
.ms-u-xxl6 {
|
733
|
+
@include ms-u-xxl6;
|
734
|
+
}
|
735
|
+
.ms-u-xxl5 {
|
736
|
+
@include ms-u-xxl5;
|
737
|
+
}
|
738
|
+
.ms-u-xxl4 {
|
739
|
+
@include ms-u-xxl4;
|
740
|
+
}
|
741
|
+
.ms-u-xxl3 {
|
742
|
+
@include ms-u-xxl3;
|
743
|
+
}
|
744
|
+
.ms-u-xxl2 {
|
745
|
+
@include ms-u-xxl2;
|
746
|
+
}
|
747
|
+
.ms-u-xxl1 {
|
748
|
+
@include ms-u-xxl1;
|
749
|
+
}
|
750
|
+
.ms-u-xxlPull12 {
|
751
|
+
@include ms-u-xxlPull12;
|
752
|
+
}
|
753
|
+
.ms-u-xxlPull11 {
|
754
|
+
@include ms-u-xxlPull11;
|
755
|
+
}
|
756
|
+
.ms-u-xxlPull10 {
|
757
|
+
@include ms-u-xxlPull10;
|
758
|
+
}
|
759
|
+
.ms-u-xxlPull9 {
|
760
|
+
@include ms-u-xxlPull9;
|
761
|
+
}
|
762
|
+
.ms-u-xxlPull8 {
|
763
|
+
@include ms-u-xxlPull8;
|
764
|
+
}
|
765
|
+
.ms-u-xxlPull7 {
|
766
|
+
@include ms-u-xxlPull7;
|
767
|
+
}
|
768
|
+
.ms-u-xxlPull6 {
|
769
|
+
@include ms-u-xxlPull6;
|
770
|
+
}
|
771
|
+
.ms-u-xxlPull5 {
|
772
|
+
@include ms-u-xxlPull5;
|
773
|
+
}
|
774
|
+
.ms-u-xxlPull4 {
|
775
|
+
@include ms-u-xxlPull4;
|
776
|
+
}
|
777
|
+
.ms-u-xxlPull3 {
|
778
|
+
@include ms-u-xxlPull3;
|
779
|
+
}
|
780
|
+
.ms-u-xxlPull2 {
|
781
|
+
@include ms-u-xxlPull2;
|
782
|
+
}
|
783
|
+
.ms-u-xxlPull1 {
|
784
|
+
@include ms-u-xxlPull1;
|
785
|
+
}
|
786
|
+
.ms-u-xxlPull0 {
|
787
|
+
@include ms-u-xxlPull0;
|
788
|
+
}
|
789
|
+
.ms-u-xxlPush12 {
|
790
|
+
@include ms-u-xxlPush12;
|
791
|
+
}
|
792
|
+
.ms-u-xxlPush11 {
|
793
|
+
@include ms-u-xxlPush11;
|
794
|
+
}
|
795
|
+
.ms-u-xxlPush10 {
|
796
|
+
@include ms-u-xxlPush10;
|
797
|
+
}
|
798
|
+
.ms-u-xxlPush9 {
|
799
|
+
@include ms-u-xxlPush9;
|
800
|
+
}
|
801
|
+
.ms-u-xxlPush8 {
|
802
|
+
@include ms-u-xxlPush8;
|
803
|
+
}
|
804
|
+
.ms-u-xxlPush7 {
|
805
|
+
@include ms-u-xxlPush7;
|
806
|
+
}
|
807
|
+
.ms-u-xxlPush6 {
|
808
|
+
@include ms-u-xxlPush6;
|
809
|
+
}
|
810
|
+
.ms-u-xxlPush5 {
|
811
|
+
@include ms-u-xxlPush5;
|
812
|
+
}
|
813
|
+
.ms-u-xxlPush4 {
|
814
|
+
@include ms-u-xxlPush4;
|
815
|
+
}
|
816
|
+
.ms-u-xxlPush3 {
|
817
|
+
@include ms-u-xxlPush3;
|
818
|
+
}
|
819
|
+
.ms-u-xxlPush2 {
|
820
|
+
@include ms-u-xxlPush2;
|
821
|
+
}
|
822
|
+
.ms-u-xxlPush1 {
|
823
|
+
@include ms-u-xxlPush1;
|
824
|
+
}
|
825
|
+
.ms-u-xxlPush0 {
|
826
|
+
@include ms-u-xxlPush0;
|
827
|
+
}
|
828
|
+
|
829
|
+
// Extra extra large Offset classes 0 ... 11
|
830
|
+
.ms-u-xxlOffset11 {
|
831
|
+
margin-left: 91.66666666666666%;
|
832
|
+
}
|
833
|
+
.ms-u-xxlOffset10 {
|
834
|
+
margin-left: 83.33333333333334%;
|
835
|
+
}
|
836
|
+
.ms-u-xxlOffset9 {
|
837
|
+
margin-left: 75%;
|
838
|
+
}
|
839
|
+
.ms-u-xxlOffset8 {
|
840
|
+
margin-left: 66.66666666666666%;
|
841
|
+
}
|
842
|
+
.ms-u-xxlOffset7 {
|
843
|
+
margin-left: 58.333333333333336%;
|
844
|
+
}
|
845
|
+
.ms-u-xxlOffset6 {
|
846
|
+
margin-left: 50%;
|
847
|
+
}
|
848
|
+
.ms-u-xxlOffset5 {
|
849
|
+
margin-left: 41.66666666666667%;
|
850
|
+
}
|
851
|
+
.ms-u-xxlOffset4 {
|
852
|
+
margin-left: 33.33333333333333%;
|
853
|
+
}
|
854
|
+
.ms-u-xxlOffset3 {
|
855
|
+
margin-left: 25%;
|
856
|
+
}
|
857
|
+
.ms-u-xxlOffset2 {
|
858
|
+
margin-left: 16.666666666666664%;
|
859
|
+
}
|
860
|
+
.ms-u-xxlOffset1 {
|
861
|
+
margin-left: 8.333333333333332%;
|
862
|
+
}
|
863
|
+
.ms-u-xxlOffset0 {
|
864
|
+
margin-left: 0;
|
865
|
+
}
|
866
|
+
}
|
867
|
+
|
868
|
+
// Extra extra extra large screens
|
869
|
+
@media (min-width: $ms-screen-xxxl-min) {
|
870
|
+
.ms-u-xxxl12 {
|
871
|
+
@include ms-u-xxxl12;
|
872
|
+
}
|
873
|
+
.ms-u-xxxl11 {
|
874
|
+
@include ms-u-xxxl11;
|
875
|
+
}
|
876
|
+
.ms-u-xxxl10 {
|
877
|
+
@include ms-u-xxxl10;
|
878
|
+
}
|
879
|
+
.ms-u-xxxl9 {
|
880
|
+
@include ms-u-xxxl9;
|
881
|
+
}
|
882
|
+
.ms-u-xxxl8 {
|
883
|
+
@include ms-u-xxxl8;
|
884
|
+
}
|
885
|
+
.ms-u-xxxl7 {
|
886
|
+
@include ms-u-xxxl7;
|
887
|
+
}
|
888
|
+
.ms-u-xxxl6 {
|
889
|
+
@include ms-u-xxxl6;
|
890
|
+
}
|
891
|
+
.ms-u-xxxl5 {
|
892
|
+
@include ms-u-xxxl5;
|
893
|
+
}
|
894
|
+
.ms-u-xxxl4 {
|
895
|
+
@include ms-u-xxxl4;
|
896
|
+
}
|
897
|
+
.ms-u-xxxl3 {
|
898
|
+
@include ms-u-xxxl3;
|
899
|
+
}
|
900
|
+
.ms-u-xxxl2 {
|
901
|
+
@include ms-u-xxxl2;
|
902
|
+
}
|
903
|
+
.ms-u-xxxl1 {
|
904
|
+
@include ms-u-xxxl1;
|
905
|
+
}
|
906
|
+
.ms-u-xxxlPull12 {
|
907
|
+
@include ms-u-xxxlPull12;
|
908
|
+
}
|
909
|
+
.ms-u-xxxlPull11 {
|
910
|
+
@include ms-u-xxxlPull11;
|
911
|
+
}
|
912
|
+
.ms-u-xxxlPull10 {
|
913
|
+
@include ms-u-xxxlPull10;
|
914
|
+
}
|
915
|
+
.ms-u-xxxlPull9 {
|
916
|
+
@include ms-u-xxxlPull9;
|
917
|
+
}
|
918
|
+
.ms-u-xxxlPull8 {
|
919
|
+
@include ms-u-xxxlPull8;
|
920
|
+
}
|
921
|
+
.ms-u-xxxlPull7 {
|
922
|
+
@include ms-u-xxxlPull7;
|
923
|
+
}
|
924
|
+
.ms-u-xxxlPull6 {
|
925
|
+
@include ms-u-xxxlPull6;
|
926
|
+
}
|
927
|
+
.ms-u-xxxlPull5 {
|
928
|
+
@include ms-u-xxxlPull5;
|
929
|
+
}
|
930
|
+
.ms-u-xxxlPull4 {
|
931
|
+
@include ms-u-xxxlPull4;
|
932
|
+
}
|
933
|
+
.ms-u-xxxlPull3 {
|
934
|
+
@include ms-u-xxxlPull3;
|
935
|
+
}
|
936
|
+
.ms-u-xxxlPull2 {
|
937
|
+
@include ms-u-xxxlPull2;
|
938
|
+
}
|
939
|
+
.ms-u-xxxlPull1 {
|
940
|
+
@include ms-u-xxxlPull1;
|
941
|
+
}
|
942
|
+
.ms-u-xxxlPull0 {
|
943
|
+
@include ms-u-xxxlPull0;
|
944
|
+
}
|
945
|
+
.ms-u-xxxlPush12 {
|
946
|
+
@include ms-u-xxxlPush12;
|
947
|
+
}
|
948
|
+
.ms-u-xxxlPush11 {
|
949
|
+
@include ms-u-xxxlPush11;
|
950
|
+
}
|
951
|
+
.ms-u-xxxlPush10 {
|
952
|
+
@include ms-u-xxxlPush10;
|
953
|
+
}
|
954
|
+
.ms-u-xxxlPush9 {
|
955
|
+
@include ms-u-xxxlPush9;
|
956
|
+
}
|
957
|
+
.ms-u-xxxlPush8 {
|
958
|
+
@include ms-u-xxxlPush8;
|
959
|
+
}
|
960
|
+
.ms-u-xxxlPush7 {
|
961
|
+
@include ms-u-xxxlPush7;
|
962
|
+
}
|
963
|
+
.ms-u-xxxlPush6 {
|
964
|
+
@include ms-u-xxxlPush6;
|
965
|
+
}
|
966
|
+
.ms-u-xxxlPush5 {
|
967
|
+
@include ms-u-xxxlPush5;
|
968
|
+
}
|
969
|
+
.ms-u-xxxlPush4 {
|
970
|
+
@include ms-u-xxxlPush4;
|
971
|
+
}
|
972
|
+
.ms-u-xxxlPush3 {
|
973
|
+
@include ms-u-xxxlPush3;
|
974
|
+
}
|
975
|
+
.ms-u-xxxlPush2 {
|
976
|
+
@include ms-u-xxxlPush2;
|
977
|
+
}
|
978
|
+
.ms-u-xxxlPush1 {
|
979
|
+
@include ms-u-xxxlPush1;
|
980
|
+
}
|
981
|
+
.ms-u-xxxlPush0 {
|
982
|
+
@include ms-u-xxxlPush0;
|
983
|
+
}
|
984
|
+
|
985
|
+
// Extra extra extra large Offset classes 0 ... 11
|
986
|
+
.ms-u-xxxlOffset11 {
|
987
|
+
margin-left: 91.66666666666666%;
|
988
|
+
}
|
989
|
+
.ms-u-xxxlOffset10 {
|
990
|
+
margin-left: 83.33333333333334%;
|
991
|
+
}
|
992
|
+
.ms-u-xxxlOffset9 {
|
993
|
+
margin-left: 75%;
|
994
|
+
}
|
995
|
+
.ms-u-xxxlOffset8 {
|
996
|
+
margin-left: 66.66666666666666%;
|
997
|
+
}
|
998
|
+
.ms-u-xxxlOffset7 {
|
999
|
+
margin-left: 58.333333333333336%;
|
1000
|
+
}
|
1001
|
+
.ms-u-xxxlOffset6 {
|
1002
|
+
margin-left: 50%;
|
1003
|
+
}
|
1004
|
+
.ms-u-xxxlOffset5 {
|
1005
|
+
margin-left: 41.66666666666667%;
|
1006
|
+
}
|
1007
|
+
.ms-u-xxxlOffset4 {
|
1008
|
+
margin-left: 33.33333333333333%;
|
1009
|
+
}
|
1010
|
+
.ms-u-xxxlOffset3 {
|
1011
|
+
margin-left: 25%;
|
1012
|
+
}
|
1013
|
+
.ms-u-xxxlOffset2 {
|
1014
|
+
margin-left: 16.666666666666664%;
|
1015
|
+
}
|
1016
|
+
.ms-u-xxxlOffset1 {
|
1017
|
+
margin-left: 8.333333333333332%;
|
1018
|
+
}
|
1019
|
+
.ms-u-xxxlOffset0 {
|
1020
|
+
margin-left: 0;
|
1021
|
+
}
|
1022
|
+
}
|