From 67d322b9233f3b2d9599eb5c42178bba4571beff Mon Sep 17 00:00:00 2001 From: mpuebla Date: Thu, 15 Aug 2019 09:41:49 -0300 Subject: [PATCH] Estilo de radio button. --- src/assets/scss/bootstrap-override.scss | 25 +++++++++++++++++++++++-- 1 file changed, 23 insertions(+), 2 deletions(-) diff --git a/src/assets/scss/bootstrap-override.scss b/src/assets/scss/bootstrap-override.scss index e4d132f..1b9bf56 100644 --- a/src/assets/scss/bootstrap-override.scss +++ b/src/assets/scss/bootstrap-override.scss @@ -11,8 +11,8 @@ $theme-colors: ( .popover { transform: translate3d(-480px, 0, -34px) !important; - min-width: 30vh !important; - max-width: 50vh !important; + min-width: 485px !important; + max-width: 485px !important; border: none !important; border-radius: 1.5rem !important; padding: 0 !important; @@ -47,4 +47,25 @@ $theme-colors: ( border-color: $primary !important; } +.custom-radio .custom-control-label::before { + background-color: $primary !important; + border-color: $white !important; + border-width: 2px !important; +} + +.custom-control-input { + border-color: $white !important; + background-color: $primary !important; + color: $primary !important; + &:checked ~ .custom-control-label::before { + border-color: $white !important; + color: #fff !important; + background-color: $primary !important; + } + &:focus ~ .custom-control-label::before { + border-color: $white !important; + box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.7) !important; + } +} + @import "../../../node_modules/bootstrap/scss/bootstrap"; -- 1.9.1