Luigi / wrapper-demo

Download as
Browse Code ยป

Commit b5d4222e43dbd3c6cf91a89aa86e0365e9ce62d7

Authored by Eric Fernandez
1 parent 6ba07d984f
Exists in master

linea al final del archivo

Showing 1 changed file with 1 additions and 1 deletions   Show diff stats
src/sass/_botonera-principal.scss
Diff comments   View file @ b5d4222
1 .botonera-principal { 1 .botonera-principal {
2 menuitem { 2 menuitem {
3 display: inline-block; 3 display: inline-block;
4 height: 130px; 4 height: 130px;
5 text-align: center; 5 text-align: center;
6 width: 180px; 6 width: 180px;
7 @media (max-width: 576px) { 7 @media (max-width: 576px) {
8 width: 100%; 8 width: 100%;
9 } 9 }
10 } 10 }
11 button { 11 button {
12 background-image: url('../img/botonera.png'); 12 background-image: url('../img/botonera.png');
13 border-radius: 12px; 13 border-radius: 12px;
14 border-width: 0; 14 border-width: 0;
15 height: 90px; 15 height: 90px;
16 position: relative; 16 position: relative;
17 width: 90px; 17 width: 90px;
18 span { 18 span {
19 left: 0; 19 left: 0;
20 position: absolute; 20 position: absolute;
21 text-align: center; 21 text-align: center;
22 top: 90px; 22 top: 90px;
23 width: 100%; 23 width: 100%;
24 font-size: 12px; 24 font-size: 12px;
25 color: #777777; 25 color: #777777;
26 } 26 }
27 } 27 }
28 &-menu { 28 &-menu {
29 padding-left: 90px; 29 padding-left: 90px;
30 @media (max-width: 576px) { 30 @media (max-width: 576px) {
31 padding: 0; 31 padding: 0;
32 } 32 }
33 } 33 }
34 &-logo { 34 &-logo {
35 width: 80%; 35 width: 80%;
36 opacity: .8; 36 opacity: .8;
37 @media (max-width: 576px) { 37 @media (max-width: 576px) {
38 width: 100%; 38 width: 100%;
39 } 39 }
40 } 40 }
41 &-vacio { 41 &-vacio {
42 & button { 42 & button {
43 background-position: -4380px 0; 43 background-position: -4380px 0;
44 &:hover { 44 &:hover {
45 background-position: -4380px -90px; 45 background-position: -4380px -90px;
46 } 46 }
47 } 47 }
48 } 48 }
49 &-abrir-turno { 49 &-abrir-turno {
50 & button { 50 & button {
51 background-position: 0 0; 51 background-position: 0 0;
52 &:hover { 52 &:hover {
53 background-position: 0 -90px; 53 background-position: 0 -90px;
54 } 54 }
55 } 55 }
56 } 56 }
57 &-cerrar-turno { 57 &-cerrar-turno {
58 & button { 58 & button {
59 background-position: -90px 0; 59 background-position: -90px 0;
60 &:hover { 60 &:hover {
61 background-position: -90px -90px; 61 background-position: -90px -90px;
62 } 62 }
63 } 63 }
64 } 64 }
65 &-caja { 65 &-caja {
66 & button { 66 & button {
67 background-position: -180px 0; 67 background-position: -180px 0;
68 &:hover { 68 &:hover {
69 background-position: -180px -90px; 69 background-position: -180px -90px;
70 } 70 }
71 } 71 }
72 } 72 }
73 &-facturador { 73 &-facturador {
74 & button { 74 & button {
75 background-position: -270px 0px; 75 background-position: -270px 0px;
76 &:hover { 76 &:hover {
77 background-position: -270px -90px; 77 background-position: -270px -90px;
78 } 78 }
79 } 79 }
80 } 80 }
81 &-nota-pedido { 81 &-nota-pedido {
82 & button { 82 & button {
83 background-position: -1250px 0px; 83 background-position: -1250px 0px;
84 &:hover { 84 &:hover {
85 background-position: -1250px -90px; 85 background-position: -1250px -90px;
86 } 86 }
87 } 87 }
88 } 88 }
89 &-remito { 89 &-remito {
90 & button { 90 & button {
91 background-position: -4560px 0px; 91 background-position: -4560px 0px;
92 &:hover { 92 &:hover {
93 background-position: -4560px -90px; 93 background-position: -4560px -90px;
94 } 94 }
95 } 95 }
96 } 96 }
97 &-hoja-ruta { 97 &-hoja-ruta {
98 & button { 98 & button {
99 background-position: -4650px 0px; 99 background-position: -4650px 0px;
100 &:hover { 100 &:hover {
101 background-position: -4650px -90px; 101 background-position: -4650px -90px;
102 } 102 }
103 } 103 }
104 } 104 }
105 &-seguimiento { 105 &-seguimiento {
106 & button { 106 & button {
107 background-position: -4470px 0px; 107 background-position: -4470px 0px;
108 &:hover { 108 &:hover {
109 background-position: -4470px -90px; 109 background-position: -4470px -90px;
110 } 110 }
111 } 111 }
112 } 112 }
113 &-seguimiento-hoja-ruta { 113 &-seguimiento-hoja-ruta {
114 & button { 114 & button {
115 background-image: url('../img/hojaRutaVolante.png'); 115 background-image: url('../img/hojaRutaVolante.png');
116 background-size: 90px 90px; 116 background-size: 90px 90px;
117 } 117 }
118 } 118 }
119 &-cobranzas { 119 &-cobranzas {
120 & button { 120 & button {
121 background-position: -1880 0px; 121 background-position: -1880 0px;
122 &:hover { 122 &:hover {
123 background-position: -1880 -90px; 123 background-position: -1880 -90px;
124 } 124 }
125 } 125 }
126 } 126 }
127 &-seguimiento-cobranzas { 127 &-seguimiento-cobranzas {
128 & button { 128 & button {
129 background-image: url('../img/seguimientoCobranza.png'); 129 background-image: url('../img/seguimientoCobranza.png');
130 background-size: 90px 90px; 130 background-size: 90px 90px;
131 } 131 }
132 } 132 }
133 &-vehiculo { 133 &-vehiculo {
134 & button { 134 & button {
135 background-position: -4560px 0px; 135 background-position: -4560px 0px;
136 &:hover { 136 &:hover {
137 background-position: -4560px -90px; 137 background-position: -4560px -90px;
138 } 138 }
139 } 139 }
140 } 140 }
141 &-precio-condicion { 141 &-precio-condicion {
142 & button { 142 & button {
143 background-position: -4560px 0px; 143 background-position: -4560px 0px;
144 &:hover { 144 &:hover {
145 background-position: -4560px -90px; 145 background-position: -4560px -90px;
146 } 146 }
147 } 147 }
148 } 148 }
149 .swiper-pagination { 149 .swiper-pagination {
150 bottom: 0px !important; 150 bottom: 0px !important;
151 } 151 }
152 152
153 .swiper-button-next { 153 .swiper-button-next {
154 background-image: url('../img/derecha.png'); 154 background-image: url('../img/derecha.png');
155 } 155 }
156 156
157 .swiper-button-prev { 157 .swiper-button-prev {
158 background-image: url('../img/izquierda.png'); 158 background-image: url('../img/izquierda.png');
159 } 159 }
160 }
160 }