mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-02-12 23:27:48 +00:00
821446e150
And provide a basic hover state for most other buttons. The pagination button hover and active states will need updating. The darker background colour sometimes wraps a whole table (eg products table).
39 lines
601 B
SCSS
39 lines
601 B
SCSS
.pagination {
|
|
text-align: center;
|
|
margin: 2em 0 1em;
|
|
padding: 10px 0;
|
|
|
|
background-color: $color-7;
|
|
|
|
.page {
|
|
padding: 5px 8px;
|
|
text-align: center;
|
|
display: inline-block;
|
|
text-align: center;
|
|
|
|
&.current {
|
|
background-color: $color-2;
|
|
border-radius: 3px;
|
|
color: $color-1;
|
|
}
|
|
}
|
|
|
|
button {
|
|
margin: 0 0.35em;
|
|
|
|
background-color: $color-1;
|
|
color: $color-8;
|
|
box-shadow: $color-btn-shadow;
|
|
|
|
&.active {
|
|
color: $color-1;
|
|
background-color: $color-5;
|
|
cursor: default;
|
|
}
|
|
|
|
&.disabled {
|
|
display: none;
|
|
}
|
|
}
|
|
}
|