Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-21 20:54:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix #441

Browse Source
This commit is contained in:
Jeremy Thomas
2017-01-15 21:33:45 +00:00
parent 18bf334dcd
commit e0fcd881c1
4 changed files with 39 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
sass/elements/button.sass
View File

@@ -14,11 +14,13 @@ $button-active-border: $link-active-border !default
$button-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
@function buttonIconSpacing($button-font-size, $icon-width)
// The button font-size value with no unit
$button-value: removeUnit($button-font-size)
// The rem height of the button
// based on a height of 2.5em
$button-height: 2.5 * $button-font-size // rem
$button-height: 2.5rem * $button-value // rem
// The rem total horizontal padding of the button
$button-horizontal-padding: 2 * 0.75 * $button-font-size // rem
$button-horizontal-padding: 2 * 0.75rem * $button-value // rem
// For the icon center to align with the button center
// the horizontal padding + the icon width must equal the button height
// $button-height = $button-horizontal-padding + $icon-width + $difference