react-jam-ui/components/Pager/styles.styl

React JAM UI components

.pager {
    text-align: center;

    &-item {
        display: inline-block;
        padding: 0 5px;
        color: #656565;
        background: #FFFFFF;
        margin: 0 5px;
        cursor: pointer;
        min-width: 30px;
        height: 36px;
        line-height: 36px;

        &.active,
        &.active:hover {
            background: #2085e4;
            color: #FFFFFF;
        }

        &:hover {
            background: #f3f3f3;
        }
    }
}