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