Foundation Button Mixin wirft Fehler

Question

Ich versuche, die Foundation button() Mixin zu verwenden, um die Farbe der Schaltfläche zu ändern. Ich habe versucht, nach dem Beispiel in der Dokumentation:

@include button(
// $padding - Used to build padding for buttons Default: $button-med or rem-calc(12) 
$padding, 
// Background color. We can set $bg:false for a transparent background. Default: $primary-color. 
$bg, 
// If true, set to button radius which is $global-radius or explicitly set radius amount in px (ex. $radius:10px). Default:false. 
$radius, 
// We can set $full-width:true to remove side padding extend width. Default:false 
$full-width, 
// We can set $disabled:true to create a disabled transparent button. Default:false 
$disabled 
); 

Aber mein Compiler beschwert sich, dass die mixin dauert nur 4 Argumente. Ich kann vier Argumente angeben, aber keiner von ihnen ergreift die Maßnahmen, die ich erwarten würde.

Answer 1

Versuchen Sie, die Parameter als benannte Parameter an die @include() zu übergeben. Beispiel:

@include button($padding: 4px, $bg: #1a1a1a, $radius: 3px, $full-width: false); 

Die Parameternamen hängen auch davon ab, welche Foundation-Version Sie verwenden. Ihr Beispiel zeigt an, dass Sie Foundation 5 verwenden. Foundation 6 verwendet verschiedene Parameternamen.