This commit is contained in:
Cory LaViska
2017-08-06 21:22:20 -04:00
parent 5f0c3b59a0
commit 6c5ec5dfd4
2 changed files with 6 additions and 6 deletions

View File

@@ -501,11 +501,15 @@ PRINT "SHOELACE IS AWESOME"
Use the <code>button-block</code> modifier to make the button span the entire width of its
parent element. You can also mix and match modifiers as needed.
</p>
<p>
<div class="input-single">
<button type="button" class="button-block button-small">Small Block Button</button>
</div>
<div class="input-single">
<button type="button" class="button-block">Normal Block Button</button>
</div>
<div class="input-single">
<button type="button" class="button-block button-big">Big Block Button</button>
</p>
</div>
<p>
Disabled buttons look like this. Set the <code>disabled</code> property on
<code>&lt;button&gt;</code> elements to achieve this effect. For all other elements, apply

View File

@@ -40,10 +40,6 @@ button,
display: block;
}
.button-block + .button-block {
margin-top: 1rem;
}
button:hover,
.button:hover {
color: var(--button-color);