<div class="container">
<h3 class="title is-2">
<a href="{{ site.url }}/documentation/grid/columns">
- <span class="icon is-large">
+ <span class="icon is-medium">
<i class="fa fa-pause"></i>
</span>
Simple <strong>columns</strong>
<div class="container">
<h3 class="title is-2">
<a href="{{ site.url }}/documentation/grid/tiles">
- <span class="icon is-large">
+ <span class="icon is-medium">
<i class="fa fa-th-large"></i>
</span>
Magic <strong>tiles</strong>
<div class="container">
<h3 class="title is-2">
<a href="{{ site.url }}/documentation/components/level/">
- <span class="icon is-large">
+ <span class="icon is-medium">
<i class="fa fa-arrows-h"></i>
</span>
Flexible <strong>horizontal level</strong>
<div class="column">
<h3 class="title is-2">
<a href="{{ site.url }}/documentation/components/media-object/">
- <span class="icon is-large">
+ <span class="icon is-medium">
<i class="fa fa-magic"></i>
</span>
Versatile <strong>media object</strong>
<div class="container has-text-centered">
<h3 class="title is-2">
<a href="{{ site.url }}/documentation/layout/hero/">
- <span class="icon is-large">
+ <span class="icon is-medium">
<i class="fa fa-arrows-v"></i>
</span>
Easy <strong>vertical centering</strong> in <strong>fullscreen</strong>
<div class="column">
<h3 class="title is-2">
<a href="{{ site.url }}/documentation/modifiers/syntax/">
- <span class="icon is-large">
+ <span class="icon is-medium">
<i class="fa fa-cogs"></i>
</span>
Compose your element with <strong>modifier</strong> classes
<div class="container">
<h3 class="title is-2">
<a href="{{ site.url }}/documentation/elements/box/">
- <span class="icon is-large">
+ <span class="icon is-medium">
<i class="fa fa-asterisk"></i>
</span>
And all the usual <strong>elements</strong>