Question

Zurb Foundation定义了几个button color classes：默认情况下，成功，仲，异动，信息，残疾人

遗憾的是，没有关于在应用程序中使用哪些类的最佳实践指南。

困扰我的是，默认按钮的颜色非常出色。因此，我的应用程序中的所有按钮看起来都很重要。

另一方面，表单提交按钮的最佳类是什么？它应该是默认按钮，因为提交是默认操作吗？我需要将“辅助”类添加到所有其他按钮，以使提交按钮脱颖而出。

但我不想在任何地方添加“二级”课程。

我错过了什么吗？有没有人有基础课使用的最佳实践例子？

Answer 1

默认采用主要颜色（SCSS文件中为$primary-color）的颜色，而辅助采用$secondary-color。这是因为你改变了他们为你突出的原色。

它们在这里定义（这些是默认值）：

$primary-color: #008CBA;
$secondary-color: #e7e7e7;
$alert-color: #f04124;
$success-color: #43AC6A;
$warning-color: #f08a24;
$info-color: #a0d3e8;

您可以使用SCSS创建自己的按钮颜色/类。

.custom-button-class {
  @include button(
    // $padding - Used to build padding for buttons Default: $button-med or rem-calc(12)
    $padding,
    // Background color. We can set $bg:false for a transparent background. Default: $primary-color.
    $bg,
    // If true, set to button radius which is $global-radius or explicitly set radius amount in px (ex. $radius:10px). Default:false.
    $radius,
    // We can set $full-width:true to remove side padding extend width. Default:false
    $full-width,
    // We can set $disabled:true to create a disabled transparent button. Default:false
    $disabled
  );
}

按钮颜色类

1 个答案: