Mirrors/tabler
1
0
Fork 0
mirror of https://github.com/tabler/tabler.git synced 2026-01-08 05:30:08 +04:00
Code Issues Projects Releases Wiki Activity

pagination componant

Browse Source
This commit is contained in:
chomik
2019-04-02 17:37:42 +02:00
parent ebf2c7d8d7
commit 6f02b9d59d
6 changed files with 115 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
scss/_variables.scss
View File

@@ -1,9 +1,9 @@
// FONTS
$font-family-base: "Roboto", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$font-family-base: "Source Sans Pro", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
$font-family-serif: "Georgia", "Times New Roman", times, serif !default;
// EXTERNAL FONTS
$google-font-url: "https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700" !default;
$google-font-url: "https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700" !default;
$icon-fonts: (
"https://use.fontawesome.com/releases/v5.3.1/css/brands.css"
) !default;
@@ -26,7 +26,7 @@ $gray-700: #495057 !default;
$gray-800: #343a40 !default;
$gray-900: #212529 !default;
$blue: #467fcf !default;
$blue: #458edd !default;
$azure: #45aaf2 !default;
$indigo: #6574cd !default;
$purple: #a55eea !default;
@@ -47,7 +47,7 @@ $white: #fff !default;
$body-bg: #f5f7fb !default;
$body-bg-dark: mix(#fff, $dark, 8%) !default;
$text-color: #647787 !default;
$text-color: #495057 !default;
$text-muted: #778ca2 !default;
$text-muted-light: #adb5bd !default;
@@ -155,6 +155,13 @@ $container-max-widths: (
xl: 1200px
) !default;
//pagination
$pagination-border-width: 0 !default;
$pagination-padding-y: .25rem !default;
$pagination-padding-x: .25rem !default;
$pagination-color: $text-muted !default;
$pagination-disabled-color: $text-muted-light !default;
//docelowo przeniesc gdzieindziej
$yiq-contrasted-threshold: 200 !default;

22
scss/layout/_core.scss
View File

@@ -1,3 +1,23 @@
body {
background: $body-bg;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: transparent;
-webkit-text-size-adjust: none;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-font-feature-settings: "liga" 0;
font-feature-settings: "liga" 0;
}
body *::-webkit-scrollbar {
width: 6px;
height: 6px;
transition: .3s background;
}
body *::-webkit-scrollbar-thumb {
background: $gray-400;
}
body *:hover::-webkit-scrollbar-thumb {
background: $gray-500;
}

1
scss/ui-kit.scss
View File

@@ -51,6 +51,7 @@
@import "ui/ribbons";
@import "ui/nav";
@import "ui/calendars";
@import "ui/pagination";
@import "ui/highlight";
@import "ui/examples";

52
scss/ui/_pagination.scss Normal file
View File

@@ -0,0 +1,52 @@
.pagination {
user-select: none;
}
.page-link {
border-radius: $border-radius;
min-width: px2rem(26px);
&:hover {
background: transparent;
}
}
.page-item {
text-align: center;
&.page-prev,
&.page-next {
flex: 0 0 50%;
text-align: left;
}
&.page-next {
margin-left: auto;
text-align: right;
}
}
.page-item-subtitle {
color: $text-muted;
text-transform: uppercase;
font-size: 12px;
margin-bottom: 2px;
.page-item.disabled &{
color: $pagination-disabled-color;
}
}
.page-item-title {
color: $text-color;
font-weight: 400;
font-size: $h3-font-size;
.page-link:hover & {
color: $link-color;
}
.page-item.disabled &{
color: $pagination-disabled-color;
}
}