Bulma: Rounded Buttons

Created on 18 Dec 2016  路  1Comment  路  Source: jgthms/bulma

Am having issues with creating rounded buttons :
Repro

<button class="button is-medium is-pulled-right is-rounded">
            <span class="icon">
              <i class="fa fa-check"></i>
            </span>
 </button>

Sass

variables.sass
$radius-rounded: 50% !important

buttons.sass

=button-rounded
  border-radius: $radius-rounded

....
// Sizes
  &.is-rounded
    +button-rounded
...

Result

The button becomes oval shaped , my intenntion is to make the button circle shaped

picture obonyojimmy

Most helpful comment

Use a very high value for border-radius: border-radius: 9999px;

More info: http://cssreference.io/#border-radius

picture jgthms on 18 Dec 2016
👍4

>All comments

Use a very high value for border-radius: border-radius: 9999px;

More info: http://cssreference.io/#border-radius

jgthms picture jgthms on 18 Dec 2016
👍4
Was this page helpful?
0 / 5 - 0 ratings

Related issues

jaredreich picture jaredreich  路  3Comments
Qard picture Qard  路  3Comments
choonggg picture choonggg  路  3Comments
Wikiki picture Wikiki  路  3Comments
swamikevala picture swamikevala  路  3Comments