mdbootstrap/mdb-ui-kit
1
1
Fork 0
mirror of https://github.com/mdbootstrap/mdb-ui-kit.git synced 2025-02-18 20:50:38 +03:00
Code Issues Packages Projects Releases Wiki Activity

Solves #735 togglebuttons example rendering outside of .form-group

Browse Source
This commit is contained in:
Kevin Ross 2015-11-21 12:15:29 -06:00
parent 0993d7b564
commit 15446adb11
1 changed files with 64 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
less/_togglebutton.less
View File

@ -1,25 +1,4 @@
.form-group-toggle-variant(@placeholder-font-size, @line-height){ .togglebutton {
.togglebutton {
// Label is set in _inputs.less
}
}
.form-group {
//// default label size/location
.form-group-toggle-variant(@mdb-input-font-size-base, @mdb-input-line-height-base);
// sm label size/location
&.form-group-sm {
.form-group-toggle-variant(@mdb-input-font-size-small, @mdb-input-line-height-small);
}
// lg label size/location
&.form-group-lg {
.form-group-toggle-variant(@mdb-input-font-size-large, @mdb-input-line-height-large);
}
.togglebutton {
vertical-align: middle; vertical-align: middle;
&, label, input, .toggle { &, label, input, .toggle {
user-select: none; user-select: none;
@ -88,5 +67,4 @@
.generic-variations(~" label input[type=checkbox]:checked + .toggle:active:after", @brand-primary, { .generic-variations(~" label input[type=checkbox]:checked + .toggle:active:after", @brand-primary, {
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px fade(@mdb-color, 10%); box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px fade(@mdb-color, 10%);
}); });
}
} }