Marcelo Puebla / autoservicio-axion

Download as
Browse Code ยป

Commit a00709688bf073176dbe3ff8a2b0c8bc9d92bce8

Authored by Marcelo Puebla
1 parent 0a1b37bcbc
Exists in develop

Fix 

Quitado border de modal
Showing 1 changed file with 4 additions and 0 deletions   Show diff stats
src/scss/styles-bootstrap.scss
Diff comments   View file @ a007096
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: #aa006b; 5 $primary: #aa006b;
6 $secondary: #00acd8; 6 $secondary: #00acd8;
7 $info: #f4b223; 7 $info: #f4b223;
8 $light: #e6e7e9; 8 $light: #e6e7e9;
9 $dark: #61666c; 9 $dark: #61666c;
10 $theme-colors: ( 10 $theme-colors: (
11 primary: $primary, 11 primary: $primary,
12 secondary: $secondary, 12 secondary: $secondary,
13 info: $info, 13 info: $info,
14 light: $light, 14 light: $light,
15 dark: $dark 15 dark: $dark
16 ); 16 );
17 $border-radius: 1.5rem; 17 $border-radius: 1.5rem;
18 $border-radius-lg: 2.5rem; 18 $border-radius-lg: 2.5rem;
19 $border-radius-sm: 0.5rem; 19 $border-radius-sm: 0.5rem;
20 20
21 .custom-modal { 21 .custom-modal {
22 max-width: 90% !important; 22 max-width: 90% !important;
23 & > .modal-content { 23 & > .modal-content {
24 background-color: $primary !important; 24 background-color: $primary !important;
25 color: white; 25 color: white;
26 border: none !important; 26 border: none !important;
27 border-radius: $border-radius !important; 27 border-radius: $border-radius !important;
28 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; 28 box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
29 } 29 }
30 } 30 }
31 31
32 .carousel-control { 32 .carousel-control {
33 visibility: hidden !important; 33 visibility: hidden !important;
34 } 34 }
35 35
36 .carousel, 36 .carousel,
37 .carousel-inner, 37 .carousel-inner,
38 .carousel-item, 38 .carousel-item,
39 .item { 39 .item {
40 height: 100% !important; 40 height: 100% !important;
41 } 41 }
42 42
43 .custom-checkbox .custom-control-label::before { 43 .custom-checkbox .custom-control-label::before {
44 border-radius: 50% !important; 44 border-radius: 50% !important;
45 } 45 }
46 46
47 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before { 47 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
48 background-color: $primary !important; 48 background-color: $primary !important;
49 } 49 }
50 50
51 .custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before { 51 .custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
52 box-shadow: none !important; 52 box-shadow: none !important;
53 } 53 }
54 .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before { 54 .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
55 box-shadow: none !important; 55 box-shadow: none !important;
56 } 56 }
57 57
58 .custom-control-input:checked ~ .custom-control-label::before { 58 .custom-control-input:checked ~ .custom-control-label::before {
59 background-color: white !important; 59 background-color: white !important;
60 border-color: white !important; 60 border-color: white !important;
61 border-width: 2px; 61 border-width: 2px;
62 } 62 }
63 63
64 .custom-checkbox .custom-control-input:active ~ .custom-control-label::before { 64 .custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
65 background-color: $primary !important; 65 background-color: $primary !important;
66 } 66 }
67 67
68 .modal { 68 .modal {
69 background-color: #0000004d; 69 background-color: #0000004d;
70 } 70 }
71 71
72 .modal-content {
73 border: none !important;
74 }
75
72 .modal-content.media-pantalla { 76 .modal-content.media-pantalla {
73 margin-top: auto !important; 77 margin-top: auto !important;
74 margin-bottom: 50px !important; 78 margin-bottom: 50px !important;
75 } 79 }
76 80
77 .card { 81 .card {
78 border: none !important; 82 border: none !important;
79 } 83 }
80 84
81 @import "node_modules/bootstrap/scss/bootstrap"; 85 @import "node_modules/bootstrap/scss/bootstrap";
82 86