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...')
 
 
(5 revisões intermediárias pelo mesmo usuário não estão sendo mostradas)
Linha 3: Linha 3:
}
}


.icon-dyn {
.icon-wrapper img {
    display: inline-block;
     width: auto;
     width: auto;
     height: auto;
     height: auto;
    display: inline-block;
}
/* Desktop: alinhamentos */
.skin-vector .icon-wrapper.sub .icon-dyn {
    vertical-align: sub;
}
}


.skin-vector .icon-wrapper.bottom .icon-dyn {
/* Alinhamentos (desktop) */
     vertical-align: bottom;
.icon-wrapper.sub img {
     vertical-align: sub !important;
}
}


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


/* Mobile: sem alinhamento e força 32x32 */
.icon-wrapper.up img {
@media screen and (max-width: 768px) {
    vertical-align: -2px !important;
    .icon-dyn {
        vertical-align: unset !important;
        width: 32px !important;
        height: 32px !important;
    }
}
}

Edição atual tal como às 14h38min de 11 de junho de 2025

.icon-wrapper {
    display: inline-block;
}

.icon-wrapper img {
    display: inline-block;
    width: auto;
    height: auto;
}

/* Alinhamentos (desktop) */
.icon-wrapper.sub img {
    vertical-align: sub !important;
}

.icon-wrapper.bottom img {
    vertical-align: bottom !important;
}

.icon-wrapper.up img {
    vertical-align: -2px !important;
}