MatNav/MatNav.css at master · fallproject/MatNav · GitHub

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
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
.MatNav {
position: fixed;
bottom:0;
height:56px;
background-color: red;
width:100%; }

.MatNav-Container {
width:100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center; }

.MatNav-Item-Container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
text-align: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin:0px;
list-style-type: none;
width:100%;
max-width:168px;
min-width:80px;
height:56px; }

.MatNav-Icon {
color:#ffffff;
padding:0;
margin:6px;
display: block;
text-decoration: none;
height:24px;
width:24px;
font-size:24px; }

.MatNav-Label {
position: fixed;
margin:0010px0;
color:#ffffff;
bottom:0; }

main {
margin:0056px0; }

a[class="MatNav-Item-Container"] {
text-decoration: none; }

@media screen and (min-width:768px) {
 .MatNav {
width:56px;
height:100%;
left:0;
border-left:1px#efefef; }
 .MatNav-Container {
padding-top:0px;
height:100%;
width:56px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: unset;
-webkit-justify-content: unset;
-ms-flex-pack: unset;
justify-content: unset; }
 .MatNav-Item-Container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
height:56px;
width:56px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
max-width: unset;
min-width: unset; }
 .MatNav-Label {
display: none; }
 .MatNav-Icon {
margin: auto; }
main {
margin:00061px; } }

/*# sourceMappingURL=MatNav.css.map */