Closed4

vue-paginateのスタイルをカスタマイズしたい

こんな感じで作れた。

.pagination
      text-align: center
      margin: 10 0 0 0
      padding: 0
      list-style-type: none

      .page-item
        display: inline-block
        width: 50px
        height: 50px
        line-height: 48px
        margin: 0 2px
        box-sizing: border-box
        text-align: center
        border-radius: 5px
        &.active
          background: #F5811F
          a
            color: #fff
        a
          display: inline-block
          width: 100%
          height: 100%
          text-decoration: none
          &:focus
            outline: none

このスクラップは2020/11/24にクローズされました
ログインするとコメントできます