2017-10-05 1 views
1

Ich habe die Variable $btn-secondary-color in der Datei verwendet, aber diese Variable existiert nicht in Bootstrap 4 Beta. Es scheint, dass es durch diese ersetzt wurde:

// _variables.scss 

$theme-colors: (
    primary: $blue, 
    secondary: $gray-600, 
    success: $green, 
    info: $cyan, 
    warning: $yellow, 
    danger: $red, 
    light: $gray-100, 
    dark: $gray-800 
) !default; 

// _buttons.scss 
@each $color, $value in $theme-colors { 
    .btn-#{$color} { 
    @include button-variant($value, $value); 
    } 
} 

Wie kann ich meinen Code und verweisen auf die Sekundärfarbe für Schaltflächen in der _custom.scss beheben?

+0

Für die Zukunft ist dies die Pull-Anforderung in dem die Änderungen vorgenommen wurden: https: // GitHub. com/twbs/bootstrap/pull/22836 – sigbjornlo

Antwort

1

Nicht sicher, ob es der beste Weg ist, aber ich habe den Wert Ich muss durch den Einsatz:

color: map-get($theme-colors, secondary); 
+1

'theme-color (" sekundär ")' ist vielleicht ein wenig klarer in Bezug auf die Lesbarkeit, obwohl OFC tut es genau das, was Sie getan haben, eine Karte-bekommen auf $ theme-Farben. – sigbjornlo

Verwandte Themen