bulma/docs/_includes/index/modifiers.html

66 lines
1.8 KiB
HTML
Raw Normal View History

2018-04-10 11:48:58 +00:00
{% assign modifiers_link = site.data.links.by_id['modifiers-syntax'] %}
<section class="bd-easy section is-medium">
2018-04-10 10:45:48 +00:00
<div class="container">
<div class="columns is-vcentered">
<div class="column">
2018-04-10 11:48:58 +00:00
<header class="bd-index-header bd-is-left">
<h3 class="title is-3">
<a href="{{ site.url }}{{ modifiers_link.path }}">
So <strong>easy</strong> to learn
</a>
</h3>
<h4 class="subtitle is-4">
Get a design started within minutes
</h4>
</header>
2018-04-10 22:02:30 +00:00
{% assign tweet = site.data.love.tweets_by_id.868829487072464897 %}
2018-04-11 11:54:56 +00:00
{% include
elements/tw.html
tweet=tweet
modifier='bd-is-grey'
drawing_id='crazy'
drawing_width=108
drawing_height=48
%}
2018-04-10 10:45:48 +00:00
</div>
2018-04-10 11:48:58 +00:00
2018-04-10 10:45:48 +00:00
<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>