Project

General

Profile

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

    
6

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

    
10
$navbar-nav-item-font-size:                      $global-small-font-size !default;
11

    
12
$navbar-dropdown-margin:                         15px !default;
13
$navbar-dropdown-padding:                        25px !default;
14
$navbar-dropdown-background:                     $global-background !default;
15
$navbar-dropdown-grid-gutter-horizontal:         ($navbar-dropdown-padding * 2) !default;
16

    
17
//
18
// New
19
//
20

    
21
$navbar-nav-item-text-transform:                 uppercase !default;
22

    
23
$navbar-dropdown-nav-font-size:                  $global-small-font-size !default;
24

    
25
$navbar-dropdown-box-shadow:                     0 5px 12px rgba(0,0,0,0.15) !default;
26

    
27
$navbar-dropdown-grid-divider-border-width:      $global-border-width !default;
28
$navbar-dropdown-grid-divider-border:            $navbar-dropdown-nav-divider-border !default;
29

    
30

    
31
// Component
32
// ========================================================================
33

    
34
// @mixin hook-navbar(){}
35

    
36

    
37
// Container
38
// ========================================================================
39

    
40
// @mixin hook-navbar-container(){}
41

    
42

    
43
// Nav
44
// ========================================================================
45

    
46

    
47

    
48
// @mixin hook-navbar-nav-item-hover(){}
49

    
50
// @mixin hook-navbar-nav-item-onclick(){}
51

    
52
// @mixin hook-navbar-nav-item-active(){}
53

    
54

    
55
// Item
56
// ========================================================================
57

    
58
// @mixin hook-navbar-item(){}
59

    
60

    
61
// Toggle
62
// ========================================================================
63

    
64
// @mixin hook-navbar-toggle(){}
65

    
66
// @mixin hook-navbar-toggle-hover(){}
67

    
68
// @mixin hook-navbar-toggle-icon(){}
69

    
70
// @mixin hook-navbar-toggle-icon-hover(){}
71

    
72

    
73
// Subtitle
74
// ========================================================================
75

    
76
// @mixin hook-navbar-subtitle(){}
77

    
78

    
79
// Style modifiers
80
// ========================================================================
81

    
82
// @mixin hook-navbar-transparent(){}
83

    
84
// @mixin hook-navbar-sticky(){}
85

    
86

    
87
// Dropdown
88
// ========================================================================
89

    
90

    
91

    
92

    
93

    
94

    
95
// Dropdown nav
96
// ========================================================================
97

    
98

    
99

    
100
// @mixin hook-navbar-dropdown-nav-item(){}
101

    
102
// @mixin hook-navbar-dropdown-nav-item-hover(){}
103

    
104
// @mixin hook-navbar-dropdown-nav-header(){}
105

    
106
// @mixin hook-navbar-dropdown-nav-divider(){}
107

    
108

    
109
// Dropbar
110
// ========================================================================
111

    
112
// @mixin hook-navbar-dropbar(){}
113

    
114

    
115
// Miscellaneous
116
// ========================================================================
117

    
118

    
119

    
120

    
121
// Inverse
122
// ========================================================================
123

    
124
// @mixin hook-inverse-navbar-nav-item(){}
125
// @mixin hook-inverse-navbar-nav-item-hover(){}
126
// @mixin hook-inverse-navbar-nav-item-onclick(){}
127
// @mixin hook-inverse-navbar-nav-item-active(){}
128

    
129
// @mixin hook-inverse-navbar-item(){}
130

    
131
// @mixin hook-inverse-navbar-toggle(){}
132
// @mixin hook-inverse-navbar-toggle-hover(){}
(34-34/59)