sw-Button

ボタンのデフォルトスタイルです。

.l-Wrapper
  a.sw-Button(href="#") aタグボタン
  a.sw-Button.-disabled(href="#" tabindex="-1") aタグボタン
  button.sw-Button#foo(type="button") buttonタグボタン
  button.sw-Button(disabled type="button") buttonタグボタン
  input.sw-Button(type="button" value="inputボタン")
  input.sw-Button(type="button" value="inputボタン" disabled)

.-fullを追加すると横幅100%になります。

.l-Wrapper
  a.sw-Button(href="#") デフォルト
  a.sw-Button.-full(href="#") 横幅100%

.-autoを追加すると横幅はなりゆきになります。

.l-Wrapper
  a.sw-Button(href="#") デフォルト
  a.sw-Button.-auto(href="#") 横幅なりゆき

.sw-Button_Moreを追加すると矢印が付きます。

.l-Wrapper
  a.sw-Button(href="#") デフォルト
  a.sw-Button(href="#")
    | 矢印付きボタン
    svg.sw-Button_More(role="img")
      use(xlink:href="/assets/svg/sprite.svg#right-arrow1")