_bootstrap-switch.scss
1.2 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
/***
Bootstrap Switch
***/
.bootstrap-switch {
border-color: $input-border;
&.bootstrap-switch-focused {
box-shadow: none;
border-color: $input-border;
}
}
/***
Color variants
***/
@mixin bootstrap-switch-variant($state, $background, $text) {
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-#{$state},
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-#{$state} {
color: $text;
background: $background;
}
}
@include bootstrap-switch-variant("primary", $btn-primary-bg, $btn-primary-color);
@include bootstrap-switch-variant("info", $btn-info-bg, $btn-info-color);
@include bootstrap-switch-variant("success", $btn-success-bg, $btn-success-color);
@include bootstrap-switch-variant("warning", $btn-warning-bg, $btn-warning-color);
@include bootstrap-switch-variant("danger", $btn-danger-bg, $btn-danger-color);
@include bootstrap-switch-variant("default", lighten($brand-default, 15%), #444);
/* Bootstrap switch on portlet headers */
.portlet > {
.portlet-title {
> .actions {
> .bootstrap-switch {
border-color: transparent;
margin-top: 0px;
}
}
}
}