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