SASS按钮带有透明背景和1px白色边框

Question

我很难弄清楚如何定义一个透明背景，白色文字和1px白色轮廓的按钮。

我目前正在处理这个问题：

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

我已经阅读了the source，但看起来没什么可开始的。边框只有一个颜色定义（我找到了$ button-border-width，但我还是很困惑地使用它）。

所以要从中学到一些东西，让我重新解释一下这个问题： 如何设置按钮：

• 没有背景
• 2px solid border
• 白色文字
• 边框应该是.3 alpha / opacity（这是可能的还是只有整个按钮？）

谢谢

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();
}