From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Tue, 2 Oct 2018 06:04:19 +0000 (+0100)
Subject: Fix control extend
X-Git-Tag: 0.7.2~31
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=9a5c7efe6c72588992d2696519d407674d80279c;p=thirdparty%2Fbulma.git

Fix control extend
---

diff --git a/sass/components/pagination.sass b/sass/components/pagination.sass
index 9a21244f5..9b8fd0366 100644
--- a/sass/components/pagination.sass
+++ b/sass/components/pagination.sass
@@ -54,7 +54,7 @@ $pagination-shadow-inset: inset 0 1px 2px rgba($black, 0.2)
 .pagination-next,
 .pagination-link,
 .pagination-ellipsis
-  +control
+  @extend %control
   @extend %unselectable
   font-size: 1em
   padding-left: 0.5em
diff --git a/sass/elements/button.sass b/sass/elements/button.sass
index db2885fd2..b23cc33ab 100644
--- a/sass/elements/button.sass
+++ b/sass/elements/button.sass
@@ -41,7 +41,7 @@ $button-static-border-color: $grey-lighter !default
   font-size: $size-large
 
 .button
-  +control
+  @extend %control
   @extend %unselectable
   background-color: $button-background-color
   border-color: $button-border-color
diff --git a/sass/elements/form.sass b/sass/elements/form.sass
index 12708edec..8d74b859c 100644
--- a/sass/elements/form.sass
+++ b/sass/elements/form.sass
@@ -42,7 +42,7 @@ $label-weight: $weight-bold !default
 $help-size: $size-small !default
 
 =input
-  +control
+  @extend %control
   background-color: $input-background-color
   border-color: $input-border-color
   color: $input-color
@@ -363,7 +363,7 @@ $help-size: $size-small !default
 
 .file-cta,
 .file-name
-  +control
+  @extend %control
   border-color: $file-border-color
   border-radius: $file-radius
   font-size: 1em
diff --git a/sass/utilities/controls.sass b/sass/utilities/controls.sass
index 67858c1e2..074072f3c 100644
--- a/sass/utilities/controls.sass
+++ b/sass/utilities/controls.sass
@@ -9,7 +9,7 @@ $control-line-height: 1.5 !default
 $control-padding-vertical: calc(0.375em - #{$control-border-width}) !default
 $control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default
 
-%control
+=control
   -moz-appearance: none
   -webkit-appearance: none
   align-items: center
@@ -36,8 +36,8 @@ $control-padding-horizontal: calc(0.625em - #{$control-border-width}) !default
   &[disabled]
     cursor: not-allowed
 
-=control
-  @extend %control
+%control
+  +control
 
 // The controls sizes use mixins so they can be used at different breakpoints
 =control-small