Fix rounded

This commit is contained in:
Jeremy Thomas
2017-12-04 13:39:15 +00:00
parent 61938a39e9
commit 267f2c137f
5 changed files with 764 additions and 1968 deletions

View File

@@ -60,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

@@ -96,10 +96,12 @@ $help-size: $size-small !default
&.is-inline
display: inline
width: auto
&.is-rounded
border-radius: $radius-rounded
.input
&.is-rounded
border-radius: $radius-rounded
padding-left: 1em
padding-right: 1em
&.is-static
background-color: transparent
border-color: transparent
@@ -153,6 +155,10 @@ $help-size: $size-small !default
right: 1.125em
top: 50%
z-index: 4
&.is-rounded
select
border-radius: $radius-rounded
padding-left: 1em
select
+input
cursor: pointer
@@ -171,8 +177,6 @@ $help-size: $size-small !default
padding: 0
option
padding: 0.5em 1em
&.is-rounded
border-radius: $radius-rounded
// States
&:hover
&::after
@@ -311,17 +315,19 @@ $help-size: $size-small !default
border-width: 0 1px 1px
&.is-right
.file-cta
border-radius: 0 $file-radius $file-radius 0
&:not(.is-rounded)
border-radius: 0 $file-radius $file-radius 0
&.is-rounded
border-top-right-radius: $radius-rounded
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
.file-name
border-radius: $file-radius 0 0 $file-radius
border-width: 1px 0 1px 1px
order: -1
&:not(.is-rounded)
border-radius: $file-radius 0 0 $file-radius
&.is-rounded
border-top-left-radius: $radius-rounded
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
&.is-fullwidth
.file-label
width: 100%
@@ -432,21 +438,27 @@ $help-size: $size-small !default
&:first-child
.button,
.input,
.select select
border-bottom-left-radius: $input-radius
border-top-left-radius: $input-radius
.select
&:not(.is-rounded)
select
border-bottom-left-radius: $input-radius
border-top-left-radius: $input-radius
&.is-rounded
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
select
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
&:last-child
.button,
.input,
.select select
border-bottom-right-radius: $input-radius
border-top-right-radius: $input-radius
.select
&:not(.is-rounded)
select
border-bottom-right-radius: $input-radius
border-top-right-radius: $input-radius
&.is-rounded
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
select
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
.button,
.input,
.select select

View File

@@ -1,4 +1,4 @@
$dimensions: 16 24 32 48 64 96 128 256 512 !default
$dimensions: 16 24 32 48 64 96 128 !default
.image
display: block