]>
Commit | Line | Data |
---|---|---|
31f18b77 FG |
1 | /* |
2 | * Skin: Purple | |
3 | * ------------ | |
4 | */ | |
5 | @import "../../bootstrap-less/mixins.less"; | |
6 | @import "../../bootstrap-less/variables.less"; | |
7 | @import "../variables.less"; | |
8 | @import "../mixins.less"; | |
9 | ||
10 | .skin-purple-light { | |
11 | //Navbar | |
12 | .main-header { | |
13 | .navbar { | |
14 | .navbar-variant(@purple; #fff); | |
15 | .sidebar-toggle { | |
16 | color: #fff; | |
17 | &:hover { | |
18 | background-color: darken(@purple, 5%); | |
19 | } | |
20 | } | |
21 | @media (max-width: @screen-header-collapse) { | |
22 | .dropdown-menu { | |
23 | li { | |
24 | &.divider { | |
25 | background-color: rgba(255, 255, 255, 0.1); | |
26 | } | |
27 | a { | |
28 | color: #fff; | |
29 | &:hover { | |
30 | background: darken(@purple, 5%); | |
31 | } | |
32 | } | |
33 | } | |
34 | } | |
35 | } | |
36 | } | |
37 | //Logo | |
38 | .logo { | |
39 | .logo-variant(@purple); | |
40 | } | |
41 | ||
42 | li.user-header { | |
43 | background-color: @purple; | |
44 | } | |
45 | } | |
46 | ||
47 | //Content Header | |
48 | .content-header { | |
49 | background: transparent; | |
50 | } | |
51 | ||
52 | //Create the sidebar skin | |
53 | .skin-light-sidebar(@purple); | |
54 | } |