mirror of
https://github.com/shoelace-style/webawesome.git
synced 2026-01-12 12:09:26 +00:00
Fixes #25
This commit is contained in:
@@ -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><button></code> elements to achieve this effect. For all other elements, apply
|
||||
|
||||
@@ -40,10 +40,6 @@ button,
|
||||
display: block;
|
||||
}
|
||||
|
||||
.button-block + .button-block {
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
button:hover,
|
||||
.button:hover {
|
||||
color: var(--button-color);
|
||||
|
||||
Reference in New Issue
Block a user