mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-03-03 02:21:33 +00:00
bf9cd09462
There were all sorts of dependencies hiding in there, and it was overwriting some of the admin variables. Better to keep things separate and simple. I discovered that there was one legitimate reason for importing them though: for styling the trix editor. I can't think of a good way to safely import them without affecting the other variables, so I just hardcoded the colours for now.
70 lines
1.2 KiB
SCSS
70 lines
1.2 KiB
SCSS
nav {
|
||
.pagination {
|
||
display: flex;
|
||
justify-content: space-between;
|
||
align-items: flex-start;
|
||
font-size: 14px;
|
||
|
||
.pagination-prev, .pagination-next {
|
||
cursor: pointer;
|
||
|
||
&:after, &:before {
|
||
font-size: 2em;
|
||
position: relative;
|
||
top: 3px;
|
||
}
|
||
|
||
&.inactive {
|
||
cursor: default;
|
||
color: $dark-grey;
|
||
}
|
||
}
|
||
|
||
.pagination-prev {
|
||
margin-left: 10px;
|
||
|
||
&:before {
|
||
content: "‹";
|
||
margin-left: 10px;
|
||
margin-right: 10px;
|
||
}
|
||
}
|
||
|
||
.pagination-next {
|
||
margin-right: 10px;
|
||
|
||
&:after {
|
||
content: "›";
|
||
margin-left: 10px;
|
||
margin-right: 10px;
|
||
}
|
||
}
|
||
|
||
|
||
.pagination-pages {
|
||
display: flex;
|
||
align-items: flex-end;
|
||
|
||
.pagination-gap, .pagination-page {
|
||
padding: 0 0.5rem;
|
||
margin-left: 10px;
|
||
margin-right: 10px;
|
||
}
|
||
|
||
.pagination-gap {
|
||
color: $dark-grey;
|
||
}
|
||
|
||
.pagination-page {
|
||
color: $color-4;
|
||
cursor: pointer;
|
||
&.active {
|
||
border-top: 3px solid $spree-blue;
|
||
color: $spree-blue;
|
||
cursor: default;
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|