Predefinição:Prevnext/styles.css
< Predefinição:Prevnext
Ir para navegação
Ir para pesquisar
Revisão de 14h59min de 10 de abril de 2023 por Paulo.xavier (discussão | contribs) (Criou página com '.template-prevnext { font-size: 0.875rem; line-height: 1.375; display: grid; align-items: center; grid-template-areas: 'prev current next'; grid-template-columns: minmax( max-content, 1fr ) minmax( max-content, 1fr ) minmax( max-content, 1fr ); } .template-prevnext__prev, .template-prevnext__next { position: relative; display: flex; align-items: center; } .template-prevnext__current { text-align: center; } .template-prevnext__next { justify-content: flex-e...')
.template-prevnext {
font-size: 0.875rem;
line-height: 1.375;
display: grid;
align-items: center;
grid-template-areas: 'prev current next';
grid-template-columns: minmax( max-content, 1fr ) minmax( max-content, 1fr ) minmax( max-content, 1fr );
}
.template-prevnext__prev,
.template-prevnext__next {
position: relative;
display: flex;
align-items: center;
}
.template-prevnext__current {
text-align: center;
}
.template-prevnext__next {
justify-content: flex-end;
}
.template-prevnext__prev:hover > .template-prevnext__icon {
transform: translateX( -2px );
}
.template-prevnext__next:hover > .template-prevnext__icon {
transform: translateX( 2px );
}
.template-prevnext__icon {
transition: transform 250ms ease;
}
.template-prevnext__title {
font-weight: 500;
}
.template-prevnext__desc {
font-size: 0.8125rem;
}
.template-prevnext__linkoverlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.template-prevnext__linkoverlay > a {
display: block;
font-size: 0;
height: 100%;
}
@media screen and (max-width: 720px) {
.template-prevnext {
grid-template-areas:
'current current'
'prev next';
grid-template-columns: auto;
}
.template-prevnext__current {
border-bottom: 1px solid;
}
}