app/assets/stylesheets/sass/elements/form.sass in bulma-sass-0.6.0 vs app/assets/stylesheets/sass/elements/form.sass in bulma-sass-0.6.2

- old
+ new

@@ -68,12 +68,10 @@ .textarea +input box-shadow: $input-shadow max-width: 100% width: 100% - &[type="search"] - border-radius: 290486px &[readonly] box-shadow: none // Colors @each $name, $pair in $colors $color: nth($pair, 1) @@ -98,10 +96,14 @@ &.is-inline display: inline width: auto .input + &.is-rounded + border-radius: $radius-rounded + padding-left: 1em + padding-right: 1em &.is-static background-color: transparent border-color: transparent box-shadow: none padding-left: 0 @@ -151,10 +153,14 @@ +arrow($input-arrow) margin-top: -0.375em right: 1.125em top: 50% z-index: 4 + &.is-rounded + select + border-radius: $radius-rounded + padding-left: 1em select +input cursor: pointer display: block font-size: 1em @@ -267,14 +273,15 @@ border-bottom-right-radius: 0 border-top-right-radius: 0 .file-name border-bottom-left-radius: 0 border-top-left-radius: 0 - &.is-centered - justify-content: center - &.is-right - justify-content: flex-end + &.is-empty + .file-cta + border-radius: $file-radius + .file-name + display: none &.is-boxed .file-label flex-direction: column .file-cta flex-direction: column @@ -300,23 +307,26 @@ .file-cta border-radius: $file-radius $file-radius 0 0 .file-name border-radius: 0 0 $file-radius $file-radius border-width: 0 1px 1px + &.is-centered + justify-content: center + &.is-fullwidth + .file-label + width: 100% + .file-name + flex-grow: 1 + 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 - &.is-fullwidth - .file-label - width: 100% - .file-name - flex-grow: 1 - max-width: none .file-label align-items: stretch display: flex cursor: pointer @@ -412,26 +422,30 @@ display: flex justify-content: flex-start .control &:not(:last-child) margin-right: -1px + &:not(:first-child):not(:last-child) + .button, + .input, + .select select + border-radius: 0 &:first-child .button, .input, .select select - border-bottom-left-radius: $input-radius - border-top-left-radius: $input-radius + border-bottom-right-radius: 0 + border-top-right-radius: 0 &:last-child .button, .input, .select select - border-bottom-right-radius: $input-radius - border-top-right-radius: $input-radius + border-bottom-left-radius: 0 + border-top-left-radius: 0 .button, .input, .select select - border-radius: 0 &:hover, &.is-hovered z-index: 2 &:focus, &.is-focused, @@ -595,9 +609,10 @@ &::after +loader position: absolute !important right: 0.625em top: 0.625em + z-index: 4 &.is-small:after font-size: $size-small &.is-medium:after font-size: $size-medium &.is-large:after