[ Index ] |
PHP Cross Reference of Joomla 4.2.2 documentation |
[Summary view] [Print] [Text view]
1 .pagination { 2 display: flex; 3 @include list-unstyled(); 4 } 5 6 .page-link { 7 position: relative; 8 display: block; 9 color: $pagination-color; 10 text-decoration: if($link-decoration == none, null, none); 11 background-color: $pagination-bg; 12 border: $pagination-border-width solid $pagination-border-color; 13 @include transition($pagination-transition); 14 15 &:hover { 16 z-index: 2; 17 color: $pagination-hover-color; 18 text-decoration: if($link-hover-decoration == underline, none, null); 19 background-color: $pagination-hover-bg; 20 border-color: $pagination-hover-border-color; 21 } 22 23 &:focus { 24 z-index: 3; 25 color: $pagination-focus-color; 26 background-color: $pagination-focus-bg; 27 outline: $pagination-focus-outline; 28 box-shadow: $pagination-focus-box-shadow; 29 } 30 } 31 32 .page-item { 33 &:not(:first-child) .page-link { 34 margin-left: $pagination-margin-start; 35 } 36 37 &.active .page-link { 38 z-index: 3; 39 color: $pagination-active-color; 40 @include gradient-bg($pagination-active-bg); 41 border-color: $pagination-active-border-color; 42 } 43 44 &.disabled .page-link { 45 color: $pagination-disabled-color; 46 pointer-events: none; 47 background-color: $pagination-disabled-bg; 48 border-color: $pagination-disabled-border-color; 49 } 50 } 51 52 53 // 54 // Sizing 55 // 56 @include pagination-size($pagination-padding-y, $pagination-padding-x, null, $pagination-border-radius); 57 58 .pagination-lg { 59 @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $pagination-border-radius-lg); 60 } 61 62 .pagination-sm { 63 @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $pagination-border-radius-sm); 64 }
title
Description
Body
title
Description
Body
title
Description
Body
title
Body
Generated: Wed Sep 7 05:41:13 2022 | Chilli.vc Blog - For Webmaster,Blog-Writer,System Admin and Domainer |