]> git.immae.eu Git - github/wallabag/wallabag.git/blob - app/Resources/static/themes/material/css/sidenav.scss
Notifications
[github/wallabag/wallabag.git] / app / Resources / static / themes / material / css / sidenav.scss
1 /* ==========================================================================
2 Side-nav
3 ========================================================================== */
4
5 @import 'notifications';
6
7 .side-nav {
8 width: 240px;
9
10 li {
11 padding: 0;
12
13 &.logo > a:hover {
14 background: initial;
15 }
16 }
17
18 a {
19 margin: 0;
20 }
21
22 &.fixed a {
23 font-size: 13px;
24 line-height: 44px;
25 height: 44px;
26 }
27
28 .collapsible-header,
29 &.fixed .collapsible-header {
30 height: 45px;
31 line-height: 44px;
32 padding: 0 20px;
33 }
34
35 > li.logo {
36 line-height: 0;
37 text-align: center;
38 }
39 }
40
41 #notifications {
42 width: 300px;
43 display: flex;
44 flex-flow: column;
45 justify-content: space-between;
46
47 @include notification;
48 }
49
50 .bold > a {
51 font-weight: bold;
52 }
53
54 span.numberItems {
55 float: right;
56 }