Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-19 11:54:30 -07:00
Code Issues Packages Projects Releases Wiki Activity

Improve components documentation

Browse Source
This commit is contained in:
Jeremy Thomas
2019-10-13 19:20:44 +01:00
parent d4c7731792
commit e5390369a9
13 changed files with 100 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
docs/documentation/elements/button.html
View File

@@ -512,7 +512,7 @@ meta:
<div class="content">
<p>
The <code>.button</code> class can be used on:
The <code>button</code> class can be used on:
</p>
<ul>
<li>
@@ -585,7 +585,7 @@ meta:
<div class="content">
<p>
You can change the size of <strong>multiple buttons</strong> at once by wrapping them in a <code>.buttons</code> parent, and applying one of 3 modifiers:
You can change the size of <strong>multiple buttons</strong> at once by wrapping them in a <code>buttons</code> parent, and applying one of 3 modifiers:
</p>
<ul>
<li>
@@ -674,13 +674,13 @@ meta:
</p>
<ul>
<li>
<code>:hover</code> and <code>.is-hovered</code>
<code>:hover</code> and <code>is-hovered</code>
</li>
<li>
<code>:focus</code> and <code>.is-focused</code>
<code>:focus</code> and <code>is-focused</code>
</li>
<li>
<code>:active</code> and <code>.is-active</code>
<code>:active</code> and <code>is-active</code>
</li>
</ul>
<p>
@@ -708,7 +708,7 @@ meta:
<div class="content">
<p>
You can very easily turn a button into its <strong>loading</strong> version by appending the <code>.is-loading</code> modifier. You don't even need to remove the inner text, which allows the button to maintain its <strong>original size</strong> between its default and loading states.
You can very easily turn a button into its <strong>loading</strong> version by appending the <code>is-loading</code> modifier. You don't even need to remove the inner text, which allows the button to maintain its <strong>original size</strong> between its default and loading states.
</p>
</div>
@@ -828,7 +828,7 @@ meta:
<div class="column">
<div class="content">
<p>
You can create a <strong>list of buttons</strong> by using the <code>.buttons</code> container.
You can create a <strong>list of buttons</strong> by using the <code>buttons</code> container.
</p>
</div>
<div class="bd-example">
@@ -860,7 +860,7 @@ meta:
<div class="column">
<div class="content">
<p>
You can <strong>attach buttons together</strong> with the <code>.has-addons</code> modifier.
You can <strong>attach buttons together</strong> with the <code>has-addons</code> modifier.
</p>
</div>
<div class="bd-example">