fleet/frontend/components/Pagination/_style.scss

53 lines
974 B
SCSS

.pagination {
&__pager-wrap {
display: flex;
justify-content: flex-end;
margin-top: $pad-small;
margin-bottom: $pad-small;
margin-left: auto;
text-align: right;
button {
color: $core-vibrant-blue;
font-weight: $bold;
padding: 6px;
.fleeticon-chevronleft {
margin-right: $pad-small;
&:before {
font-size: 0.6rem;
font-weight: $bold;
position: relative;
top: -2px;
}
}
.fleeticon-chevronright {
margin-left: $pad-small;
&:before {
font-size: 0.6rem;
font-weight: $bold;
position: relative;
top: -2px;
}
}
}
button:hover,
button:focus {
background-color: $ui-vibrant-blue-10;
}
.button--disabled:hover,
.button--disabled:focus {
background-color: transparent;
}
button:last-child {
margin-left: $pad-large;
}
}
}