sw-LinkDownload
/src/assets/css/namespace/sitewide/_LinkDownload.scss
ファイルをダウンロードするためのリンクであることを示す場合に使います。
.l-Wrapper
p.sw-Text
a.sw-Link(href="#") テキストリンクです。
p.sw-Text
a.sw-LinkDownload(href="#")
| ファイルをダウンロードする
svg.sw-LinkDownload_Icon(role="img")
use(xlink:href="/assets/svg/sprite.svg#download1")
sw-LinkExternal
/src/assets/css/namespace/sitewide/_LinkExternal.scss
外部リンクであることを示す場合に使います。
.l-Wrapper
p.sw-Text
a.sw-Link(href="#") テキストリンクです。
p.sw-Text
a.sw-LinkExternal(href="#")
| 外部リンクを開く
svg.sw-LinkExternal_Icon(role="img")
use(xlink:href="/assets/svg/sprite.svg#external1")
sw-LinkMore
/src/assets/css/namespace/sitewide/_LinkMore.scss
クリックを促すようなテキストリンクに使います。
.l-Wrapper
p.sw-Text
a.sw-Link(href="#") テキストリンクです。
p.sw-Text
a.sw-LinkMore(href="#")
| 詳しく見る
svg.sw-LinkMore_Icon(role="img")
use(xlink:href="/assets/svg/sprite.svg#right-arrow1")
sw-LinkPdf
/src/assets/css/namespace/sitewide/_LinkPdf.scss
リンク先がPDFであることを示す場合に使います。
.l-Wrapper
p.sw-Text
a.sw-Link(href="#") テキストリンクです。
p.sw-Text
a.sw-LinkPdf(href="#")
| PDFをダウンロードする
svg.sw-LinkPdf_Icon(role="img")
use(xlink:href="/assets/svg/sprite.svg#pdf1")