You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					
					
						
							77 lines
						
					
					
						
							1.8 KiB
						
					
					
				
			
		
		
		
			
			
			
				
					
				
				
					
				
			
		
		
	
	
							77 lines
						
					
					
						
							1.8 KiB
						
					
					
				| .pagination { | |
|   display: flex; | |
|   @include list-unstyled(); | |
|   @include border-radius(); | |
| } | |
| 
 | |
| .page-link { | |
|   position: relative; | |
|   display: block; | |
|   padding: $pagination-padding-y $pagination-padding-x; | |
|   margin-left: -$pagination-border-width; | |
|   line-height: $pagination-line-height; | |
|   color: $pagination-color; | |
|   background-color: $pagination-bg; | |
|   border: $pagination-border-width solid $pagination-border-color; | |
| 
 | |
|   &:hover { | |
|     color: $pagination-hover-color; | |
|     text-decoration: none; | |
|     background-color: $pagination-hover-bg; | |
|     border-color: $pagination-hover-border-color; | |
|   } | |
| 
 | |
|   &:focus { | |
|     z-index: 2; | |
|     outline: 0; | |
|     box-shadow: $pagination-focus-box-shadow; | |
|   } | |
| 
 | |
|   // Opinionated: add "hand" cursor to non-disabled .page-link elements | |
|   &:not(:disabled):not(.disabled) { | |
|     cursor: pointer; | |
|   } | |
| } | |
| 
 | |
| .page-item { | |
|   &:first-child { | |
|     .page-link { | |
|       margin-left: 0; | |
|       @include border-left-radius($border-radius); | |
|     } | |
|   } | |
|   &:last-child { | |
|     .page-link { | |
|       @include border-right-radius($border-radius); | |
|     } | |
|   } | |
| 
 | |
|   &.active .page-link { | |
|     z-index: 1; | |
|     color: $pagination-active-color; | |
|     background-color: $pagination-active-bg; | |
|     border-color: $pagination-active-border-color; | |
|   } | |
| 
 | |
|   &.disabled .page-link { | |
|     color: $pagination-disabled-color; | |
|     pointer-events: none; | |
|     // Opinionated: remove the "hand" cursor set previously for .page-link | |
|     cursor: auto; | |
|     background-color: $pagination-disabled-bg; | |
|     border-color: $pagination-disabled-border-color; | |
|   } | |
| } | |
| 
 | |
| 
 | |
| // | |
| // Sizing | |
| // | |
|  | |
| .pagination-lg { | |
|   @include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg); | |
| } | |
| 
 | |
| .pagination-sm { | |
|   @include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm); | |
| }
 |