Luis Suarez / autoservicio-axion

Download as
Browse Code ยป

Commit 1ef79c192def9ca2cf59a398d9229afe000b78e8

Authored by Marcelo Puebla
2 parents 0fb48bcf70 0fbd0891ce
Exists in develop

Merge branch 'develop' into 'develop' 

Develop

See merge request !66
Showing 1 changed file   Show diff stats
src/scss/styles-bootstrap.scss
Diff comments   View file @ 1ef79c1
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 {
69 background-color: #0000004d;
70 }
71
68 .modal-promo > div { 72 .modal-promo > div {
69 border: none !important; 73 border: none !important;
70 border-radius: $border-radius; 74 border-radius: $border-radius;
71 margin-left: 10px !important; 75 margin-left: 10px !important;
72 } 76 }
73 77
74 .modal-content.media-pantalla { 78 .modal-content.media-pantalla {
75 margin-top: auto !important; 79 margin-top: auto !important;
76 margin-bottom: 50px !important; 80 margin-bottom: 50px !important;
77 } 81 }
78 82
79 .card { 83 .card {
80 border: none !important; 84 border: none !important;
81 } 85 }
82 86
83 @import "node_modules/bootstrap/scss/bootstrap"; 87 @import "node_modules/bootstrap/scss/bootstrap";
84 88