Project

General

Profile

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

    
6

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

    
10
@search-default-background:                         transparent;
11

    
12
//
13
// New
14
//
15

    
16
@search-default-border-width:                       @global-border-width;
17
@search-default-border:                             @global-border;
18

    
19

    
20
// Default modifiers
21
// ========================================================================
22

    
23
.hook-search-default-input() { border: @search-default-border-width solid @search-default-border; }
24

    
25

    
26
// Navbar modifiers
27
// ========================================================================
28

    
29
.hook-search-navbar-input() {}
30

    
31
.hook-search-default-input-focus() {}
32

    
33

    
34
// Large modifiers
35
// ========================================================================
36

    
37
.hook-search-large-input() {}
38

    
39

    
40
// Toggle
41
// ========================================================================
42

    
43
.hook-search-toggle() {}
44

    
45
.hook-search-toggle-hover() {}
46

    
47

    
48
// Miscellaneous
49
// ========================================================================
50

    
51
.hook-search-misc() {}
52

    
53

    
54
// Inverse
55
// ========================================================================
56

    
57
@inverse-search-default-background:            transparent;
58

    
59
.hook-inverse-search-default-input() { border-color: @inverse-global-border; }
60
.hook-inverse-search-default-input-focus() {}
61

    
62
.hook-inverse-search-navbar-input() {}
63

    
64
.hook-inverse-search-large-input() {}
65

    
66
.hook-inverse-search-toggle() {}
67
.hook-inverse-search-toggle-hover() {}
(43-43/59)