Commit 67d322b9233f3b2d9599eb5c42178bba4571beff
1 parent
37f131a57b
Exists in
master
Estilo de radio button.
Showing
1 changed file
with
23 additions
and
2 deletions
Show diff stats
src/assets/scss/bootstrap-override.scss
1 | @import "../../../node_modules/bootstrap/scss/functions"; | 1 | @import "../../../node_modules/bootstrap/scss/functions"; |
2 | @import "../../../node_modules/bootstrap/scss/variables"; | 2 | @import "../../../node_modules/bootstrap/scss/variables"; |
3 | @import "../../../node_modules/bootstrap/scss/mixins"; | 3 | @import "../../../node_modules/bootstrap/scss/mixins"; |
4 | 4 | ||
5 | $primary: #2872ae; | 5 | $primary: #2872ae; |
6 | 6 | ||
7 | $theme-colors: ( | 7 | $theme-colors: ( |
8 | primary: $primary, | 8 | primary: $primary, |
9 | light: white | 9 | light: white |
10 | ); | 10 | ); |
11 | 11 | ||
12 | .popover { | 12 | .popover { |
13 | transform: translate3d(-480px, 0, -34px) !important; | 13 | transform: translate3d(-480px, 0, -34px) !important; |
14 | min-width: 30vh !important; | 14 | min-width: 485px !important; |
15 | max-width: 50vh !important; | 15 | max-width: 485px !important; |
16 | border: none !important; | 16 | border: none !important; |
17 | border-radius: 1.5rem !important; | 17 | border-radius: 1.5rem !important; |
18 | padding: 0 !important; | 18 | padding: 0 !important; |
19 | background-color: $primary !important; | 19 | background-color: $primary !important; |
20 | .popover-body { | 20 | .popover-body { |
21 | padding: 0 !important; | 21 | padding: 0 !important; |
22 | } | 22 | } |
23 | } | 23 | } |
24 | 24 | ||
25 | .bs-popover-left .arrow::after, | 25 | .bs-popover-left .arrow::after, |
26 | .bs-popover-auto[x-placement^="left"] .arrow::after { | 26 | .bs-popover-auto[x-placement^="left"] .arrow::after { |
27 | border-left-color: $primary !important; | 27 | border-left-color: $primary !important; |
28 | } | 28 | } |
29 | 29 | ||
30 | .bs-popover-right .arrow::after, | 30 | .bs-popover-right .arrow::after, |
31 | .bs-popover-auto[x-placement^="right"] .arrow::after { | 31 | .bs-popover-auto[x-placement^="right"] .arrow::after { |
32 | border-right-color: $primary !important; | 32 | border-right-color: $primary !important; |
33 | } | 33 | } |
34 | 34 | ||
35 | .bs-popover-top .arrow::after, | 35 | .bs-popover-top .arrow::after, |
36 | .bs-popover-auto[x-placement^="top"] .arrow::after { | 36 | .bs-popover-auto[x-placement^="top"] .arrow::after { |
37 | border-top-color: $primary !important; | 37 | border-top-color: $primary !important; |
38 | } | 38 | } |
39 | 39 | ||
40 | .bs-popover-bottom .arrow::after, | 40 | .bs-popover-bottom .arrow::after, |
41 | .bs-popover-auto[x-placement^="bottom"] .arrow::after { | 41 | .bs-popover-auto[x-placement^="bottom"] .arrow::after { |
42 | border-bottom-color: $primary !important; | 42 | border-bottom-color: $primary !important; |
43 | } | 43 | } |
44 | 44 | ||
45 | .list-group-item.active { | 45 | .list-group-item.active { |
46 | background-color: $primary !important; | 46 | background-color: $primary !important; |
47 | border-color: $primary !important; | 47 | border-color: $primary !important; |
48 | } | 48 | } |
49 | 49 | ||
50 | .custom-radio .custom-control-label::before { | ||
51 | background-color: $primary !important; | ||
52 | border-color: $white !important; | ||
53 | border-width: 2px !important; | ||
54 | } | ||
55 | |||
56 | .custom-control-input { | ||
57 | border-color: $white !important; | ||
58 | background-color: $primary !important; | ||
59 | color: $primary !important; | ||
60 | &:checked ~ .custom-control-label::before { | ||
61 | border-color: $white !important; | ||
62 | color: #fff !important; | ||
63 | background-color: $primary !important; | ||
64 | } | ||
65 | &:focus ~ .custom-control-label::before { | ||
66 | border-color: $white !important; | ||
67 | box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.7) !important; | ||
68 | } | ||
69 | } | ||
70 | |||
50 | @import "../../../node_modules/bootstrap/scss/bootstrap"; | 71 | @import "../../../node_modules/bootstrap/scss/bootstrap"; |
51 | 72 |