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,67 +0,0 @@
|
|
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
|
-
// Additional @font-face rules for the Leelawadee font.
|
8
|
-
@font-face {
|
9
|
-
font-family: "Leelawadee UI";
|
10
|
-
src: local('Leelawadee UI Bold'),
|
11
|
-
url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-bold.woff2') format('woff2'),
|
12
|
-
url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-bold.woff') format('woff'),
|
13
|
-
url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-bold.ttf') format('truetype');
|
14
|
-
font-weight: 600;
|
15
|
-
font-style: normal;
|
16
|
-
}
|
17
|
-
|
18
|
-
@font-face {
|
19
|
-
font-family: "Leelawadee UI";
|
20
|
-
src: local('Leelawadee UI Regular'),
|
21
|
-
url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-regular.woff2') format('woff2'),
|
22
|
-
url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-regular.woff') format('woff'),
|
23
|
-
url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-regular.ttf') format('truetype');
|
24
|
-
font-weight: 400;
|
25
|
-
font-style: normal;
|
26
|
-
}
|
27
|
-
|
28
|
-
@font-face {
|
29
|
-
font-family: "Leelawadee UI";
|
30
|
-
src: local('Leelawadee UI Semilight'),
|
31
|
-
url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-semilight.woff2') format('woff2'),
|
32
|
-
url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-semilight.woff') format('woff'),
|
33
|
-
url('#{$ms-font-directory}/leelawadeeui-thai/leelawadeeui-semilight.ttf') format('truetype');
|
34
|
-
font-weight: 300;
|
35
|
-
font-style: normal;
|
36
|
-
}
|
37
|
-
|
38
|
-
// Mixins to generate language-specific font faces.
|
39
|
-
@include SegoeUIArabicLight;
|
40
|
-
@include SegoeUIArabicRegular;
|
41
|
-
@include SegoeUIArabicSemibold;
|
42
|
-
@include SegoeUIArabicSemilight;
|
43
|
-
|
44
|
-
@include SegoeUICyrillicLight;
|
45
|
-
@include SegoeUICyrillicRegular;
|
46
|
-
@include SegoeUICyrillicSemibold;
|
47
|
-
@include SegoeUICyrillicSemilight;
|
48
|
-
|
49
|
-
@include SegoeUIEastEuropeanLight;
|
50
|
-
@include SegoeUIEastEuropeanRegular;
|
51
|
-
@include SegoeUIEastEuropeanSemibold;
|
52
|
-
@include SegoeUIEastEuropeanSemilight;
|
53
|
-
|
54
|
-
@include SegoeUIGreekLight;
|
55
|
-
@include SegoeUIGreekRegular;
|
56
|
-
@include SegoeUIGreekSemibold;
|
57
|
-
@include SegoeUIGreekSemilight;
|
58
|
-
|
59
|
-
@include SegoeUIHebrewLight;
|
60
|
-
@include SegoeUIHebrewRegular;
|
61
|
-
@include SegoeUIHebrewSemibold;
|
62
|
-
@include SegoeUIHebrewSemilight;
|
63
|
-
|
64
|
-
@include SegoeUIVietnameseLight;
|
65
|
-
@include SegoeUIVietnameseRegular;
|
66
|
-
@include SegoeUIVietnameseSemibold;
|
67
|
-
@include SegoeUIVietnameseSemilight;
|
@@ -1,13 +0,0 @@
|
|
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
|
-
// Font definitions
|
7
|
-
|
8
|
-
@import "Fabric.Typography.Fonts";
|
9
|
-
|
10
|
-
@include SegoeUIWestEuropeanLight;
|
11
|
-
@include SegoeUIWestEuropeanRegular;
|
12
|
-
@include SegoeUIWestEuropeanSemibold;
|
13
|
-
@include SegoeUIWestEuropeanSemilight;
|
@@ -1,53 +0,0 @@
|
|
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
|
-
// Language override definitions using ISO 639-3 language codes
|
7
|
-
|
8
|
-
@import "./Fabric.Typography.Language.Overrides";
|
9
|
-
|
10
|
-
// Generate the override classes for non-distributed fonts.
|
11
|
-
@include language-override-system-fonts(jpn, $ms-font-stack-japanese);
|
12
|
-
@include language-override-system-fonts(kor, $ms-font-stack-korean);
|
13
|
-
@include language-override-system-fonts(cmn, $ms-font-stack-chinese-simplified);
|
14
|
-
@include language-override-system-fonts(yue, $ms-font-stack-chinese-traditional);
|
15
|
-
@include language-override-system-fonts(hin, $ms-font-stack-hindi);
|
16
|
-
|
17
|
-
// Generate the override classes for web fonts.
|
18
|
-
// Thai (Leelawadee)
|
19
|
-
// tha
|
20
|
-
@include language-override-system-fonts(tha, $ms-font-stack-leelawadee);
|
21
|
-
|
22
|
-
// Arabic
|
23
|
-
// ara
|
24
|
-
@include language-override-system-fonts(ara, $ms-font-stack-arabic);
|
25
|
-
|
26
|
-
// East European
|
27
|
-
// ces, et, hrv, hun, lit, pl, lat, tur, slk, kaz
|
28
|
-
@include language-override-system-fonts(ces, $ms-font-stack-eastEuropean);
|
29
|
-
@include language-override-system-fonts(est, $ms-font-stack-eastEuropean);
|
30
|
-
@include language-override-system-fonts(hrv, $ms-font-stack-eastEuropean);
|
31
|
-
@include language-override-system-fonts(hun, $ms-font-stack-eastEuropean);
|
32
|
-
@include language-override-system-fonts(kaz, $ms-font-stack-eastEuropean);
|
33
|
-
@include language-override-system-fonts(lav, $ms-font-stack-eastEuropean);
|
34
|
-
@include language-override-system-fonts(lit, $ms-font-stack-eastEuropean);
|
35
|
-
@include language-override-system-fonts(pol, $ms-font-stack-eastEuropean);
|
36
|
-
@include language-override-system-fonts(slk, $ms-font-stack-eastEuropean);
|
37
|
-
@include language-override-system-fonts(tur, $ms-font-stack-eastEuropean);
|
38
|
-
|
39
|
-
// Cyrillic
|
40
|
-
// rus
|
41
|
-
@include language-override-system-fonts(rus, $ms-font-stack-cyrillic);
|
42
|
-
|
43
|
-
// Greek
|
44
|
-
// ell
|
45
|
-
@include language-override-system-fonts(ell, $ms-font-stack-greek);
|
46
|
-
|
47
|
-
// Hebrew
|
48
|
-
// heb
|
49
|
-
@include language-override-system-fonts(heb, $ms-font-stack-hebrew);
|
50
|
-
|
51
|
-
// Vietnamese
|
52
|
-
// vie
|
53
|
-
@include language-override-system-fonts(vie, $ms-font-stack-vietnamese);
|
@@ -1,79 +0,0 @@
|
|
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 Fabric Animations
|
7
|
-
|
8
|
-
|
9
|
-
@import 'Fabric.Animations';
|
10
|
-
|
11
|
-
// slideRightIn10
|
12
|
-
@mixin ms-u-slideRightIn10 {
|
13
|
-
@include animationMix((fadeIn, slideLeft10), $ms-duration3, $ms-ease1);
|
14
|
-
}
|
15
|
-
|
16
|
-
// slideRightIn20
|
17
|
-
@mixin ms-u-slideRightIn20 {
|
18
|
-
@include animationMix((fadeIn, slideLeft20), $ms-duration3, $ms-ease1);
|
19
|
-
}
|
20
|
-
|
21
|
-
// slideRightIn40
|
22
|
-
@mixin ms-u-slideRightIn40 {
|
23
|
-
@include animationMix((fadeIn, slideLeft40), $ms-duration3, $ms-ease1);
|
24
|
-
}
|
25
|
-
|
26
|
-
// slideLeftIn10
|
27
|
-
@mixin ms-u-slideLeftIn10 {
|
28
|
-
@include animationMix((fadeIn, slideRight10), $ms-duration3, $ms-ease1);
|
29
|
-
}
|
30
|
-
|
31
|
-
// slideLeftIn20
|
32
|
-
@mixin ms-u-slideLeftIn20 {
|
33
|
-
@include animationMix((fadeIn, slideRight20), $ms-duration3, $ms-ease1);
|
34
|
-
}
|
35
|
-
|
36
|
-
// slideLeftIn40
|
37
|
-
@mixin ms-u-slideLeftIn40 {
|
38
|
-
@include animationMix((fadeIn, slideRight40), $ms-duration3, $ms-ease1);
|
39
|
-
}
|
40
|
-
|
41
|
-
// slideRightIn400
|
42
|
-
@mixin ms-u-slideRightIn400 {
|
43
|
-
@include animationMix((fadeIn, slideLeft400), $ms-duration3, $ms-ease1);
|
44
|
-
}
|
45
|
-
|
46
|
-
// slideLeftIn400
|
47
|
-
@mixin ms-u-slideLeftIn400 {
|
48
|
-
@include animationMix((fadeIn, slideRight400), $ms-duration3, $ms-ease1);
|
49
|
-
}
|
50
|
-
|
51
|
-
// slideRightOut40
|
52
|
-
@mixin ms-u-slideRightOut40 {
|
53
|
-
@include animationMix((fadeOut, slideLeftOut40), $ms-duration1, $ms-ease2);
|
54
|
-
}
|
55
|
-
|
56
|
-
// slideLeftOut40
|
57
|
-
@mixin ms-u-slideLeftOut40 {
|
58
|
-
@include animationMix((fadeOut, slideRightOut40), $ms-duration1, $ms-ease2);
|
59
|
-
}
|
60
|
-
|
61
|
-
// slideRightOut400
|
62
|
-
@mixin ms-u-slideRightOut400 {
|
63
|
-
@include animationMix((fadeOut, slideLeftOut400), $ms-duration1, $ms-ease2);
|
64
|
-
}
|
65
|
-
|
66
|
-
// slideLeftOut400
|
67
|
-
@mixin ms-u-slideLeftOut400 {
|
68
|
-
@include animationMix((fadeOut, slideRightOut400), $ms-duration1, $ms-ease2);
|
69
|
-
}
|
70
|
-
|
71
|
-
// rotate90deg
|
72
|
-
@mixin ms-u-rotate90deg {
|
73
|
-
@include animationMix(rotateN90, 0.1s, $ms-ease2);
|
74
|
-
}
|
75
|
-
|
76
|
-
// rotateN90deg
|
77
|
-
@mixin ms-u-rotateN90deg {
|
78
|
-
@include animationMix(rotate90, 0.1s, $ms-ease2);
|
79
|
-
}
|
@@ -1,237 +0,0 @@
|
|
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 Animations
|
7
|
-
|
8
|
-
|
9
|
-
// Note that all animation classes should begin with the "ms-u" utility prefix.
|
10
|
-
// The original class names are deprecated and will be removed in a future release.
|
11
|
-
|
12
|
-
// Variables
|
13
|
-
$ms-ease1: cubic-bezier(0.1,0.9,0.2,1) !default;
|
14
|
-
$ms-ease2: cubic-bezier(0.1,0.25,0.75,0.9) !default;
|
15
|
-
$ms-duration1: 0.167s !default;
|
16
|
-
$ms-duration2: 0.267s !default;
|
17
|
-
$ms-duration3: 0.367s !default;
|
18
|
-
$ms-duration4: 0.467s !default;
|
19
|
-
|
20
|
-
|
21
|
-
// Animation mixin
|
22
|
-
@mixin animationMix($ms-name, $ms-duration, $ms-ease: $ms-ease1, $ms-fillMode: both) {
|
23
|
-
@include animationName($ms-name);
|
24
|
-
@include animationDuration($ms-duration);
|
25
|
-
@include animationTiming($ms-ease);
|
26
|
-
@include animationFillMode($ms-fillMode);
|
27
|
-
}
|
28
|
-
|
29
|
-
// slideRightIn10
|
30
|
-
@mixin ms-u-slideRightIn10 {
|
31
|
-
@include animationMix((fadeIn, slideRightIn10), $ms-duration3, $ms-ease1);
|
32
|
-
}
|
33
|
-
|
34
|
-
// slideRightIn20
|
35
|
-
@mixin ms-u-slideRightIn20 {
|
36
|
-
@include animationMix((fadeIn, slideRightIn20), $ms-duration3, $ms-ease1);
|
37
|
-
}
|
38
|
-
|
39
|
-
// slideRightIn40
|
40
|
-
@mixin ms-u-slideRightIn40 {
|
41
|
-
@include animationMix((fadeIn, slideRightIn40), $ms-duration3, $ms-ease1);
|
42
|
-
}
|
43
|
-
|
44
|
-
// slideLeftIn10
|
45
|
-
@mixin ms-u-slideLeftIn10 {
|
46
|
-
@include animationMix((fadeIn, slideLeftIn10), $ms-duration3, $ms-ease1);
|
47
|
-
}
|
48
|
-
|
49
|
-
// slideLeftIn20
|
50
|
-
@mixin ms-u-slideLeftIn20 {
|
51
|
-
@include animationMix((fadeIn, slideLeftIn20), $ms-duration3, $ms-ease1);
|
52
|
-
}
|
53
|
-
|
54
|
-
// slideLeftIn40
|
55
|
-
@mixin ms-u-slideLeftIn40 {
|
56
|
-
@include animationMix((fadeIn, slideLeftIn40), $ms-duration3, $ms-ease1);
|
57
|
-
}
|
58
|
-
|
59
|
-
// slideRightIn400
|
60
|
-
@mixin ms-u-slideRightIn400 {
|
61
|
-
@include animationMix((fadeIn, slideRightIn400), $ms-duration3, $ms-ease1);
|
62
|
-
}
|
63
|
-
|
64
|
-
// slideLeftIn400
|
65
|
-
@mixin ms-u-slideLeftIn400 {
|
66
|
-
@include animationMix((fadeIn, slideLeft400), $ms-duration3, $ms-ease1);
|
67
|
-
}
|
68
|
-
|
69
|
-
// slideUpIn20
|
70
|
-
@mixin ms-u-slideUpIn20 {
|
71
|
-
@include animationMix((fadeIn, slideUpIn20), $ms-duration3, $ms-ease1);
|
72
|
-
}
|
73
|
-
|
74
|
-
// slideUpIn10
|
75
|
-
@mixin ms-u-slideUpIn10 {
|
76
|
-
@include animationMix((fadeIn, slideUpIn10), $ms-duration1, $ms-ease2);
|
77
|
-
}
|
78
|
-
|
79
|
-
// slideDownIn20
|
80
|
-
@mixin ms-u-slideDownIn20 {
|
81
|
-
@include animationMix((fadeIn, slideDownIn20), $ms-duration3, $ms-ease1);
|
82
|
-
}
|
83
|
-
|
84
|
-
// slideDownIn10
|
85
|
-
@mixin ms-u-slideDownIn10 {
|
86
|
-
@include animationMix((fadeIn, slideDownIn10), $ms-duration1, $ms-ease2);
|
87
|
-
}
|
88
|
-
|
89
|
-
// slideRightOut40
|
90
|
-
@mixin ms-u-slideRightOut40 {
|
91
|
-
@include animationMix((fadeOut, slideRightOut40), $ms-duration1, $ms-ease2);
|
92
|
-
}
|
93
|
-
|
94
|
-
// slideLeftOut40
|
95
|
-
@mixin ms-u-slideLeftOut40 {
|
96
|
-
@include animationMix((fadeOut, slideLeftOut40), $ms-duration1, $ms-ease2);
|
97
|
-
}
|
98
|
-
|
99
|
-
// slideRightOut400
|
100
|
-
@mixin ms-u-slideRightOut400 {
|
101
|
-
@include animationMix((fadeOut, slideRightOut400), $ms-duration1, $ms-ease2);
|
102
|
-
}
|
103
|
-
|
104
|
-
// slideLeftOut400
|
105
|
-
@mixin ms-u-slideLeftOut400 {
|
106
|
-
@include animationMix((fadeOut, slideLeftOut400), $ms-duration1, $ms-ease2);
|
107
|
-
}
|
108
|
-
|
109
|
-
// slideUpOut20
|
110
|
-
@mixin ms-u-slideUpOut20 {
|
111
|
-
@include animationMix((fadeOut, slideUpOut20), $ms-duration1, $ms-ease2);
|
112
|
-
}
|
113
|
-
|
114
|
-
// slideUpOut10
|
115
|
-
@mixin ms-u-slideUpOut10 {
|
116
|
-
@include animationMix((fadeOut, slideUpOut10), $ms-duration1, $ms-ease2);
|
117
|
-
}
|
118
|
-
|
119
|
-
// slideDownOut20
|
120
|
-
@mixin ms-u-slideDownOut20 {
|
121
|
-
@include animationMix((fadeOut, slideDownOut20), $ms-duration1, $ms-ease2);
|
122
|
-
}
|
123
|
-
|
124
|
-
// slideDownOut10
|
125
|
-
@mixin ms-u-slideDownOut10 {
|
126
|
-
@include animationMix((fadeOut, slideDownOut10), $ms-duration1, $ms-ease2);
|
127
|
-
}
|
128
|
-
|
129
|
-
// scaleUpIn100
|
130
|
-
@mixin ms-u-scaleUpIn100 {
|
131
|
-
@include animationMix((fadeIn, scaleUp100), $ms-duration3, $ms-ease1);
|
132
|
-
}
|
133
|
-
|
134
|
-
// scaleDownIn100
|
135
|
-
@mixin ms-u-scaleDownIn100 {
|
136
|
-
@include animationMix((fadeIn, scaleDown100), $ms-duration3, $ms-ease1);
|
137
|
-
}
|
138
|
-
|
139
|
-
// scaleUpOut103
|
140
|
-
@mixin ms-u-scaleUpOut103 {
|
141
|
-
@include animationMix((fadeOut, scaleUp103), $ms-duration1, $ms-ease2);
|
142
|
-
}
|
143
|
-
|
144
|
-
// scaleDownOut98
|
145
|
-
@mixin ms-u-scaleDownOut98 {
|
146
|
-
@include animationMix((fadeOut, scaleDown98), $ms-duration1, $ms-ease2);
|
147
|
-
}
|
148
|
-
|
149
|
-
// fadeIn
|
150
|
-
@mixin ms-u-fadeIn400 {
|
151
|
-
-webkit-animation-duration: $ms-duration3;
|
152
|
-
-webkit-animation-name: fadeIn;
|
153
|
-
-webkit-animation-fill-mode: both;
|
154
|
-
animation-duration: $ms-duration3;
|
155
|
-
animation-name: fadeIn;
|
156
|
-
animation-fill-mode: both;
|
157
|
-
}
|
158
|
-
@mixin ms-u-fadeIn100 {
|
159
|
-
@include ms-u-fadeIn400;
|
160
|
-
-webkit-animation-duration: $ms-duration1;
|
161
|
-
animation-duration: $ms-duration1;
|
162
|
-
}
|
163
|
-
@mixin ms-u-fadeIn200 {
|
164
|
-
@include ms-u-fadeIn400;
|
165
|
-
-webkit-animation-duration: $ms-duration2;
|
166
|
-
animation-duration: $ms-duration2;
|
167
|
-
}
|
168
|
-
@mixin ms-u-fadeIn500 {
|
169
|
-
@include ms-u-fadeIn400;
|
170
|
-
-webkit-animation-duration: $ms-duration4;
|
171
|
-
animation-duration: $ms-duration4;
|
172
|
-
}
|
173
|
-
|
174
|
-
// fadeOut
|
175
|
-
@mixin ms-u-fadeOut400 {
|
176
|
-
-webkit-animation-duration: $ms-duration3;
|
177
|
-
-webkit-animation-name: fadeOut;
|
178
|
-
-webkit-animation-fill-mode: both;
|
179
|
-
animation-duration: $ms-duration3;
|
180
|
-
animation-name: fadeOut;
|
181
|
-
animation-fill-mode: both;
|
182
|
-
}
|
183
|
-
@mixin ms-u-fadeOut100 {
|
184
|
-
@include ms-u-fadeOut400;
|
185
|
-
-webkit-animation-duration: 0.1s;
|
186
|
-
animation-duration: 0.1s;
|
187
|
-
}
|
188
|
-
@mixin ms-u-fadeOut200 {
|
189
|
-
@include ms-u-fadeOut400;
|
190
|
-
-webkit-animation-duration: $ms-duration1;
|
191
|
-
animation-duration: $ms-duration1;
|
192
|
-
}
|
193
|
-
@mixin ms-u-fadeOut500 {
|
194
|
-
@include ms-u-fadeOut400;
|
195
|
-
-webkit-animation-duration: $ms-duration4;
|
196
|
-
animation-duration: $ms-duration4;
|
197
|
-
}
|
198
|
-
|
199
|
-
// rotate90deg
|
200
|
-
@mixin ms-u-rotate90deg {
|
201
|
-
@include animationMix(rotate90, 0.1s, $ms-ease2);
|
202
|
-
}
|
203
|
-
|
204
|
-
// rotateN90deg
|
205
|
-
@mixin ms-u-rotateN90deg {
|
206
|
-
@include animationMix(rotateN90, 0.1s, $ms-ease2);
|
207
|
-
}
|
208
|
-
|
209
|
-
// expandCollapse400
|
210
|
-
@mixin ms-u-expandCollapse400 {
|
211
|
-
-webkit-transition: height $ms-duration3 $ms-ease2;
|
212
|
-
transition: height $ms-duration3 $ms-ease2;
|
213
|
-
}
|
214
|
-
|
215
|
-
// expandCollapse200
|
216
|
-
@mixin ms-u-expandCollapse200 {
|
217
|
-
-webkit-transition: height $ms-duration1 $ms-ease2;
|
218
|
-
transition: height $ms-duration1 $ms-ease2;
|
219
|
-
}
|
220
|
-
|
221
|
-
// expandCollapse100
|
222
|
-
@mixin ms-u-expandCollapse100 {
|
223
|
-
-webkit-transition: height 0.1s $ms-ease2;
|
224
|
-
transition: height 0.1s $ms-ease2;
|
225
|
-
}
|
226
|
-
|
227
|
-
// delay100
|
228
|
-
@mixin ms-u-delay100 {
|
229
|
-
-webkit-animation-delay: $ms-duration1;
|
230
|
-
animation-delay: $ms-duration1;
|
231
|
-
}
|
232
|
-
|
233
|
-
// delay200
|
234
|
-
@mixin ms-u-delay200 {
|
235
|
-
-webkit-animation-delay: 0.267s;
|
236
|
-
animation-delay: 0.267s;
|
237
|
-
}
|