library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix form rounded

Browse Source
This commit is contained in:
Jeremy Thomas 2017-12-04 15:14:42 +00:00
parent d6dd2cb023
commit 75e9742f99
2 changed files with 1988 additions and 726 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1417
docs/css/bulma-docs.css
View File

File diff suppressed because it is too large Load Diff

71
sass/elements/form.sass
View File

@ -280,10 +280,6 @@ $help-size: $size-small !default
border-radius: $file-radius border-radius: $file-radius
.file-name .file-name
display: none display: none
&.is-centered
justify-content: center
&.is-right
justify-content: flex-end
&.is-boxed &.is-boxed
.file-label .file-label
flex-direction: column flex-direction: column
@ -313,27 +309,22 @@ $help-size: $size-small !default
.file-name .file-name
border-radius: 0 0 $file-radius $file-radius border-radius: 0 0 $file-radius $file-radius
border-width: 0 1px 1px border-width: 0 1px 1px
&.is-right &.is-centered
.file-cta justify-content: center
&:not(.is-rounded)
border-radius: 0 $file-radius $file-radius 0
&.is-rounded
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
.file-name
border-width: 1px 0 1px 1px
order: -1
&:not(.is-rounded)
border-radius: $file-radius 0 0 $file-radius
&.is-rounded
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
&.is-fullwidth &.is-fullwidth
.file-label .file-label
width: 100% width: 100%
.file-name .file-name
flex-grow: 1 flex-grow: 1
max-width: none max-width: none
&.is-right
justify-content: flex-end
.file-cta
border-radius: 0 $file-radius $file-radius 0
.file-name
border-radius: $file-radius 0 0 $file-radius
border-width: 1px 0 1px 1px
order: -1
.file-label .file-label
align-items: stretch align-items: stretch
@ -372,8 +363,6 @@ $help-size: $size-small !default
padding-left: 1em padding-left: 1em
padding-right: 1em padding-right: 1em
white-space: nowrap white-space: nowrap
&.is-rounded
border-radius: $radius-rounded
.file-cta .file-cta
background-color: $file-cta-background-color background-color: $file-cta-background-color
@ -435,34 +424,26 @@ $help-size: $size-small !default
.control .control
&:not(:last-child) &:not(:last-child)
margin-right: -1px margin-right: -1px
&:first-child &:not(:first-child):not(:last-child)
.button,
.input,
.select
&:not(.is-rounded)
select
border-bottom-left-radius: $input-radius
border-top-left-radius: $input-radius
&.is-rounded
select
border-bottom-left-radius: $radius-rounded
border-top-left-radius: $radius-rounded
&:last-child
.button,
.input,
.select
&:not(.is-rounded)
select
border-bottom-right-radius: $input-radius
border-top-right-radius: $input-radius
&.is-rounded
select
border-bottom-right-radius: $radius-rounded
border-top-right-radius: $radius-rounded
.button, .button,
.input, .input,
.select select .select select
border-radius: 0 border-radius: 0
&:first-child
.button,
.input,
.select select
border-bottom-right-radius: 0
border-top-right-radius: 0
&:last-child
.button,
.input,
.select select
border-bottom-left-radius: 0
border-top-left-radius: 0
.button,
.input,
.select select
&:hover, &:hover,
&.is-hovered &.is-hovered
z-index: 2 z-index: 2