diff options
Diffstat (limited to 'client/src/app/core/menu/menu.component.scss')
-rw-r--r-- | client/src/app/core/menu/menu.component.scss | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/client/src/app/core/menu/menu.component.scss b/client/src/app/core/menu/menu.component.scss new file mode 100644 index 000000000..38a6b95b6 --- /dev/null +++ b/client/src/app/core/menu/menu.component.scss | |||
@@ -0,0 +1,50 @@ | |||
1 | menu { | ||
2 | background-color: $black-background; | ||
3 | padding: 15px; | ||
4 | margin: 0; | ||
5 | height: 100%; | ||
6 | white-space: nowrap; | ||
7 | text-overflow: ellipsis; | ||
8 | overflow: hidden; | ||
9 | |||
10 | @media screen and (max-width: 550px) { | ||
11 | font-size: 90%; | ||
12 | } | ||
13 | |||
14 | @media screen and (min-width: 1200px) { | ||
15 | padding: 25px; | ||
16 | } | ||
17 | |||
18 | .panel-block { | ||
19 | margin-bottom: 15px; | ||
20 | } | ||
21 | |||
22 | .block-title { | ||
23 | text-transform: uppercase; | ||
24 | font-weight: bold; | ||
25 | color: $menu-color-block; | ||
26 | margin-bottom: 10px; | ||
27 | } | ||
28 | |||
29 | a { | ||
30 | display: block; | ||
31 | margin-left: 5px; | ||
32 | height: 30px; | ||
33 | color: $menu-color-link; | ||
34 | cursor: pointer; | ||
35 | transition: color 0.3s; | ||
36 | |||
37 | &:hover, &:focus { | ||
38 | text-decoration: none !important; | ||
39 | outline: none !important; | ||
40 | } | ||
41 | |||
42 | .glyphicon { | ||
43 | margin-right: 15px; | ||
44 | } | ||
45 | |||
46 | &:hover, &.active { | ||
47 | color: #fff; | ||
48 | } | ||
49 | } | ||
50 | } | ||