diff --git a/scss/pager.scss b/scss/pager.scss index d630bd2..9de0cab 100644 --- a/scss/pager.scss +++ b/scss/pager.scss @@ -8,5 +8,5 @@ // Component -@import "../node_modules/@progress/kendo-theme-default/scss/pager/layout"; +@import "pager/layout"; @import "pager/theme"; \ No newline at end of file diff --git a/scss/pager/_layout.scss b/scss/pager/_layout.scss index 69a81ca..181fc4b 100644 --- a/scss/pager/_layout.scss +++ b/scss/pager/_layout.scss @@ -1,91 +1 @@ -@include exports("pager/layout") { - - // Pager - .k-pager-wrap { - padding: $padding-y; - border-width: 1px; - line-height: $form-line-height; - display: flex; - align-items: center; - - .k-link, - .k-state-selected { - padding: $button-padding-y; - width: $form-line-height-rem; - height: $form-line-height-rem; - box-sizing: content-box; - border-width: 1px; - border-style: solid; - display: inline-block; - position: relative; - text-align: center; - z-index: 1; - } - .k-link:hover, - .k-state-selected { - z-index: 2; - } - .k-link:focus, - .k-state-selected { - text-decoration: none; - } - .k-link + .k-link, - .k-link + .k-pager-numbers, - .k-pager-numbers + .k-link { - margin-left: -1px; - } - - - > .k-pager-nav {} - > .k-pager-nav + .k-pager-nav {} - - - .k-pager-numbers { - display: inline-flex; - flex-direction: row; - - li { - display: inline-block; - } - li + li { - margin-left: -1px; - } - - .k-current-page { - display: none; - } - .k-current-page + li { - margin-left: 0; - } - } - - - .k-label { - margin: 0 $spacer-x; - display: inline-block; - } - .k-pager-input { - - .k-textbox { - margin: 0 1ex; - width: 3em; - } - } - .k-pager-sizes { - margin: 0 ( 2 * $spacer-x ); - - .k-dropdown { - margin-right: 1ex; - } - } - .k-pager-refresh { - order: 10; - } - .k-pager-info { - flex: 1; - text-align: right; - } - - } - -} \ No newline at end of file +@import "../../node_modules/@progress/kendo-theme-default/scss/pager/layout"; \ No newline at end of file