Mauricio Cattafi / wrapper-demo

Download as
Browse Code ยป

Commit 0cb814a8ba454e811601d4b56369fb1e9605b0b1

Authored by Eric Fernandez
2 parents f289f7e356 aa29289f79
Exists in master and in 1 other branch develop

Merge branch 'master' into 'develop' 

Master(mpuebla)

See merge request !153
Showing 5 changed files   Show diff stats

17.1 KB | W: | H:

8.27 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
img/axionEuroDiesel.png
Diff comments   View file @ 0cb814a

22.7 KB | W: | H:

11.5 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
img/axionPremium.png
Diff comments   View file @ 0cb814a

22.1 KB | W: | H:

11 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

18.9 KB | W: | H:

9.19 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
src/sass/_botonera-secundaria.scss
Diff comments   View file @ 0cb814a
1 .botonera-secundaria { 1 .botonera-secundaria {
2 .row { 2 .row {
3 border-radius: 5px; 3 border-radius: 5px;
4 overflow: hidden; 4 overflow: hidden;
5 } 5 }
6 .btn-xs { 6 .btn-xs {
7 display: grid; 7 display: grid;
8 border-width: 3px !important; 8 border-width: 3px !important;
9 border-radius: .7rem !important; 9 border-radius: .7rem !important;
10 margin-right: 1px; 10 margin-right: 1px;
11 width: calc(100% - 1px); 11 width: calc(100% - 1px);
12 margin-bottom: 1px; 12 margin-bottom: 1px;
13 &:hover{ 13 &:hover{
14 background-color: #cd903550 ; 14 background-color: #cd903550 ;
15 border-color: #cd9035 !important; 15 border-color: #cd9035 !important;
16 } 16 }
17 &:focus{ 17 &:focus{
18 box-shadow: 0 0 0 0.2rem rgb(216, 176, 125); 18 box-shadow: 0 0 0 0.2rem rgb(216, 176, 125);
19 } 19 }
20 img{ 20 img{
21 width: 40%; 21 width: 40%;
22 margin: auto 22 margin: auto
23 } 23 }
24 span{ 24 span{
25 font-size: 11px; 25 font-size: 11px;
26 margin-left: -.25rem; 26 margin-left: -.25rem;
27 margin-right: -.25rem; 27 margin-right: -.25rem;
28 } 28 }
29 } 29 }
30 .btn-tarjeta { 30 .btn-tarjeta {
31 border-width: 3px !important; 31 border-width: 3px !important;
32 border-radius: .7rem !important; 32 border-radius: .7rem !important;
33 &:hover{ 33 &:hover{
34 background-color: #cd903550 ; 34 background-color: #cd903550 ;
35 border-color: #cd9035 !important; 35 border-color: #cd9035 !important;
36 } 36 }
37 &:focus{ 37 &:focus{
38 box-shadow: none; 38 box-shadow: none;
39 border-color: #cd9035 !important; 39 border-color: #cd9035 !important;
40 } 40 }
41 img{ 41 img{
42 width: 5em; 42 width: 5em;
43 margin: auto 43 margin: auto
44 } 44 }
45 } 45 }
46 .btn-producto { 46 .btn-producto {
47 border-width: 3px !important; 47 border-width: 3px !important;
48 border-radius: .7rem !important; 48 border-radius: .7rem !important;
49 &:hover{ 49 &:hover{
50 background-color: #cd903550 ; 50 background-color: #cd903550 ;
51 border-color: #cd9035 !important; 51 border-color: #cd9035 !important;
52 } 52 }
53 &:focus{ 53 &:focus{
54 box-shadow: none; 54 box-shadow: none;
55 border-color: #cd9035 !important; 55 border-color: #cd9035 !important;
56 } 56 }
57 img{ 57 img{
58 width: 100%; 58 width: 100%;
59 margin: auto 59 margin: auto;
60 border-radius: .6rem !important;
60 } 61 }
61 } 62 }
62 .btn-producto-default { 63 .btn-producto-default {
63 border-width: 3px !important; 64 border-width: 3px !important;
64 border-radius: .7rem !important; 65 border-radius: .7rem !important;
65 &:hover{ 66 &:hover{
66 background-color: #cd903550 ; 67 background-color: #cd903550 ;
67 border-color: #cd9035 !important; 68 border-color: #cd9035 !important;
68 } 69 }
69 &:focus{ 70 &:focus{
70 box-shadow: none; 71 box-shadow: none;
71 border-color: #cd9035 !important; 72 border-color: #cd9035 !important;
72 } 73 }
73 img{ 74 img{
74 width: 60%; 75 width: 60%;
75 margin: auto 76 margin: auto
76 } 77 }
77 } 78 }
78 @media(max-width: 992px){ 79 @media(max-width: 992px){
79 .btn-xs{ 80 .btn-xs{
80 font-weight: 700; 81 font-weight: 700;
81 } 82 }
82 } 83 }
83 @media(min-width: 1200px){ 84 @media(min-width: 1200px){
84 .btn-xs{ 85 .btn-xs{
85 height: 85px !important; 86 height: 85px !important;
86 } 87 }
87 .foca-facturador-px{ 88 .foca-facturador-px{
88 padding-left: 3rem; 89 padding-left: 3rem;
89 padding-right: 3rem; 90 padding-right: 3rem;
90 } 91 }
91 } 92 }
92 93
93 @media(min-width: 992px) and (max-width: 1200px){ 94 @media(min-width: 992px) and (max-width: 1200px){
94 .btn-xs{ 95 .btn-xs{
95 height: 73px !important; 96 height: 73px !important;
96 } 97 }
97 } 98 }
98 99
99 @media(min-width: 768px) and (max-width: 992px){ 100 @media(min-width: 768px) and (max-width: 992px){
100 .btn-xs{ 101 .btn-xs{
101 height: 62px !important; 102 height: 62px !important;
102 } 103 }
103 } 104 }
104 105
105 @media(min-width: 576px) and (max-width: 768px){ 106 @media(min-width: 576px) and (max-width: 768px){
106 .btn-xs{ 107 .btn-xs{
107 max-height: 51px; 108 max-height: 51px;
108 } 109 }
109 } 110 }
110 111
111 @media(max-width: 576px) { 112 @media(max-width: 576px) {
112 .btn-xs{ 113 .btn-xs{
113 max-height: 22vw; 114 max-height: 22vw;
114 } 115 }
115 } 116 }
116 117
117 } 118 }
118 .foca-overflow-hidden{ 119 .foca-overflow-hidden{
119 overflow: hidden; 120 overflow: hidden;
120 text-overflow: ellipsis; 121 text-overflow: ellipsis;
121 white-space: nowrap; 122 white-space: nowrap;
122 } 123 }
123 124
124 .foca-boton-facturador-right { 125 .foca-boton-facturador-right {
125 right: 5; 126 right: 5;
126 } 127 }
127 128