sw-Button
/src/assets/css/namespace/sitewide/_Button.scss
ボタンのデフォルトスタイルです。
.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")