1 | .prism-main-nav {
|
2 | height: 100%;
|
3 | background: #FFFFFF;
|
4 | font-family: "Roboto", "Arial", sans-serif;
|
5 | }
|
6 | .prism-main-nav__list {
|
7 | height: 100%;
|
8 | margin: 0;
|
9 | display: flex;
|
10 | padding: 0;
|
11 | list-style-type: none;
|
12 | }
|
13 | .prism-main-nav__item {
|
14 | display: flex;
|
15 | flex-grow: 1;
|
16 | flex-wrap: nowrap;
|
17 | min-height: 30px;
|
18 | line-height: 1;
|
19 | flex-direction: row;
|
20 | }
|
21 | @media (min-width:600px) {
|
22 | .prism-main-nav__item {
|
23 | flex-grow: 0;
|
24 | }
|
25 | }
|
26 | .prism-main-nav__link {
|
27 | color: rgba(0, 0, 0, 0.87);
|
28 | width: 100%;
|
29 | border: solid 0 #FFFFFF;
|
30 | cursor: pointer;
|
31 | display: flex;
|
32 | padding: 0px 16px;
|
33 | font-size: 1rem;
|
34 | text-align: center;
|
35 | align-items: center;
|
36 | font-weight: 700;
|
37 | flex-direction: row;
|
38 | text-decoration: none;
|
39 | border-top-width: 3px;
|
40 | }
|
41 | .prism-main-nav__link:active, .prism-main-nav__link:focus, .prism-main-nav__link:hover {
|
42 | border-color: #61b3cf;
|
43 | }
|
44 | @media (min-width:600px) {
|
45 | .prism-main-nav__link {
|
46 | border-width: 0 0 3px 0;
|
47 | }
|
48 | }
|
49 | .prism-main-nav__link--active {
|
50 | border-color: #61b3cf;
|
51 | }
|
52 | .prism-main-nav__icon {
|
53 | color: #61b3cf;
|
54 | font-size: 1.25rem;
|
55 | }
|
56 | .prism-main-nav__label {
|
57 | margin-left: 0.5rem;
|
58 | } |
\ | No newline at end of file |