Florencia Cazzola / wrapper-demo

Download as
Browse Code ยป

Commit 9152f17de99f4dc6c03bcebc73be091462b3b3c1

Authored by Marcelo Puebla
1 parent 2378208ce0
Exists in master and in 1 other branch develop

Agregado nuevo icono y shadow efect en hover de botonera principal.

Showing 2 changed files with 24 additions and 2 deletions   Show diff stats

10.6 KB
src/sass/_botonera-principal.scss
Diff comments   View file @ 9152f17
... ... @@ -82,6 +82,7 @@
82 82 background-size: 90px 90px;
83 83 &:hover {
84 84 background-color: rgb(250,250,250);
  85 + filter:drop-shadow(4px 4px 4px gray);
85 86 }
86 87 }
87 88 }
... ... @@ -91,6 +92,7 @@
91 92 background-size: 90px 90px;
92 93 &:hover {
93 94 background-color: rgb(250,250,250);
  95 + filter:drop-shadow(4px 4px 4px gray);
94 96 }
95 97 }
96 98 }
... ... @@ -108,6 +110,7 @@
108 110 background-size: 90px 90px;
109 111 &:hover {
110 112 background-color: rgb(250,250,250);
  113 + filter:drop-shadow(4px 4px 4px gray);
111 114 }
112 115 }
113 116 }
... ... @@ -117,6 +120,7 @@
117 120 background-size: 90px 90px;
118 121 &:hover {
119 122 background-color: rgb(250,250,250);
  123 + filter:drop-shadow(4px 4px 4px gray);
120 124 }
121 125 }
122 126 }
... ... @@ -126,6 +130,7 @@
126 130 background-size: 86px 90px;
127 131 &:hover {
128 132 background-color: rgb(250,250,250);
  133 + filter:drop-shadow(4px 4px 4px gray);
129 134 }
130 135 }
131 136 }
... ... @@ -135,6 +140,7 @@
135 140 background-size: 90px 90px;
136 141 &:hover {
137 142 background-color: rgb(250,250,250);
  143 + filter:drop-shadow(4px 4px 4px gray);
138 144 }
139 145 }
140 146 }
... ... @@ -144,6 +150,7 @@
144 150 background-size: 90px 90px;
145 151 &:hover {
146 152 background-color: rgb(250,250,250);
  153 + filter:drop-shadow(4px 4px 4px gray);
147 154 }
148 155 }
149 156 }
... ... @@ -154,6 +161,7 @@
154 161 // background-position: 15px 10px;
155 162 &:hover {
156 163 background-color: rgb(250,250,250);
  164 + filter:drop-shadow(4px 4px 4px gray);
157 165 }
158 166 }
159 167 }
... ... @@ -164,6 +172,7 @@
164 172 // background-position: 15px 10px;
165 173 &:hover {
166 174 background-color: rgb(250,250,250);
  175 + filter:drop-shadow(4px 4px 4px gray);
167 176 }
168 177 }
169 178 }
... ... @@ -174,6 +183,7 @@
174 183 // background-position: 15px 10px;
175 184 &:hover {
176 185 background-color: rgb(250,250,250);
  186 + filter:drop-shadow(4px 4px 4px gray);
177 187 }
178 188 }
179 189 }
... ... @@ -184,6 +194,7 @@
184 194 // background-position: 15px 10px;
185 195 &:hover {
186 196 background-color: rgb(250,250,250);
  197 + filter:drop-shadow(4px 4px 4px gray);
187 198 }
188 199 }
189 200 }
... ... @@ -193,6 +204,7 @@
193 204 background-size: 90px 90px;
194 205 &:hover {
195 206 background-color: rgb(250,250,250);
  207 + filter:drop-shadow(4px 4px 4px gray);
196 208 }
197 209 }
198 210 }
... ... @@ -202,6 +214,7 @@
202 214 background-size: 90px 90px;
203 215 &:hover {
204 216 background-color: rgb(250,250,250);
  217 + filter:drop-shadow(4px 4px 4px gray);
205 218 }
206 219 }
207 220 }
... ... @@ -211,6 +224,7 @@
211 224 background-size: 90px 90px;
212 225 &:hover {
213 226 background-color: rgb(250,250,250);
  227 + filter:drop-shadow(4px 4px 4px gray);
214 228 }
215 229 }
216 230 }
... ... @@ -221,6 +235,7 @@
221 235 &:hover {
222 236 box-shadow: 2px;
223 237 background-color: rgb(250,250,250);
  238 + filter:drop-shadow(4px 4px 4px gray);
224 239 }
225 240 }
226 241 }
... ... @@ -229,7 +244,7 @@
229 244 background-image: url('../img/informes.png');
230 245 background-size: 90px 90px;
231 246 &:hover {
232   - background-color: rgb(250,250,250);
  247 + background-color: rgb(250,250,250);filter:drop-shadow(4px 4px 4px gray);
233 248 }
234 249 }
235 250 }
... ... @@ -239,6 +254,7 @@
239 254 background-size: 90px 90px;
240 255 &:hover {
241 256 background-color: rgb(250,250,250);
  257 + filter:drop-shadow(4px 4px 4px gray);
242 258 }
243 259 }
244 260 }
... ... @@ -248,6 +264,7 @@
248 264 background-size: 90px 90px;
249 265 &:hover {
250 266 background-color: rgb(250,250,250);
  267 + filter:drop-shadow(4px 4px 4px gray);
251 268 }
252 269 }
253 270 }
... ... @@ -257,12 +274,17 @@
257 274  
258 275 .swiper-button-next {
259 276 background-image: url('../img/derecha.png');
  277 + &:hover{
  278 + filter:drop-shadow(4px 4px 4px gray);
  279 + }
260 280 }
261 281  
262 282 .swiper-button-prev {
263 283 background-image: url('../img/izquierda.png');
  284 + &:hover{
  285 + filter:drop-shadow(4px 4px 4px gray);
  286 + }
264 287 }
265   -
266 288 @media (min-width: 992px){
267 289 a{
268 290 margin-top: 2.5rem;