Mudanças entre as edições de "Predefinição:Icon/styles.css"

De Wiki Gla
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-dyn {
.icon-wrapper img {
     width: auto;
     width: auto;
     height: auto;
     height: auto;
Linha 10: Linha 10:


/* Desktop: alinhamentos */
/* Desktop: alinhamentos */
.skin-vector .icon-wrapper.sub .icon-dyn {
.skin-vector .icon-wrapper.sub img {
     vertical-align: sub;
     vertical-align: sub;
}
}


.skin-vector .icon-wrapper.bottom .icon-dyn {
.skin-vector .icon-wrapper.bottom img {
     vertical-align: bottom;
     vertical-align: bottom;
}
}


.skin-vector .icon-wrapper.up .icon-dyn {
.skin-vector .icon-wrapper.up img {
     vertical-align: -2px;
     vertical-align: -2px;
}
}


/* Mobile: sem alinhamento e força 32x32 */
/* Mobile: remove align e aplica 32x32 */
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
     .icon-dyn {
     .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;
    }
}