Project

General

Profile

1
//
2
// Component: Nav
3
//
4
// ========================================================================
5

    
6

    
7
// Variables
8
// ========================================================================
9

    
10
//
11
// New
12
//
13

    
14
@nav-default-font-size:                         @global-small-font-size;
15

    
16

    
17
// Sublists
18
// ========================================================================
19

    
20
.hook-nav-sub() {}
21

    
22

    
23
// Parent icon modifier
24
// ========================================================================
25

    
26
.hook-nav-parent-icon() {}
27

    
28

    
29
// Header
30
// ========================================================================
31

    
32
.hook-nav-header() {}
33

    
34

    
35
// Divider
36
// ========================================================================
37

    
38
.hook-nav-divider() {}
39

    
40

    
41
// Default style modifier
42
// ========================================================================
43

    
44
.hook-nav-default() { font-size: @nav-default-font-size; }
45

    
46
.hook-nav-default-item() {}
47

    
48
.hook-nav-default-item-hover() {}
49

    
50
.hook-nav-default-item-active() {}
51

    
52
.hook-nav-default-header() {}
53

    
54
.hook-nav-default-divider() {}
55

    
56

    
57
// Primary style modifier
58
// ========================================================================
59

    
60
.hook-nav-primary() {}
61

    
62
.hook-nav-primary-item() {}
63

    
64
.hook-nav-primary-item-hover() {}
65

    
66
.hook-nav-primary-item-active() {}
67

    
68
.hook-nav-primary-header() {}
69

    
70
.hook-nav-primary-divider() {}
71

    
72

    
73
// Miscellaneous
74
// ========================================================================
75

    
76
.hook-nav-misc() {}
77

    
78

    
79
// Inverse
80
// ========================================================================
81

    
82
.hook-inverse-nav-parent-icon() {}
83

    
84
.hook-inverse-nav-default-item() {}
85
.hook-inverse-nav-default-item-hover() {}
86
.hook-inverse-nav-default-item-active() {}
87
.hook-inverse-nav-default-header() {}
88
.hook-inverse-nav-default-divider() {}
89

    
90
.hook-inverse-nav-primary-item() {}
91
.hook-inverse-nav-primary-item-hover() {}
92
.hook-inverse-nav-primary-item-active() {}
93
.hook-inverse-nav-primary-header() {}
94
.hook-inverse-nav-primary-divider() {}
(33-33/59)