Skip to content

Commit dabb699

Browse files
Add bootstrap styles to post navigation
1 parent 5143645 commit dabb699

File tree

1 file changed

+44
-0
lines changed

1 file changed

+44
-0
lines changed

assets/scss/supporting/pagination.scss

Lines changed: 44 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -60,4 +60,48 @@
6060
}
6161
}
6262
}
63+
}
64+
65+
.post-pagination {
66+
display: flex;
67+
@include list-unstyled;
68+
@include border-radius;
69+
margin-bottom: $spacer*2;
70+
a {
71+
position: relative;
72+
display: block;
73+
padding: $pagination-padding-y $pagination-padding-x;
74+
margin-left: -$pagination-border-width;
75+
line-height: $pagination-line-height;
76+
color: $pagination-color;
77+
background-color: $pagination-bg;
78+
border: $pagination-border-width solid $pagination-border-color;
79+
@include hover-focus {
80+
color: $pagination-hover-color;
81+
text-decoration: none;
82+
background-color: $pagination-hover-bg;
83+
border-color: $pagination-hover-border-color;
84+
}
85+
}
86+
li {
87+
&:first-child {
88+
a {
89+
margin-left: 0;
90+
@include border-left-radius($border-radius);
91+
}
92+
}
93+
&:last-child {
94+
a {
95+
@include border-right-radius($border-radius);
96+
}
97+
}
98+
&.active {
99+
a {
100+
z-index: 2;
101+
color: $pagination-active-color;
102+
background-color: $pagination-active-bg;
103+
border-color: $pagination-active-border-color;
104+
}
105+
}
106+
}
63107
}

0 commit comments

Comments
 (0)