office-ui-fabric-core-rails 5.1.0.0 → 6.0.0.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
-
}
|