is-rounded (#1323)

* is-rounded

* padding
This commit is contained in:
Oleksii Potiekhin
2017-12-04 14:21:38 +01:00
committed by Jeremy Thomas
parent f97f0d7df9
commit 61938a39e9
10 changed files with 49 additions and 10 deletions

View File

@@ -33,6 +33,14 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
font-size: $size-medium
&.is-large
font-size: $size-large
&.is-rounded
.pagination-previous,
.pagination-next
padding-left: 1em
padding-right: 1em
border-radius: $radius-rounded
.pagination-link
border-radius: $radius-rounded
.pagination,
.pagination-list
@@ -52,8 +60,8 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
padding-right: 0.5em
justify-content: center
margin: 0.25rem
text-align: center
text-align: center
.pagination-previous,
.pagination-next,
.pagination-link

View File

@@ -122,8 +122,16 @@ $tabs-toggle-link-active-color: $link-invert !default
margin-left: -#{$tabs-toggle-link-border-width}
&:first-child a
border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius
&.is-rounded
border-top-left-radius: $radius-rounded
border-bottom-left-radius: $radius-rounded
padding-left: 1.25em
&:last-child a
border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0
&.is-rounded
border-top-right-radius: $radius-rounded
border-bottom-right-radius: $radius-rounded
padding-right: 1.25em
&.is-active
a
background-color: $tabs-toggle-link-active-background-color