mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-22 21:22:52 +02:00
Code Issues Releases Wiki Activity

Custom checkboxes and radios retheming (#27064)

Browse Source
This commit is contained in:
Martijn Cuppens
2018-10-21 09:25:07 +02:00
committed by XhmikosR
parent c9a43b027a
commit e2014e8ed7
3 changed files with 36 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
scss/mixins/_forms.scss
View File

@@ -151,7 +151,7 @@
color: $color;
&::before {
background-color: lighten($color, 25%);
border-color: $color;
}
}
@@ -162,13 +162,18 @@
&:checked {
~ .custom-control-label::before {
border-color: lighten($color, 10%);
@include gradient-bg(lighten($color, 10%));
}
}
&:focus {
~ .custom-control-label::before {
box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
}
&:not(:checked) ~ .custom-control-label::before {
border-color: $color;
}
}
}