-
Notifications
You must be signed in to change notification settings - Fork 13
Commit
There are no files selected for viewing
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Large diffs are not rendered by default.
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p class="sw-Text">常に改行<br/>されます</p><p class="sw-Text">ブレイクポイント(`md`)以降に改行<br class="sw-BrShowMd"/>されます。</p><p class="sw-Text">ブレイクポイント(`md`)以降は改行<br class="sw-HideMd"/>されません。</p></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Auto | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><p>横幅をなりゆきにします。</p><div><a class="sw-Button -auto" href="#">Auto</a><button class="sw-Button -auto" type="button">Auto</button><input class="sw-Button -auto" type="button" value="Auto"/></div><h2>disabled</h2><div><a class="sw-Button -disabled -auto" href="#" tabindex="-1">Auto</a><button class="sw-Button -auto" type="button" disabled="disabled">Auto</button><input class="sw-Button -auto" type="button" value="Auto" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button -auto" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Auto</span></a></div></div><script src="/assets/js/site.js"></script></body></html> | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>横幅をなりゆきにします。</p><div><a class="sw-Button -auto" href="#">Auto</a><button class="sw-Button -auto" type="button">Auto</button><input class="sw-Button -auto" type="button" value="Auto"/></div><h2>disabled</h2><div><a class="sw-Button -disabled -auto" href="#" tabindex="-1">Auto</a><button class="sw-Button -auto" type="button" disabled="disabled">Auto</button><input class="sw-Button -auto" type="button" value="Auto" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button -auto" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Auto</span></a></div></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><p>ボタンのデフォルトスタイルです。横幅は280pxまでに制限されます。</p><div><a class="sw-Button" href="#">Default</a><button class="sw-Button" type="button">Default</button><input class="sw-Button" type="button" value="Default"/></div><h2>disabled</h2><div><a class="sw-Button -disabled" href="#" tabindex="-1">Default</a><button class="sw-Button" type="button" disabled="disabled">Default</button><input class="sw-Button" type="button" value="Default" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Default</span></a></div></div><script src="/assets/js/site.js"></script></body></html> | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>ボタンのデフォルトスタイルです。横幅は280pxまでに制限されます。</p><div><a class="sw-Button" href="#">Default</a><button class="sw-Button" type="button">Default</button><input class="sw-Button" type="button" value="Default"/></div><h2>disabled</h2><div><a class="sw-Button -disabled" href="#" tabindex="-1">Default</a><button class="sw-Button" type="button" disabled="disabled">Default</button><input class="sw-Button" type="button" value="Default" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Default</span></a></div></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Full | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><p>横幅100%にします。</p><div><a class="sw-Button -full" href="#">Full</a><button class="sw-Button -full" type="button">Full</button><input class="sw-Button -full" type="button" value="Full"/></div><h2>disabled</h2><div><a class="sw-Button -disabled -full" href="#" tabindex="-1">Full</a><button class="sw-Button -full" type="button" disabled="disabled">Full</button><input class="sw-Button -full" type="button" value="Full" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button -full" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Full</span></a></div></div><script src="/assets/js/site.js"></script></body></html> | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>横幅100%にします。</p><div><a class="sw-Button -full" href="#">Full</a><button class="sw-Button -full" type="button">Full</button><input class="sw-Button -full" type="button" value="Full"/></div><h2>disabled</h2><div><a class="sw-Button -disabled -full" href="#" tabindex="-1">Full</a><button class="sw-Button -full" type="button" disabled="disabled">Full</button><input class="sw-Button -full" type="button" value="Full" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button -full" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Full</span></a></div></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,4 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><p>ボタンのデフォルトスタイルです。横幅は280pxまでに制限されます。</p><div><a class="sw-Button" href="#">Default</a><button class="sw-Button" type="button">Default</button><input class="sw-Button" type="button" value="Default"/></div><h2>disabled</h2><div><a class="sw-Button -disabled" href="#" tabindex="-1">Default</a><button class="sw-Button" type="button" disabled="disabled">Default</button><input class="sw-Button" type="button" value="Default" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Default</span></a></div></div><script src="/assets/js/site.js"></script></body></html> | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>ボタンのデフォルトスタイルです。横幅は280pxまでに制限されます。</p><div><a class="sw-Button" href="#">Default</a><button class="sw-Button" type="button">Default</button><input class="sw-Button" type="button" value="Default"/></div><h2>disabled</h2><div><a class="sw-Button -disabled" href="#" tabindex="-1">Default</a><button class="sw-Button" type="button" disabled="disabled">Default</button><input class="sw-Button" type="button" value="Default" disabled="disabled"/></div><h2>icon</h2><div><a class="sw-Button" href="#"><svg class="sw-Button_More" role="img"><use xlink:href="/assets/svg/sprite.svg#right-arrow1"></use></svg><span>Default</span></a></div></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>画像にキャプション(短い説明文)をつけます。キャプションは画像の横幅を基準に折り返されます。</p><h2>ベーシックなスタイルです。</h2><figure class="sw-Caption"><img class="sw-Caption_Image" src="https://placehold.jp/300x200.png" alt=""/><figcaption class="sw-Caption_Text">画像にキャプション(短い説明文)をつけます。キャプションは画像の横幅を基準に折り返されます。</figcaption></figure><h2>`.-center`でキャプションをセンタリングします。</h2><figure class="sw-Caption -center"><img class="sw-Caption_Image" src="https://placehold.jp/300x200.png" alt=""/><figcaption class="sw-Caption_Text">画像にキャプション(短い説明文)をつけます。キャプションは画像の横幅を基準に折り返されます。</figcaption></figure><h2>`.-center`でキャプションをセンタリングします。</h2><figure class="sw-Caption"><img class="sw-Caption_Image" src="https://placehold.jp/300x200.png" alt=""/><figcaption class="sw-Caption_Text -center">画像にキャプション(短い説明文)をつけます。キャプションは画像の横幅を基準に折り返されます。</figcaption></figure><h2>`.-right`でキャプションを右揃えにします。</h2><figure class="sw-Caption"><img class="sw-Caption_Image" src="https://placehold.jp/300x200.png" alt=""/><figcaption class="sw-Caption_Text -right">画像にキャプション(短い説明文)をつけます。キャプションは画像の横幅を基準に折り返されます。</figcaption></figure></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"></div></div><script src="/assets/js/site.js"></script></body></html> |
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,4 @@ | ||
|
||
|
||
<!DOCTYPE html><html class="no-js" lang="ja"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Default | Styleguide</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/yakuhanjp@3/dist/css/yakuhanjp_s.min.css"><link rel="stylesheet" href="/assets/css/site.css"><meta name="format-detection" content="telephone=no"><script>document.documentElement.classList.remove('no-js') | ||
</script></head><body><div id="app"><div class="l-Wrapper wisywig-Area" style="padding-top: 4rem; padding-bottom: 4rem;"><p>途中で改行をさせたくないフレーズやキーワードに指定します。囲まれた範囲(Delimiter)がまとまって改行されます。</p><p class="sw-Text">テキストは基本的にスペースや役物を基準に改行されますが、<span class="sw-Delimiter">この部分はまとめて改行されます。</span>ここは通常のテキストです。</p></div></div><script src="/assets/js/site.js"></script></body></html> |