app/assets/stylesheets/modules/buttons/_button-base.sass in oulu-0.15.1 vs app/assets/stylesheets/modules/buttons/_button-base.sass in oulu-0.15.2
- old
+ new
@@ -1,6 +1,7 @@
=button-base
+ line-height: 1.45
display: inline-flex
align-items: center
justify-content: center
cursor: pointer
text-align: center
@@ -48,11 +49,10 @@
$border-width: 0
height: auto
min-height: $button-height
$vertical-padding: ($button-height - (($font-size * 1.45) - ($border-width * 2))) / 2
+padding(vertical, $vertical-padding)
- +text-block($font-size 1.45)
@if $border-radius
border-radius: $border-radius
@if $font-size > .6875rem and 1rem > $font-size
font-weight: 600
@else if .999999rem < $font-size
@@ -99,17 +99,18 @@
$icon-size: $font-size * 1.3
position: relative
overflow: hidden
&:after
+fa("\f0d7")
- +position(absolute, right 0, top 0 bottom 0, 0)
- +text-block($icon-size ($button-height + ($border-width * 2)), center)
+ +position(absolute, right 0, top 0, bottom 0, 0)
+ +text-block($icon-size 1, center flex)
+ align-items: center
+ justify-content: center
+size($icon-width null)
select
font-size: inherit
height: $button-height
+padding(horizontal, (($font-size * 1.4) ($font-size * 1.4) + $icon-width))
- +padding(vertical, $vertical-padding)
+position(relative, 1)
&.is-radio,
&.is-checkbox
$icon-space: $font-size * 3
padding-left: $icon-space