基金會5：啓動按鈕半徑（半徑）全球

的buttons組件已此混入，@mixin button-style($bg:$primary-color, $radius:false, $disabled:false)被引用的是這樣的：基金會5：啓動按鈕半徑（半徑）全球

@include exports("button") { 
    @if $include-html-button-classes { 

    // Default styles applied outside of media query 
    button, .button { 
     @include button-base; 
     @include button-size; 
     @include button-style; 
[...]

所以，要素正在或.button永遠都會有$半徑真正因爲混入是無需任何參數調用，因此設置了默認的false。有沒有一種聰明的方式，我不知道，也許在SASS，使全球儘管？

來源

2013-11-27 Adrian Föder

在SASS中，您可以覆蓋默認參數。所以啓用按鈕邊界半徑，你應該這樣做：爲按鈕

@include exports("button") { 
    @if $include-html-button-classes { 

    // Default styles applied outside of media query 
    button, .button { 
     @include button-base; 
     @include button-size; 
     @include button-style($radius: true); 
[...]

默認邊界半徑設爲3px的

//_buttons.scss 

[...] 
// We can control how much button radius us used. 
@if $radius == true { @include radius($button-radius); } //$button-radius = $global-radius = 3px 
@else if $radius { @include radius($radius); } 
} 
[...]

如果你想改變這個邊界半徑，基金會recommendeds由期望值unocomment在_settings.scss文件和變化的3px這些行：

// Line 61 
// $global-radius: 3px; 

// Line 236 
// $button-radius: $global-radius;

或者，如果你想設置一個值（例如5像素）爲$按鈕半徑不同於$全球範圍所有你需要做的就是在_settings.scss這種變化：

// Line 236 
// $button-radius: 5px

另一種方式來設置按鈕邊框半徑爲

@include exports("button") { 
    @if $include-html-button-classes { 

    // Default styles applied outside of media query 
    button, .button { 
     @include button-base; 
     @include button-size; 
     @include button-style($radius: 5px); // Replace 5px by the size that you want 
[...]

我個人推薦第一種方法來十個分量的組織結構

來源

2013-11-27 17:32:11

對不起亞歷克斯，只是偶然發現了這一點，並意識到我沒有意識到你的回答。事情是：關於你的第一個方法，我不想覆蓋混合調用，因爲它是框架國家，我不能在這裏改變任何東西。關於SASS，任何東西都很清楚，但我不知道Zurb基金會是如何打算這樣做的...... –

添加到您的app.scss：

button, .button { 
    @include button($radius:true); 
}

它會修改按鈕輸入和類使用_button.scss的mixin。

來源

2015-01-24 00:18:03

是的，但是後來又增加了兩次...... –

他們沒有一個全局變量來設置它。您可以提交補丁，修補自己的版本，將radius類添加到所有按鈕或者重複代碼。一個介於兩者之間的設置將'$ include-html-button-classes'設置爲'false'，並將修改過的按鈕構造函數添加到'app.scss'文件中。升級不會得到構造函數的任何修復/特性，但會對'_buttons.scss'的其餘部分產生影響。 –

基金會5：啓動按鈕半徑（半徑）全球

回答

相關問題