UNPKG

d-md-components

Version:

A pack of components for Derby according to Google's Material Design based upon mdl (getmdl.io).

github.com/BBWeb/d-md-components

BBWeb/d-md-components

75 lines (61 loc) • 2.48 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
.tabs width 100% position relative overflow hidden .tab-header display inline-block cursor pointer padding 24px color mdl-medium-full text-transform uppercase opacity 1 transition opacity 0.2s ease-in-out position relative .tab-header-selected color mdl-dark-full font-weight 500 .tab-content position relative display inline-block vertical-align top transition all 0.3s cubic-bezier(0.4, 0, 0.2, 1) .tab-selected opacity 1 transition all 0.3s cubic-bezier(0.4, 0, 0.2, 1) .tab-before-selected .tab-after-selected opacity 0 transition all 0.3s cubic-bezier(0.4, 0, 0.2, 1), opacity 1s linear .tab-after-selected:not(.animating) .tab-before-selected:not(.animating) max-height 0px .tabs-underline width 0px background #ff4081 height 2px top 60px left 0 transition left 0.3s cubic-bezier(0.4, 0, 0.2, 1), width 0.3s cubic-bezier(0.4, 0, 0.2, 1) .tabs-border top 61px width 100% border-top 1px solid mdl-light-light-full .tabs-underline .tabs-border position absolute pointer-events none .no-transition transition none !important .invisible opacity 0 .tabs---header--error color #d50000 .tabs---header--error:after content '' position absolute height 2px width 100% bottom 11px left 0 background #d50000 z-index 3