summaryrefslogtreecommitdiff
path: root/themes/LoveIt/assets/css/_partial/_pagination.scss
diff options
context:
space:
mode:
authorChristoph Cullmann <cullmann@kde.org>2021-02-18 22:21:36 +0100
committerChristoph Cullmann <cullmann@kde.org>2021-02-18 22:21:36 +0100
commit0c7cb4486a89ec6fe9680e6569ef41d4b82d557d (patch)
tree081941052bcab0caf69487b6bf5ab2df5deb3b7b /themes/LoveIt/assets/css/_partial/_pagination.scss
parent640572ecab69291d2c266de2011b795a861e7c21 (diff)
use maintained theme
Diffstat (limited to 'themes/LoveIt/assets/css/_partial/_pagination.scss')
-rw-r--r--themes/LoveIt/assets/css/_partial/_pagination.scss91
1 files changed, 0 insertions, 91 deletions
diff --git a/themes/LoveIt/assets/css/_partial/_pagination.scss b/themes/LoveIt/assets/css/_partial/_pagination.scss
deleted file mode 100644
index 10d24b7..0000000
--- a/themes/LoveIt/assets/css/_partial/_pagination.scss
+++ /dev/null
@@ -1,91 +0,0 @@
-.pagination {
- display: flex;
- flex-direction: row;
- justify-content: center;
- list-style: none;
- white-space: nowrap;
- width: 100%;
- padding: 1rem 0 0;
-
- a {
- font-size: .8rem;
- color: #bfbfbf;
- letter-spacing: .1rem;
- font-weight: 700;
- padding: 5px 5px;
- text-decoration: none;
- @include transition(0.3s);
- }
-
- li {
- padding-bottom: 3px;
- margin: 0 20px;
- box-sizing: border-box;
- position: relative;
- display: inline;
-
- &.disabled {
- display: none;
- }
-
- &:hover a {
- color: $pagination-link-hover-color;
- }
-
- [theme=dark] &:hover a {
- color: $pagination-link-hover-color-dark;
- }
-
- &:before,
- &:after {
- position: absolute;
- content: "";
- width: 0;
- height: 3px;
- background: $pagination-link-hover-color;
- @include transition(0.3s);
- bottom: 0px;
- }
-
- [theme=dark] &:before,
- [theme=dark] &:after {
- background: $pagination-link-hover-color-dark;
- }
-
- &:before .active,
- &:after .active {
- width: 100%;
- }
-
- &:before {
- left: 50%;
- }
-
- &:after {
- right: 50%;
- }
-
- &:hover {
-
- &:before,
- &:after {
- width: 50%;
- }
- }
-
- &.active {
- a {
- color: $pagination-link-hover-color;
- }
-
- [theme=dark] & a {
- color: $pagination-link-hover-color-dark;
- }
-
- &:before,
- &:after {
- width: 60%;
- }
- }
- }
-}