_navbar.scss
1.41 KB
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
58
59
60
61
62
//
// Mixins: Navbar
//
// Navbar Variant
@mixin navbar-variant($name, $color) {
.navbar-#{$name} {
background-color: $color;
color: color-yiq($color);
&.navbar-light {
.form-control-navbar {
&::placeholder {
color: rgba($gray-800, .8);
}
&,
+ .input-group-append > .btn-navbar {
background-color: darken($color, 4%);
border-color: darken($color, 9%);
color: rgba($gray-800, .8);
}
&:focus {
&::placeholder {
color: $gray-800;
}
&,
+ .input-group-append .btn-navbar {
background-color: darken($color, 5%);
border-color: darken($color, 9%) !important;
color: $gray-800;
}
}
}
}
&.navbar-dark {
.form-control-navbar {
&::placeholder {
color: rgba($white, .8);
}
&,
+ .input-group-append > .btn-navbar {
background-color: lighten($color, 4%);
border-color: lighten($color, 9%);
color: rgba($white, .8);
}
&:focus {
&::placeholder {
color: $white;
}
&,
+ .input-group-append .btn-navbar {
background-color: lighten($color, 5%);
border-color: lighten($color, 9%) !important;
color: $white;
}
}
}
}
}
}