Mauricio Cattafi / autoservicio

Download as
Browse Code ยป

Commit 67d322b9233f3b2d9599eb5c42178bba4571beff

Authored by Marcelo Puebla
1 parent 37f131a57b
Exists in master and in 1 other branch validar_pve

Estilo de radio button.

Showing 1 changed file with 23 additions and 2 deletions   Show diff stats
src/assets/scss/bootstrap-override.scss
Diff comments   View file @ 67d322b
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