bulma/docs/_includes/index/modifiers.html
Jeremy Thomas 08ef4df2c0
Bulma v9 website (#3249)
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
2021-01-27 23:30:42 +00:00

65 lines
1.8 KiB
HTML

{% assign modifiers_link = site.data.links.by_id['modifiers-syntax'] %}
{% assign heading_href = site.url | append: modifiers_link.path %}
<section class="bd-index-section">
{%
include components/heading.html
color="primary"
icon="fas fa-graduation-cap"
title="So <strong>easy</strong> to learn"
subtitle="Get a design <strong>started</strong> within <strong>minutes</strong>"
href=heading_href
button_icon_after="fas fa-arrow-right"
button_label="See <strong>modifiers</strong> syntax"
%}
<div class="container">
<div class="columns is-vcentered">
<div class="column is-size-5-desktop">
{%
include elements/tw.html
tweet_id="868829487072464897"
drawing_id='crazy'
drawing_width=108
drawing_height=48
%}
</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>