Bootstrap-inspired styles for use with Laravel's generated pagination links

laravel_pagination.scss

// Bootstrap-inspired styles for the pagination links that
// Laravel dynamically generates in views.
// @author: Eric Davis

.pagination {
    li {
        display: inline-block;
        float: left;
        font-size: 1.1rem;
        color: #2196f3;
        border: 1px solid #ddd;

        // Drop overlapping borders
        &:nth-child(1n + 2) {
            border-left: none;
        }
    }

    a {
        text-decoration: none;
        &:hover {
            background-color: #ededed;
        }
    }

    // Spans are used for the unavailable links in pagination
    span {
        cursor: not-allowed;
    }

    a, span {
        display: block;
        padding: 3px 12px;
    }

    .active {
        background-color: #2196f3;
        color: #fff;
        border-color: #2196f3;
    }
}