aboutsummaryrefslogtreecommitdiffstats
path: root/old-apps/web-shared/src/styles/components/pagination.scss
diff options
context:
space:
mode:
authorivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
committerivarlovlie <git@ivarlovlie.no>2022-10-05 14:45:21 +0200
commitb7e39b59fd0fc7b5610ebff29035bf622079e0d8 (patch)
tree64be84ebbdac9f7ceced983390c53b10d575af5c /old-apps/web-shared/src/styles/components/pagination.scss
parent2001c035fbb417ab0a3d42cfb04d17420bde4086 (diff)
downloadgreatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.tar.xz
greatoffice-b7e39b59fd0fc7b5610ebff29035bf622079e0d8.zip
refactor: Change file structure
Diffstat (limited to 'old-apps/web-shared/src/styles/components/pagination.scss')
-rw-r--r--old-apps/web-shared/src/styles/components/pagination.scss77
1 files changed, 0 insertions, 77 deletions
diff --git a/old-apps/web-shared/src/styles/components/pagination.scss b/old-apps/web-shared/src/styles/components/pagination.scss
deleted file mode 100644
index 0a09210..0000000
--- a/old-apps/web-shared/src/styles/components/pagination.scss
+++ /dev/null
@@ -1,77 +0,0 @@
-@use '../base' as *;
-
-/* --------------------------------
-
-File#: _1_pagination
-Title: Pagination
-Descr: Component used to navigate through pages of related content
-Usage: codyhouse.co/license
-
--------------------------------- */
-
-.pagination {}
-
-.pagination__list > li {
- display: inline-block; // flex fallback
-}
-
-// --split - push first + last item to sides
-.pagination--split {
- .pagination__list {
- width: 100%;
-
- > *:first-child {
- margin-right: auto;
- }
-
- > *:last-child {
- margin-left: auto;
- }
- }
-}
-
-.pagination__item {
- display: inline-block; // flex fallback
- display: inline-flex;
- height: 100%;
- align-items: center;
- padding: var(--space-xs) calc(1.355 * var(--space-xs));
-
- white-space: nowrap;
- line-height: 1;
- border-radius: var(--radius-md);
-
- text-decoration: none;
- color: var(--color-contrast-high);
- @include fontSmooth;
-
- will-change: transform;
-
- &:hover:not(.pagination__item--selected):not(.pagination__item--ellipsis) {
- background-color: alpha(var(--color-contrast-higher), 0.1);
- }
-}
-
-.pagination__item--selected {
- background-color: var(--color-contrast-higher);
- color: var(--color-bg);
- box-shadow: var(--shadow-sm);
-}
-
-.pagination__item--disabled {
- opacity: 0.5;
- pointer-events: none;
-}
-
-// --jumper
-.pagination__jumper {
- .form-control {
- width: 3em;
- margin-right: var(--space-xs);
- }
-
- em {
- flex-shrink: 0;
- white-space: nowrap;
- }
-}