_pagination.scss — VK Blocks 0.16.2

vk-blocks / lib / bootstrap / scss / _pagination.scss

vk-blocks / lib / bootstrap / scss Last commit date

_pagination.scss

74 lines

1	.pagination {
2	display: flex;
3	@include list-unstyled();
4	@include border-radius();
5	}
6
7	.page-link {
8	position: relative;
9	display: block;
10	padding: $pagination-padding-y $pagination-padding-x;
11	margin-left: -$pagination-border-width;
12	line-height: $pagination-line-height;
13	color: $pagination-color;
14	background-color: $pagination-bg;
15	border: $pagination-border-width solid $pagination-border-color;
16
17	&:hover {
18	z-index: 2;
19	color: $pagination-hover-color;
20	text-decoration: none;
21	background-color: $pagination-hover-bg;
22	border-color: $pagination-hover-border-color;
23	}
24
25	&:focus {
26	z-index: 2;
27	outline: $pagination-focus-outline;
28	box-shadow: $pagination-focus-box-shadow;
29	}
30	}
31
32	.page-item {
33	&:first-child {
34	.page-link {
35	margin-left: 0;
36	@include border-left-radius($border-radius);
37	}
38	}
39	&:last-child {
40	.page-link {
41	@include border-right-radius($border-radius);
42	}
43	}
44
45	&.active .page-link {
46	z-index: 1;
47	color: $pagination-active-color;
48	background-color: $pagination-active-bg;
49	border-color: $pagination-active-border-color;
50	}
51
52	&.disabled .page-link {
53	color: $pagination-disabled-color;
54	pointer-events: none;
55	// Opinionated: remove the "hand" cursor set previously for .page-link
56	cursor: auto;
57	background-color: $pagination-disabled-bg;
58	border-color: $pagination-disabled-border-color;
59	}
60	}
61
62
63	//
64	// Sizing
65	//
66
67	.pagination-lg {
68	@include pagination-size($pagination-padding-y-lg, $pagination-padding-x-lg, $font-size-lg, $line-height-lg, $border-radius-lg);
69	}
70
71	.pagination-sm {
72	@include pagination-size($pagination-padding-y-sm, $pagination-padding-x-sm, $font-size-sm, $line-height-sm, $border-radius-sm);
73	}
74