diff --git a/src/scss/styles-bootstrap.scss b/src/scss/styles-bootstrap.scss index ffec04b..7c7ba6b 100644 --- a/src/scss/styles-bootstrap.scss +++ b/src/scss/styles-bootstrap.scss @@ -40,18 +40,28 @@ $border-radius-sm: 0.5rem; height: 100% !important; } +.custom-checkbox .custom-control-label::before { + border-radius: 50% !important; +} + .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { background-color: $primary !important; } -.custom-control-input:checked ~ .custom-control-label::before { - border-color: $primary !important; - background-color: $primary !important; +.custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before { + box-shadow: none !important; +} +.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before { + box-shadow: none !important; } .custom-control-input:checked ~ .custom-control-label::before { - color: #fff; - border-color: $primary !important; + background-color: white !important; + border-color: white !important; + border-width: 2px; +} + +.custom-checkbox .custom-control-input:active ~ .custom-control-label::before { background-color: $primary !important; }