Mudanças entre as edições de "Predefinição:Icon/styles.css"
Ir para navegação
Ir para pesquisar
(Criou página com '.icon-wrapper { display: inline-block; } .icon-dyn { width: auto; height: auto; display: inline-block; } →Desktop: alinhamentos: .skin-vector .icon-wrapp...') |
|||
| Linha 3: | Linha 3: | ||
} | } | ||
.icon- | .icon-wrapper img { | ||
width: auto; | width: auto; | ||
height: auto; | height: auto; | ||
| Linha 10: | Linha 10: | ||
/* Desktop: alinhamentos */ | /* Desktop: alinhamentos */ | ||
.skin-vector .icon-wrapper.sub | .skin-vector .icon-wrapper.sub img { | ||
vertical-align: sub; | vertical-align: sub; | ||
} | } | ||
.skin-vector .icon-wrapper.bottom | .skin-vector .icon-wrapper.bottom img { | ||
vertical-align: bottom; | vertical-align: bottom; | ||
} | } | ||
.skin-vector .icon-wrapper.up | .skin-vector .icon-wrapper.up img { | ||
vertical-align: -2px; | vertical-align: -2px; | ||
} | } | ||
/* Mobile: | /* Mobile: remove align e aplica 32x32 */ | ||
@media screen and (max-width: 768px) { | @media screen and (max-width: 768px) { | ||
.icon- | .icon-wrapper img { | ||
vertical-align: unset !important; | vertical-align: unset !important; | ||
width: 32px !important; | width: 32px !important; | ||
Edição das 22h46min de 8 de junho de 2025
.icon-wrapper {
display: inline-block;
}
.icon-wrapper img {
width: auto;
height: auto;
display: inline-block;
}
/* Desktop: alinhamentos */
.skin-vector .icon-wrapper.sub img {
vertical-align: sub;
}
.skin-vector .icon-wrapper.bottom img {
vertical-align: bottom;
}
.skin-vector .icon-wrapper.up img {
vertical-align: -2px;
}
/* Mobile: remove align e aplica 32x32 */
@media screen and (max-width: 768px) {
.icon-wrapper img {
vertical-align: unset !important;
width: 32px !important;
height: 32px !important;
}
}