Florencia Cazzola / wrapper-demo

Download as
Browse Code ยป

Commit 7bb42699dc9c1a499a85c8ce3be45bddb380bfb3

Authored by Eric Fernandez
2 parents 448abff610 c52ca1d747
Exists in master and in 1 other branch develop

Merge branch 'master' into 'develop' 

Cambios en iconos botonera principal.

See merge request !105
Showing 4 changed files   Show diff stats
img/activar_hoja.png
Diff comments   View file @ 7bb4269

6.13 KB

8.63 KB | W: | H:

10.8 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin

10.6 KB
src/sass/_botonera-principal.scss
Diff comments   View file @ 7bb4269
... ... @@ -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,17 @@
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);
  134 + }
  135 + }
  136 + }
  137 + &-activar-hoja-ruta {
  138 + & button {
  139 + background-image: url('../img/activar_hoja.png');
  140 + background-size: 90px 90px;
  141 + &:hover {
  142 + background-color: rgb(250,250,250);
  143 + filter:drop-shadow(4px 4px 4px gray);
129 144 }
130 145 }
131 146 }
... ... @@ -135,6 +150,7 @@
135 150 background-size: 90px 90px;
136 151 &:hover {
137 152 background-color: rgb(250,250,250);
  153 + filter:drop-shadow(4px 4px 4px gray);
138 154 }
139 155 }
140 156 }
... ... @@ -145,6 +161,7 @@
145 161 // background-position: 15px 10px;
146 162 &:hover {
147 163 background-color: rgb(250,250,250);
  164 + filter:drop-shadow(4px 4px 4px gray);
148 165 }
149 166 }
150 167 }
... ... @@ -155,6 +172,7 @@
155 172 // background-position: 15px 10px;
156 173 &:hover {
157 174 background-color: rgb(250,250,250);
  175 + filter:drop-shadow(4px 4px 4px gray);
158 176 }
159 177 }
160 178 }
... ... @@ -165,6 +183,7 @@
165 183 // background-position: 15px 10px;
166 184 &:hover {
167 185 background-color: rgb(250,250,250);
  186 + filter:drop-shadow(4px 4px 4px gray);
168 187 }
169 188 }
170 189 }
... ... @@ -175,6 +194,7 @@
175 194 // background-position: 15px 10px;
176 195 &:hover {
177 196 background-color: rgb(250,250,250);
  197 + filter:drop-shadow(4px 4px 4px gray);
178 198 }
179 199 }
180 200 }
... ... @@ -184,6 +204,7 @@
184 204 background-size: 90px 90px;
185 205 &:hover {
186 206 background-color: rgb(250,250,250);
  207 + filter:drop-shadow(4px 4px 4px gray);
187 208 }
188 209 }
189 210 }
... ... @@ -193,6 +214,7 @@
193 214 background-size: 90px 90px;
194 215 &:hover {
195 216 background-color: rgb(250,250,250);
  217 + filter:drop-shadow(4px 4px 4px gray);
196 218 }
197 219 }
198 220 }
... ... @@ -202,6 +224,7 @@
202 224 background-size: 90px 90px;
203 225 &:hover {
204 226 background-color: rgb(250,250,250);
  227 + filter:drop-shadow(4px 4px 4px gray);
205 228 }
206 229 }
207 230 }
... ... @@ -212,6 +235,7 @@
212 235 &:hover {
213 236 box-shadow: 2px;
214 237 background-color: rgb(250,250,250);
  238 + filter:drop-shadow(4px 4px 4px gray);
215 239 }
216 240 }
217 241 }
... ... @@ -220,7 +244,7 @@
220 244 background-image: url('../img/informes.png');
221 245 background-size: 90px 90px;
222 246 &:hover {
223   - background-color: rgb(250,250,250);
  247 + background-color: rgb(250,250,250);filter:drop-shadow(4px 4px 4px gray);
224 248 }
225 249 }
226 250 }
... ... @@ -230,6 +254,7 @@
230 254 background-size: 90px 90px;
231 255 &:hover {
232 256 background-color: rgb(250,250,250);
  257 + filter:drop-shadow(4px 4px 4px gray);
233 258 }
234 259 }
235 260 }
... ... @@ -239,6 +264,7 @@
239 264 background-size: 90px 90px;
240 265 &:hover {
241 266 background-color: rgb(250,250,250);
  267 + filter:drop-shadow(4px 4px 4px gray);
242 268 }
243 269 }
244 270 }
... ... @@ -248,12 +274,17 @@
248 274  
249 275 .swiper-button-next {
250 276 background-image: url('../img/derecha.png');
  277 + &:hover{
  278 + filter:drop-shadow(4px 4px 4px gray);
  279 + }
251 280 }
252 281  
253 282 .swiper-button-prev {
254 283 background-image: url('../img/izquierda.png');
  284 + &:hover{
  285 + filter:drop-shadow(4px 4px 4px gray);
  286 + }
255 287 }
256   -
257 288 @media (min-width: 992px){
258 289 a{
259 290 margin-top: 2.5rem;