mirror of
https://github.com/jgthms/bulma.git
synced 2024-11-14 11:14:24 +00:00
52 lines
1.6 KiB
HTML
52 lines
1.6 KiB
HTML
<section class="section is-medium">
|
|
<div class="container">
|
|
<div class="columns is-vcentered">
|
|
<div class="column">
|
|
<h3 class="title is-2">
|
|
<span class="icon is-medium">
|
|
<i class="fas fa-cogs"></i>
|
|
</span>
|
|
<a href="{{ site.url }}/documentation/modifiers/syntax/" style="display: block;">
|
|
Compose your element with <strong>modifier</strong> classes
|
|
</a>
|
|
</h3>
|
|
<h4 class="subtitle is-4">Add and combine <code>is-*</code> CSS classes to quickly alter styles</h4>
|
|
</div>
|
|
<div class="column">
|
|
<div class="block">
|
|
<div class="field">
|
|
<p class="control">
|
|
<code>button</code>
|
|
</p>
|
|
</div>
|
|
<a class="button">Button</a>
|
|
</div>
|
|
<div class="block">
|
|
<div class="field">
|
|
<p class="control">
|
|
<code>button is-primary</code>
|
|
</p>
|
|
</div>
|
|
<a class="button is-primary">Button</a>
|
|
</div>
|
|
<div class="block">
|
|
<div class="field">
|
|
<p class="control">
|
|
<code>button is-primary is-large</code>
|
|
</p>
|
|
</div>
|
|
<a class="button is-primary is-large">Button</a>
|
|
</div>
|
|
<div class="block">
|
|
<div class="field">
|
|
<p class="control">
|
|
<code>button is-primary is-large is-loading</code>
|
|
</p>
|
|
</div>
|
|
<a class="button is-primary is-large is-loading">Button</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|