Marcelo Puebla / autoservicio-axion

Download as
Browse Code ยป

Commit 5ae1878a3218f2f34e574821bb652f1ea2aee5ad

Authored by Marcelo Puebla
1 parent a4b04eb010
Exists in develop

Change 

Se movieron clases
Showing 2 changed files with 12 additions and 12 deletions   Show diff stats
src/scss/styles-bootstrap.scss
Diff comments   View file @ 5ae1878
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-input:checked ~ .custom-control-label::before { 43 .custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
44 background-color: $primary !important; 44 background-color: $primary !important;
45 } 45 }
46 46
47 .custom-control-input:checked ~ .custom-control-label::before { 47 .custom-control-input:checked ~ .custom-control-label::before {
48 border-color: $primary !important; 48 border-color: $primary !important;
49 background-color: $primary !important; 49 background-color: $primary !important;
50 } 50 }
51 51
52 .custom-control-input:checked ~ .custom-control-label::before { 52 .custom-control-input:checked ~ .custom-control-label::before {
53 color: #fff; 53 color: #fff;
54 border-color: $primary !important; 54 border-color: $primary !important;
55 background-color: $primary !important; 55 background-color: $primary !important;
56 } 56 }
57 57
58 .modal-promo > div { 58 .modal-promo > div {
59 border: none !important; 59 border: none !important;
60 border-radius: $border-radius; 60 border-radius: $border-radius;
61 margin-left: 10px !important; 61 margin-left: 10px !important;
62 } 62 }
63 63
64 .modal-content.media-pantalla {
65 margin-top: auto !important;
66 margin-bottom: 50px !important;
67 }
68
64 @import "node_modules/bootstrap/scss/bootstrap"; 69 @import "node_modules/bootstrap/scss/bootstrap";
65 70
1 @import "scss/styles-bootstrap.scss"; 1 @import "scss/styles-bootstrap.scss";
2 @import "scss/typography.scss"; 2 @import "scss/typography.scss";
3 @import "scss/height-width.scss"; 3 @import "scss/height-width.scss";
4 @import "scss/animations.scss"; 4 @import "scss/animations.scss";
5 @import "scss/icons.scss"; 5 @import "scss/icons.scss";
6 @import "scss/scroll.scss"; 6 @import "scss/scroll.scss";
7 @import "node_modules/bootstrap/scss/_variables.scss"; 7 @import "node_modules/bootstrap/scss/_variables.scss";
8 8
9 @font-face { 9 @font-face {
10 font-family: "Gotham"; 10 font-family: "Gotham";
11 font-style: normal; 11 font-style: normal;
12 font-weight: normal; 12 font-weight: normal;
13 src: url("assets/fonts/gotham-medium.woff") format("woff"); 13 src: url("assets/fonts/gotham-medium.woff") format("woff");
14 } 14 }
15 15
16 html, 16 html,
17 body { 17 body {
18 max-height: 100vh; 18 max-height: 100vh;
19 height: 100%; 19 height: 100%;
20 font-family: "Gotham"; 20 font-family: "Gotham";
21 overflow: hidden; 21 overflow: hidden;
22 user-select: none; 22 user-select: none;
23 } 23 }
24 24
25 body.media-pantalla {
26 height: 50% !important;
27 position: absolute;
28 bottom: 0;
29 width: 100%;
30 }
31
25 .btn-effect { 32 .btn-effect {
26 transition: all 0.3s !important; 33 transition: all 0.3s !important;
27 &:hover { 34 &:hover {
28 cursor: pointer !important; 35 cursor: pointer !important;
29 opacity: 0.7 !important; 36 opacity: 0.7 !important;
30 } 37 }
31 &:active { 38 &:active {
32 transform: scale(1.02) !important; 39 transform: scale(1.02) !important;
33 } 40 }
34 } 41 }
35 42
36 .cursor-pointer { 43 .cursor-pointer {
37 cursor: pointer; 44 cursor: pointer;
38 } 45 }
39 46
40 p { 47 p {
41 margin: 0 !important; 48 margin: 0 !important;
42 } 49 }
43 50
44 .img-in-top { 51 .img-in-top {
45 position: absolute; 52 position: absolute;
46 top: -35px; 53 top: -35px;
47 left: 50%; 54 left: 50%;
48 height: 70px; 55 height: 70px;
49 -webkit-transform: translateX(-50%); 56 -webkit-transform: translateX(-50%);
50 transform: translateX(-50%); 57 transform: translateX(-50%);
51 } 58 }
52 59
53 .right-0 { 60 .right-0 {
54 right: 0; 61 right: 0;
55 } 62 }
56 63
57 .left-0 { 64 .left-0 {
58 left: 0; 65 left: 0;
59 } 66 }
60 67
61 .rotate-45 { 68 .rotate-45 {
62 transform: rotate(45deg); 69 transform: rotate(45deg);
63 } 70 }
64 71
65 .rotate-90 { 72 .rotate-90 {
66 transform: rotate(90deg); 73 transform: rotate(90deg);
67 } 74 }
68 75
69 .rotate-90-neg { 76 .rotate-90-neg {
70 transform: rotate(-90deg); 77 transform: rotate(-90deg);
71 } 78 }
72 79
73 .rotate-180-neg { 80 .rotate-180-neg {
74 transform: rotate(-180deg); 81 transform: rotate(-180deg);
75 } 82 }
76 83
77 .disabled { 84 .disabled {
78 opacity: 0.5; 85 opacity: 0.5;
79 } 86 }
80
81 body.media-pantalla {
82 height: 50% !important;
83 position: absolute;
84 bottom: 0;
85 width: 100%;