sass/components/pagination.sass

.pagination
  align-items: center
  display: flex
  justify-content: center
  text-align: center
  a
    display: block
    min-width: 32px
    padding: 3px 8px
  span
    color: $text-light
    display: block
    margin: 0 4px
  li
    margin: 0 2px
  ul
    align-items: center
    display: flex
    flex: 1
    justify-content: center
  // Responsiveness
  +mobile
    flex-wrap: wrap
    & > a
      width: calc(50% - 5px)
      &:not(:first-child)
        margin-left: 10px
    li
      flex: 1
    ul
      margin-top: 10px
  +tablet
    & > a
      &:not(:first-child)
        order: 1
Add pagination 2016-03-26 14:12:36 +00:00			`.pagination`
			`align-items: center`
			`display: flex`
			`justify-content: center`
			`text-align: center`
			`a`
			`display: block`
			`min-width: 32px`
			`padding: 3px 8px`
			`span`
			`color: $text-light`
			`display: block`
			`margin: 0 4px`
			`li`
			`margin: 0 2px`
			`ul`
			`align-items: center`
			`display: flex`
			`flex: 1`
			`justify-content: center`
Fix components code style 2016-04-10 16:27:27 +01:00			`// Responsiveness`
Add pagination 2016-03-26 14:12:36 +00:00			`+mobile`
			`flex-wrap: wrap`
			`& > a`
			`width: calc(50% - 5px)`
			`&:not(:first-child)`
			`margin-left: 10px`
			`li`
			`flex: 1`
			`ul`
			`margin-top: 10px`
			`+tablet`
			`& > a`
			`&:not(:first-child)`
			`order: 1`