hugo-theme-tiles/assets/sass/_pagination.scss

49 lines
873 B
SCSS
Raw Normal View History

2019-10-26 00:15:49 +02:00
.pagination {
margin-top: 2*$spacing-unit;
margin-bottom: 2*$spacing-unit;
&_buttons {
display: flex;
align-items: center;
justify-content: center;
a {
text-decoration: none;
}
}
}
.button {
position: relative;
display: inline-flex;
flex: 1;
align-items: center;
justify-content: center;
font-size: $base-font-size;
border-radius: $border-radius;
padding: 0;
cursor: pointer;
appearance: none;
overflow: hidden;
+ .button {
margin-left: 10px;
}
a {
display: flex;
padding: 8px 16px;
text-decoration: none;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
&.next .button_icon {
margin-left: 8px;
}
&.previous .button_icon {
margin-right: 8px;
}
}