init

liuxiaolong

2019-05-06 2ab7a76a38fbf8fa107bf6371f5410ba54e1d394

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
@import "./_appwork/include-material";
@import "./_theme/common";
@import "./_theme/libs";
@import "./_theme/uikit";
 
$primary-color: #4c84ff;
$body-bg: #f8f8f8;
 
body {
  background: $body-bg;
}
 
@include appwork-common-material-theme($primary-color);
@include appwork-libs-material-theme($primary-color);
@include appwork-uikit-theme($primary-color);
 
// Navbar
 
@include appwork-navbar-variant('.bg-navbar-theme', #343c44);
 
// Sidenav
 
@include appwork-sidenav-variant('.bg-sidenav-theme', #3f4853, $color: #96a1a9);
 
.bg-sidenav-theme {
  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle) {
    background: rgba(255, 255, 255, .05) !important;
  }
}
 
.bg-sidenav-theme.sidenav-vertical,
.bg-sidenav-theme .sidenav-vertical {
  .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-left: 4px solid $primary-color;
  }
 
  .layout-collapsed &:not(:hover) {
    .sidenav-item .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
      display: none;
    }
  }
}
 
[dir=rtl] .bg-sidenav-theme.sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after,
[dir=rtl] .bg-sidenav-theme .sidenav-vertical .sidenav-item.active > .sidenav-link:not(.sidenav-toggle)::after {
  right: 0;
  left: auto;
}
 
// Footer
 
@include appwork-footer-variant('.bg-footer-theme', #fff, $color: $text-muted, $active-color: $body-color);