2017-10-05 2 views
1

J'utilisais la variable $btn-secondary-color dans le fichier _custom.scss, mais cette variable n'existe pas sur Bootstrap 4 Beta. Il semble qu'il a été remplacé par ceci:

// _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); 
    } 
} 

Alors, comment puis-je réparer mon code et faire référence à la couleur secondaire pour les boutons dans le _custom.scss?

+0

Pour référence ultérieure, c'est la demande de traction dans laquelle les modifications ont été apportées: https: // GitHub. com/twbs/bootstrap/pull/22836 – sigbjornlo

Répondre

1

Je ne sais pas si elle est la meilleure façon, mais j'ai la valeur que je dois à l'aide:

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

'theme-color (" secondary ")' est peut-être un peu plus clair en termes de lisibilité, bien qu'il fasse exactement ce que vous avez fait, un map-get sur $ theme-colors. – sigbjornlo