SASS帶透明背景和1px白色邊框的按鈕

Question

我很難搞清楚如何定義一個帶透明背景，白色文本和1px白色輪廓的按鈕。

我目前這項工作：

.mybutton { 
    @include button-base(); 
    @include button-size($button-tny, false); 
    @include button-style(false, true, false, null, #FF0000); 
} 

我讀過the source但是看起來沒有什麼開始。只有邊框顏色定義（我發現然後$按鈕邊框寬度，但我仍然困惑使用它）。

因此要學會從這個東西讓我改一下這個問題： 如何設置一個按鈕：

• 沒有背景
• 2px的固體邊界
• 白字
• 邊界應該是。 3阿爾法/不透明度（這是可能的還是隻有整個按鈕？）

謝謝

Answer 1

據我所知button-style設置$button-base基於的變量。 請參閱本 - https://github.com/zurb/foundation/blob/master/scss/foundation/components/_buttons.scss#L143

，所以我沒有嘗試這樣做，但如果順序顛倒，它可能工作

.mybutton { 
    @include button-size($button-tny, false); 
    @include button-style(false, true, false, null, #FF0000); 
    @include button-base(); 
}