Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-23 13:29:35 -07:00
Code Issues Packages Projects Releases Wiki Activity

is-rounded (#1323)

Browse Source 
* 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
Download Patch File Download Diff File Expand all files Collapse all files

20
sass/elements/form.sass
View File

@@ -70,8 +70,6 @@ $help-size: $size-small !default
box-shadow: $input-shadow
max-width: 100%
width: 100%
&[type="search"]
border-radius: 290486px
&[readonly]
box-shadow: none
// Colors
@@ -98,6 +96,8 @@ $help-size: $size-small !default
&.is-inline
display: inline
width: auto
&.is-rounded
border-radius: $radius-rounded
.input
&.is-static
@@ -171,6 +171,8 @@ $help-size: $size-small !default
padding: 0
option
padding: 0.5em 1em
&.is-rounded
border-radius: $radius-rounded
// States
&:hover
&::after
@@ -310,10 +312,16 @@ $help-size: $size-small !default
&.is-right
.file-cta
border-radius: 0 $file-radius $file-radius 0
&.is-rounded
border-top-right-radius: $radius-rounded
border-bottom-right-radius: $radius-rounded
.file-name
border-radius: $file-radius 0 0 $file-radius
border-width: 1px 0 1px 1px
order: -1
&.is-rounded
border-top-left-radius: $radius-rounded
border-bottom-left-radius: $radius-rounded
&.is-fullwidth
.file-label
width: 100%
@@ -358,6 +366,8 @@ $help-size: $size-small !default
padding-left: 1em
padding-right: 1em
white-space: nowrap
&.is-rounded
border-radius: $radius-rounded
.file-cta
background-color: $file-cta-background-color
@@ -425,12 +435,18 @@ $help-size: $size-small !default
.select 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
&:last-child
.button,
.input,
.select 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
.button,
.input,
.select select