dlegr250_material_design 0.4.55 → 0.4.56
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: 1de3aeee80b764d7667f1c6f2e36bc60b0350079
|
4
|
+
data.tar.gz: 5a5cdb8ef56a65181a299da39ebc2365d6e816c8
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: bd2fb25f56da8eeb6739e89f71c56903b7001f2cb160514d03244c912333e5719f1f7a3edf21fe5146ddf9840b8f694c29c1e29f7758151238e3e1c548eaa7d5
|
7
|
+
data.tar.gz: dcb607f78251709d792f83df583eed2e3f84cda9c4d40f16a75a70f276f2394cd3c438de3abb332387a19721d42420bd10372da3104b0c4402def70165cfacd7
|
@@ -2,16 +2,24 @@
|
|
2
2
|
//----------------------------------------------------------------------
|
3
3
|
|
4
4
|
.tabs {
|
5
|
-
display: table;
|
5
|
+
// display: table;
|
6
|
+
// height: $tab-height;
|
7
|
+
// table-layout: fixed;
|
8
|
+
// width: 100%;
|
6
9
|
height: $tab-height;
|
7
|
-
|
8
|
-
width: 100%;
|
10
|
+
@include flex-parent-row();
|
9
11
|
}
|
10
12
|
|
11
13
|
.tabs-bordered {
|
12
14
|
@include box-shadow(0 1px color("divider"));
|
13
15
|
}
|
14
16
|
|
17
|
+
.tabs-full-width {
|
18
|
+
.tab {
|
19
|
+
flex: 1
|
20
|
+
}
|
21
|
+
}
|
22
|
+
|
15
23
|
// Tabs - tab
|
16
24
|
//----------------------------------------------------------------------
|
17
25
|
|
@@ -19,13 +27,13 @@
|
|
19
27
|
border-bottom: 2px solid transparent;
|
20
28
|
color: color("helper");
|
21
29
|
cursor: pointer;
|
22
|
-
display: table-cell;
|
23
30
|
font-size: $font-size-normal;
|
24
31
|
font-weight: 600;
|
25
32
|
height: $tab-height - 2px; // Account for 2px bottom border on tab
|
33
|
+
line-height: $tab-height - 2px;
|
26
34
|
// max-width: 264px;
|
27
35
|
// min-width: 72px;
|
28
|
-
padding: 0 $spacing-
|
36
|
+
padding: 0 $spacing-normal;
|
29
37
|
text-align: center;
|
30
38
|
text-decoration: none;
|
31
39
|
text-transform: uppercase;
|
@@ -42,11 +50,8 @@
|
|
42
50
|
}
|
43
51
|
}
|
44
52
|
|
45
|
-
// Tabs - colored
|
46
|
-
//----------------------------------------------------------------------
|
47
|
-
|
48
53
|
@each $color-name, $color in $colors {
|
49
|
-
.tabs
|
54
|
+
.tabs-#{$color-name} {
|
50
55
|
.tab {
|
51
56
|
// Hover and click tab
|
52
57
|
&:hover,
|
@@ -64,7 +69,7 @@
|
|
64
69
|
border-color: $color;
|
65
70
|
color: $color;
|
66
71
|
|
67
|
-
|
72
|
+
&.tab-icon {
|
68
73
|
color: $color;
|
69
74
|
}
|
70
75
|
}
|
metadata
CHANGED
@@ -1,14 +1,14 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: dlegr250_material_design
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 0.4.
|
4
|
+
version: 0.4.56
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Daniel LeGrand
|
8
8
|
autorequire:
|
9
9
|
bindir: exe
|
10
10
|
cert_chain: []
|
11
|
-
date: 2016-12-
|
11
|
+
date: 2016-12-24 00:00:00.000000000 Z
|
12
12
|
dependencies: []
|
13
13
|
description: 'WARNING: ALPHA CODE, NOT PRODUCTION READY. ACTIVELY UNDER DEVELOPMENT
|
14
14
|
AS OF AUG 2016. Implement Google Material Design spec with modern browsers in mind
|