design/sass/_pagination.scss


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

.pagination {
    @include generic_sans;
    margin-top: 2em;
    margin-bottom: 2em;
    font-weight: 400;
    line-height: 2.3;
    li {
        display: inline;
    }
    a {
        text-decoration: none;
        border: 1px solid lighten($body_font, 30);
        color: lighten($body_font, 20);
        padding: 9px 6px 6px 6px;
        margin-left: .25em;
        margin-right: .25em;
    }
    .prev {
        border: none;
        &:before {
            content: "\2190";
        }
    }
    .next {
        border: none;
        &:after {
            content: "\2192";
            margin-left: .35em;
        }
    }
    @include breakpoint(beta) {
        .prev {
            margin-right: 2em;
        }
        .next {
            margin-left: 2em;
        }
        .current {
            color: $link_color;
            margin-right: .5em;
            margin-left: .5em;
        }
    }
}