dlegr250_material_design 0.4.74 → 0.4.75
Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 14df1fd723239f21924afdd5a7e4fee61757c376
|
|
4
|
+
data.tar.gz: ecc479a04ce2d9549269cfb9bfc3ddabf7d1f219
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: b6334f97b7d0553b23131f7627b511002701441d469593d1f8613d7da9fb91e5e1284c126719beaacf57162b2cb090d2395f5f4701d7af25a0dbb243cdc2122d
|
|
7
|
+
data.tar.gz: a537d75f7a637c46bf6a6986e66d42c64beef71782bb2c3be613a3c6d80047fe18a8a3f66594fc0a0adb09003c1c7aa60025b1846d9a1a49cb8ca081c62cee3f
|
|
@@ -160,6 +160,12 @@ $default-rounded-corners-radius: 3px;
|
|
|
160
160
|
justify-content: flex-start;
|
|
161
161
|
}
|
|
162
162
|
|
|
163
|
+
@mixin flex-parent-row-align-center() {
|
|
164
|
+
@include flex-parent-row();
|
|
165
|
+
flex: 1 1 auto;
|
|
166
|
+
justify-content: center;
|
|
167
|
+
}
|
|
168
|
+
|
|
163
169
|
@mixin flex-parent-row-align-top() {
|
|
164
170
|
@include flex-parent-row();
|
|
165
171
|
align-items: flex-start;
|
|
@@ -1,45 +1,40 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Updated tabs
|
|
2
2
|
//----------------------------------------------------------------------
|
|
3
3
|
|
|
4
4
|
.tabs {
|
|
5
|
-
height: $tab-height;
|
|
6
5
|
@include flex-parent-row();
|
|
6
|
+
height: $tab-height;
|
|
7
|
+
position: relative;
|
|
7
8
|
}
|
|
8
9
|
|
|
9
|
-
.tabs-bordered {
|
|
10
|
-
@include box-shadow(0 1px color("divider"));
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
.tabs-fixed {
|
|
14
|
-
.tab {
|
|
15
|
-
flex: 1;
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
// Tabs - tab
|
|
20
|
-
//----------------------------------------------------------------------
|
|
21
|
-
|
|
22
10
|
.tab {
|
|
11
|
+
@include flex-parent-row();
|
|
23
12
|
border-bottom: 2px solid transparent;
|
|
24
13
|
color: color("helper");
|
|
25
14
|
cursor: pointer;
|
|
26
15
|
display: inline-flex;
|
|
27
|
-
|
|
16
|
+
flex: 1 1 auto;
|
|
28
17
|
font-weight: 600;
|
|
29
|
-
height:
|
|
30
|
-
|
|
31
|
-
// max-width: 264px;
|
|
32
|
-
// min-width: 72px;
|
|
18
|
+
height: 100%;
|
|
19
|
+
max-width: 150px;
|
|
33
20
|
padding: 0 $spacing-normal;
|
|
21
|
+
position: relative;
|
|
34
22
|
text-align: center;
|
|
35
|
-
text-decoration: none;
|
|
36
23
|
text-transform: uppercase;
|
|
37
24
|
vertical-align: middle;
|
|
38
25
|
@include transition(all 0.30s ease);
|
|
39
26
|
}
|
|
40
27
|
|
|
41
|
-
|
|
42
|
-
|
|
28
|
+
.tab-primary {
|
|
29
|
+
align-items: center;
|
|
30
|
+
display: flex;
|
|
31
|
+
flex: 1 1 auto;
|
|
32
|
+
justify-content: center;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
.tabs-fixed .tab {
|
|
36
|
+
max-width: none;
|
|
37
|
+
}
|
|
43
38
|
|
|
44
39
|
@each $color-name, $color in $colors {
|
|
45
40
|
.tabs-#{$color-name} {
|
|
@@ -55,6 +50,61 @@
|
|
|
55
50
|
}
|
|
56
51
|
}
|
|
57
52
|
|
|
53
|
+
// Tabs - base
|
|
54
|
+
//----------------------------------------------------------------------
|
|
55
|
+
|
|
56
|
+
// .tabs {
|
|
57
|
+
// height: $tab-height;
|
|
58
|
+
// @include flex-parent-row();
|
|
59
|
+
// }
|
|
60
|
+
|
|
61
|
+
.tabs-bordered {
|
|
62
|
+
@include box-shadow(0 1px color("divider"));
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
// .tabs-fixed {
|
|
66
|
+
// .tab {
|
|
67
|
+
// flex: 1;
|
|
68
|
+
// }
|
|
69
|
+
// }
|
|
70
|
+
|
|
71
|
+
// Tabs - tab
|
|
72
|
+
//----------------------------------------------------------------------
|
|
73
|
+
|
|
74
|
+
// .tab {
|
|
75
|
+
// border-bottom: 2px solid transparent;
|
|
76
|
+
// color: color("helper");
|
|
77
|
+
// cursor: pointer;
|
|
78
|
+
// font-size: $font-size-normal;
|
|
79
|
+
// font-weight: 600;
|
|
80
|
+
// height: $tab-height - 2px; // Account for 2px bottom border on tab
|
|
81
|
+
// // max-width: 264px;
|
|
82
|
+
// // min-width: 72px;
|
|
83
|
+
// padding: 0 $spacing-normal;
|
|
84
|
+
// text-align: center;
|
|
85
|
+
// text-decoration: none;
|
|
86
|
+
// text-transform: uppercase;
|
|
87
|
+
// vertical-align: middle;
|
|
88
|
+
// @include transition(all 0.30s ease);
|
|
89
|
+
// }
|
|
90
|
+
|
|
91
|
+
// Tabs - colored
|
|
92
|
+
//----------------------------------------------------------------------
|
|
93
|
+
|
|
94
|
+
// @each $color-name, $color in $colors {
|
|
95
|
+
// .tabs-#{$color-name} {
|
|
96
|
+
// .tab {
|
|
97
|
+
// &:hover {
|
|
98
|
+
// border-color: lighten($color, 30%);
|
|
99
|
+
// }
|
|
100
|
+
//
|
|
101
|
+
// &:active {
|
|
102
|
+
// background-color: lighten($color, 40%);
|
|
103
|
+
// }
|
|
104
|
+
// }
|
|
105
|
+
// }
|
|
106
|
+
// }
|
|
107
|
+
|
|
58
108
|
// Tabs - disabled
|
|
59
109
|
//----------------------------------------------------------------------
|
|
60
110
|
|