hugo-theme-re-terminal/assets/css/pagination.scss

88 lines
1.4 KiB
SCSS
Raw Permalink Normal View History

2022-06-21 13:50:51 +00:00
.pagination {
margin-top: 50px;
@media print {
display: none;
}
&__title {
display: flex;
text-align: center;
position: relative;
margin: 100px 0 20px;
&-h {
text-align: center;
margin: 0 auto;
padding: 5px 10px;
2024-07-30 15:39:09 +00:00
background: var(--background);
color: color-mix(in srgb, var(--accent), transparent 70%);;
2022-06-21 13:50:51 +00:00
font-size: .8rem;
text-transform: uppercase;
text-decoration: none;
letter-spacing: .1em;
z-index: 1;
}
hr {
position: absolute;
left: 0;
right: 0;
width: 100%;
margin-top: 15px;
z-index: 0;
}
}
&__buttons {
display: flex;
align-items: center;
justify-content: center;
2022-11-13 21:45:10 +00:00
flex-flow: row wrap;
gap: 10px;
2022-06-21 13:50:51 +00:00
a {
text-decoration: none;
}
}
}
.button {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
font-size: 1rem;
padding: 0;
appearance: none;
2024-07-30 15:39:09 +00:00
@media(var(--phone)) {
2022-11-13 21:45:10 +00:00
flex: 1;
}
2022-06-21 13:50:51 +00:00
a {
display: flex;
2022-11-13 21:45:10 +00:00
justify-content: center;
flex: 1;
2022-06-21 13:50:51 +00:00
padding: 8px 16px;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
&__text {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
&.next .button__icon {
margin-left: 8px;
}
&.previous .button__icon {
margin-right: 8px;
}
}