Predefinição:Prevnext/styles.css
Ir para navegação
Ir para pesquisar
.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;
}
}