Blame view

bower_components/Materialize/sass/components/_sideNav.scss 1.67 KB
74249687   Luigi Serra   Cross browser con...
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
  .side-nav {
    position: fixed;
    width: 240px;
    left: -105%;
    top: 0;
    margin: 0;
    height: 100%;
    height: calc(100% + 60px);
    height: -moz-calc(100%); //Temporary Firefox Fix
    padding-bottom: 60px;
    background-color: $sidenav-bg-color;
    z-index: 999;
    overflow-y: auto;
  
    @extend .z-depth-1;
    will-change: left;
  
    // Right Align
    &.right-aligned {
      will-change: right;
      right: -105%;
      left: auto;
    }
  
    .collapsible{
      margin: 0;
    }
  
  
    li {
      float: none;
      padding: 0 $sidenav-padding-right;
a1a3bc73   Luigi Serra   graphs updates
33
      line-height: $sidenav-item-height;
74249687   Luigi Serra   Cross browser con...
34
35
36
37
38
39
      &:hover, &.active { background-color: #ddd; }
    }
    a {
      color: #444;
      display: block;
      font-size: 1rem;
a1a3bc73   Luigi Serra   graphs updates
40
41
      height: $sidenav-item-height;
      line-height: $sidenav-item-height;
74249687   Luigi Serra   Cross browser con...
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
      padding: 0 $sidenav-padding-right;
    }
  }
  
  
  // Touch interaction
  .drag-target {
    height: 100%;
    width: 10px;
    position: fixed;
    top: 0;
    z-index: 998;
  }
  
  
  // Hidden side-nav for all sizes
  .side-nav.fixed {
    a {
      display: block;
      padding: 0 $sidenav-padding-right;
      color: #444;
    }
  }
  
  
  // Fixed side-nav shown
  .side-nav.fixed {
    left: 0;
    position: fixed;
  
    // Right Align
    &.right-aligned {
      right: 0;
      left: auto;
    }
  }
  
  // Fixed sideNav hide on smaller
  @media #{$medium-and-down} {
    .side-nav.fixed {
      left: -105%;
  
      &.right-aligned {
        right: -105%;
        left: auto;
      }
    }
  }
  
  
  .side-nav .collapsible-body li.active,
  .side-nav.fixed .collapsible-body li.active {
    background-color: $primary-color;
    a {
      color: $sidenav-bg-color;
    }
  }
  
  
  #sidenav-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  
    height: 120vh;
    background-color: rgba(0,0,0,.5);
    z-index: 997;
  
    will-change: opacity;
  }