bulma/docs/extensions.html

152 lines
4.0 KiB
HTML
Raw Normal View History

2017-07-19 21:52:22 +00:00
---
2017-07-29 12:02:00 +00:00
title: Extensions
2017-07-19 21:52:22 +00:00
layout: default
route: extensions
extensions:
2017-09-05 22:00:34 +00:00
- name: bulma-pricingtable
url: https://wikiki.github.io/bulma-extensions/pricing-table
slug: bulma-pricingtable
width: 1125
height: 423
- name: bulma-megamenu
url: https://github.com/hunzaboy/bulma-megamenu
slug: bulma-megamenu
width: 668
height: 182
- name: bulma-coolcheckboxes
url: https://github.com/hunzaboy/Cool-Checkboxes-for-Bulma.io
slug: bulma-coolcheckbox
width: 450
height: 184
- name: bulma-slider
url: https://wikiki.github.io/bulma-extensions/slider
slug: bulma-slider
width: 1119
height: 158
- name: bulma.io-axure
url: https://github.com/Code-Mine-Development/Bulma.io-axure
slug: bulma.io-axure
width: 888
height: 541
- name: bulma-checkradio
url: https://wikiki.github.io/bulma-extensions/checkradio
slug: bulma-checkradio
width: 758
height: 67
2017-08-19 14:40:44 +00:00
- name: bulma-switch
url: https://wikiki.github.io/bulma-extensions/switch
2017-08-19 14:40:44 +00:00
slug: bulma-switch
2017-08-21 09:19:33 +00:00
width: 1113
height: 178
2017-09-05 22:00:34 +00:00
- name: bulma-steps (alternative)
url: https://aramvisser.github.io/bulma-steps/
slug: bulma-steps-alternative
width: 1078
height: 280
- name: bulma-divider
url: https://wikiki.github.io/bulma-extensions/divider
slug: bulma-divider
width: 1112
height: 676
- name: bulma-calendar
url: https://wikiki.github.io/bulma-extensions/calendar
slug: bulma-calendar
width: 382
height: 338
- name: bulma-pageloader
url: https://wikiki.github.io/bulma-extensions/pageloader
slug: bulma-pageloader
width: 490
height: 278
- name: bulma-ribbon
url: https://wikiki.github.io/bulma-extensions/ribbon
slug: bulma-ribbon
width: 646
height: 174
2017-07-19 21:52:22 +00:00
- name: bulma-badge
url: https://wikiki.github.io/bulma-extensions/badge
2017-07-19 21:52:22 +00:00
slug: bulma-badge
2017-08-21 09:19:33 +00:00
width: 406
height: 162
2017-07-19 21:52:22 +00:00
- name: bulma-steps
url: https://wikiki.github.io/bulma-extensions/steps
2017-07-19 21:52:22 +00:00
slug: bulma-steps
width: 989
height: 89
- name: bulma-tooltip
url: https://wikiki.github.io/bulma-extensions/tooltip
2017-07-19 21:52:22 +00:00
slug: bulma-tooltip
width: 215
height: 55
- name: bulma-timeline
url: https://wikiki.github.io/bulma-extensions/timeline
2017-07-19 21:52:22 +00:00
slug: bulma-timeline
2017-08-21 09:19:33 +00:00
width: 401
height: 352
2017-07-19 21:52:22 +00:00
---
<div class="container">
{% include navbar.html id="Extensions" %}
</div>
<section class="hero is-info">
<div class="hero-body">
<div class="container">
<div class="columns is-vcentered">
<div class="column">
<h1 class="title">
<a href="{{ site.url }}/blog">Extensions</a>
</h1>
<p class="subtitle">
Side projects to enhance Bulma
</p>
</div>
<div class="column is-narrow">
{% include carbon.html %}
</div>
</div>
</div>
</div>
</section>
<section class="section">
<div class="container">
{% for extension in page.extensions %}
<a class="box" href="{{ extension.url }}">
<div class="columns">
<div class="column is-one-third">
<h3 class="title is-4">
<strong>{{ extension.name }}</strong>
</h3>
<h4 class="subtitle is-6">
{{ extension.url | remove:'http://' | remove:'https://' | remove:'www.' }}
</h4>
</div>
<div class="column">
<img src="{{site.url}}/images/extensions/{{ extension.slug }}.png" width="{{ extension.width }}" height="{{ extension.height }}">
</div>
</div>
</a>
{% endfor %}
<div class="message">
<div class="message-body">
<div class="level">
<div class="level-left">
<div class="level-item">
<p>Have an extension to share with the community?</p>
</div>
</div>
<div class="level-right">
<div class="level-item">
<a class="button is-primary" href="https://github.com/jgthms/bulma/pulls">
Submit a Pull Request
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>