mirror of
https://github.com/jgthms/bulma
synced 2026-03-15 02:04:29 -07:00
Move docs to bulma repo (#299)
* Add package files whitelist * Add flex shrink * Add flex shrink * Add docs config * Fix flex shrink * Fix hero pages * Add docs folder
This commit is contained in:
Jeremy Thomas
31
docs/_includes/blog-hero.html
Normal file
31
docs/_includes/blog-hero.html
Normal file
@@ -0,0 +1,31 @@
|
||||
<section class="hero is-primary">
|
||||
<div class="hero-head">
|
||||
<div class="container">
|
||||
{% include header.html %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<div class="columns is-vcentered">
|
||||
<div class="column">
|
||||
<h1 class="title">
|
||||
<a href="{{ site.baseurl }}/blog">Blog</a>
|
||||
</h1>
|
||||
<p class="subtitle">
|
||||
Stay updated about new features, bug fixes, and releases
|
||||
</p>
|
||||
<a class="button is-primary is-inverted" href="{{ site.baseurl }}/atom.xml">
|
||||
<span class="icon">
|
||||
<i class="fa fa-rss"></i>
|
||||
</span>
|
||||
<span>Subscribe</span>
|
||||
</a>
|
||||
</div>
|
||||
<div class="column is-narrow">
|
||||
{% include carbon.html %}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
3
docs/_includes/carbon.html
Normal file
3
docs/_includes/carbon.html
Normal file
@@ -0,0 +1,3 @@
|
||||
<div id="carbon" class="box">
|
||||
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=bulmaio" id="_carbonads_js"></script>
|
||||
</div>
|
||||
134
docs/_includes/footer.html
Normal file
134
docs/_includes/footer.html
Normal file
@@ -0,0 +1,134 @@
|
||||
<section id="newsletter" class="hero is-primary">
|
||||
<div class="hero-body">
|
||||
<div class="container">
|
||||
<!-- Begin MailChimp Signup Form -->
|
||||
<div id="mc_embed_signup" class="columns is-vcentered">
|
||||
<div class="column is-one-third is-left">
|
||||
<p class="title">Bulma <strong>Newsletter</strong></p>
|
||||
<p class="subtitle">Get notified when v1 is ready!</p>
|
||||
</div>
|
||||
|
||||
<div class="column">
|
||||
<form action="https://bbxdesign.us3.list-manage.com/subscribe/post?u=b43b93fe633f0560b2a72a69c&id=52585e8803" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate>
|
||||
<div id="mc_embed_signup_scroll">
|
||||
<div class="control is-grouped">
|
||||
<div class="control has-icon is-expanded">
|
||||
<input type="email" value="" name="EMAIL" class="input is-flat required email" id="mce-EMAIL" placeholder="email address" required>
|
||||
<i class="fa fa-envelope"></i>
|
||||
</div>
|
||||
<div class="control">
|
||||
<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button is-white is-outlined">
|
||||
</div>
|
||||
</div>
|
||||
<div id="mce-responses">
|
||||
<div class="notification is-danger response" id="mce-error-response" style="display:none"></div>
|
||||
<div class="notification is-success response" id="mce-success-response" style="display:none"></div>
|
||||
</div>
|
||||
<!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups-->
|
||||
<div style="position: absolute; left: -5000px;" aria-hidden="true">
|
||||
<input type="text" name="b_b43b93fe633f0560b2a72a69c_52585e8803" tabindex="-1" value="">
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<!--End mc_embed_signup-->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="content has-text-centered">
|
||||
<p>
|
||||
<strong xmlns:dct="http://purl.org/dc/terms/" href="http://purl.org/dc/dcmitype/Text" property="dct:title" rel="dct:type">Bulma</strong> by <a xmlns:cc="http://creativecommons.org/ns#" href="http://jgthms.com" property="cc:attributionName" rel="cc:attributionURL">Jeremy Thomas</a>. The source code is licensed <a href="http://opensource.org/licenses/mit-license.php">MIT</a>. The website content is licensed <a rel="license" href="http://creativecommons.org/licenses/by-nc-sa/4.0/">CC BY-NC-SA 4.0</a>.
|
||||
</p>
|
||||
<div id="social">
|
||||
<iframe class="github-btn" src="https://ghbtns.com/github-btn.html?user=jgthms&repo=bulma&type=star&count=true" allowtransparency="true" frameborder="0" scrolling="0" width="105px" height="20px"></iframe>
|
||||
<a href="https://twitter.com/jgthms" class="twitter-follow-button" data-show-count="true" data-lang="en">@jgthms</a>
|
||||
<a href="https://twitter.com/share" class="twitter-share-button" data-text="{{ site.title }}" data-url="{{ site.url }}" data-count="horizontal" data-via="jgthms" data-related="jgthms:Creator of Bulma">Tweet</a>
|
||||
</div>
|
||||
<p>
|
||||
Want to learn how to <strong>create a website</strong>?
|
||||
<br>
|
||||
Read <a href="http://marksheet.io">MarkSheet: a free HTML & CSS tutorial</a>.
|
||||
</p>
|
||||
<p>
|
||||
Want to make a <strong>donation</strong>?
|
||||
</p>
|
||||
<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
|
||||
<input type="hidden" name="cmd" value="_s-xclick">
|
||||
<input type="hidden" name="hosted_button_id" value="8WMKYSRFN6A78">
|
||||
<input type="image" src="https://www.paypalobjects.com/en_US/GB/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
|
||||
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
{% if page.route == 'index' %}
|
||||
<style type="text/css">
|
||||
@media screen and (max-width: 979px) {
|
||||
.title.is-2 .icon.is-large {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.title.is-2 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.title.is-2 a {
|
||||
color: #222324;
|
||||
}
|
||||
|
||||
.title.is-2 a:hover {
|
||||
color: #1fc8db;
|
||||
}
|
||||
|
||||
.title.is-2 .icon.is-large {
|
||||
left: -72px;
|
||||
position: absolute;
|
||||
top: -1px;
|
||||
}
|
||||
|
||||
.hero .title.is-2 a {
|
||||
color: white;
|
||||
}
|
||||
|
||||
.hero .title.is-2 a:hover {
|
||||
color: white;
|
||||
}
|
||||
</style>
|
||||
{% endif %}
|
||||
|
||||
<script async id="twitter-wjs" src="https://platform.twitter.com/widgets.js"></script>
|
||||
<script async type="text/javascript" src="https://s3.amazonaws.com/downloads.mailchimp.com/js/mc-validate.js"></script>
|
||||
|
||||
<script src="{{ site.baseurl }}/javascript/jquery-2.2.0.min.js"></script>
|
||||
<script src="{{ site.baseurl }}/javascript/clipboard.min.js"></script>
|
||||
<script src="{{ site.baseurl }}/javascript/bulma.js"></script>
|
||||
|
||||
{% if page.route == 'index' %}
|
||||
<script type="text/javascript" src="{{ site.baseurl }}/javascript/index.js"></script>
|
||||
{% endif %}
|
||||
|
||||
<script type="text/javascript">
|
||||
(function($) {
|
||||
window.fnames = new Array();
|
||||
window.ftypes = new Array();
|
||||
fnames[0]='EMAIL';
|
||||
ftypes[0]='email';
|
||||
}(jQuery));
|
||||
var $mcj = jQuery.noConflict(true);
|
||||
</script>
|
||||
|
||||
<script>
|
||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
|
||||
|
||||
ga('create', 'UA-82634666-2', 'auto');
|
||||
ga('send', 'pageview');
|
||||
</script>
|
||||
35
docs/_includes/head.html
Normal file
35
docs/_includes/head.html
Normal file
@@ -0,0 +1,35 @@
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="description" content="{% if page.excerpt %}{{ page.excerpt | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
|
||||
|
||||
<title>{% if page.title %}{{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
|
||||
|
||||
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css">
|
||||
<link rel="stylesheet" href="{{ site.cssurl | prepend: site.baseurl }}">
|
||||
|
||||
<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}">
|
||||
<link rel="alternate" type="application/rss+xml" title="{{ site.title }}" href="{{ "/feed.xml" | prepend: site.baseurl | prepend: site.url }}">
|
||||
|
||||
<link rel="apple-touch-icon" sizes="57x57" href="{{ site.baseurl }}/favicons/apple-touch-icon-57x57.png">
|
||||
<link rel="apple-touch-icon" sizes="60x60" href="{{ site.baseurl }}/favicons/apple-touch-icon-60x60.png">
|
||||
<link rel="apple-touch-icon" sizes="72x72" href="{{ site.baseurl }}/favicons/apple-touch-icon-72x72.png">
|
||||
<link rel="apple-touch-icon" sizes="76x76" href="{{ site.baseurl }}/favicons/apple-touch-icon-76x76.png">
|
||||
<link rel="apple-touch-icon" sizes="114x114" href="{{ site.baseurl }}/favicons/apple-touch-icon-114x114.png">
|
||||
<link rel="apple-touch-icon" sizes="120x120" href="{{ site.baseurl }}/favicons/apple-touch-icon-120x120.png">
|
||||
<link rel="apple-touch-icon" sizes="144x144" href="{{ site.baseurl }}/favicons/apple-touch-icon-144x144.png">
|
||||
<link rel="apple-touch-icon" sizes="152x152" href="{{ site.baseurl }}/favicons/apple-touch-icon-152x152.png">
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="{{ site.baseurl }}/favicons/apple-touch-icon-180x180.png">
|
||||
<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/favicon-32x32.png" sizes="32x32">
|
||||
<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/android-chrome-192x192.png" sizes="192x192">
|
||||
<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/favicon-96x96.png" sizes="96x96">
|
||||
<link rel="icon" type="image/png" href="{{ site.baseurl }}/favicons/favicon-16x16.png" sizes="16x16">
|
||||
<link rel="manifest" href="{{ site.baseurl }}/favicons/manifest.json">
|
||||
<link rel="mask-icon" href="{{ site.baseurl }}/favicons/safari-pinned-tab.svg" color="#1fc8db">
|
||||
<link rel="shortcut icon" href="{{ site.baseurl }}/favicons/favicon.ico">
|
||||
<meta name="msapplication-TileColor" content="#1fc8db">
|
||||
<meta name="msapplication-TileImage" content="{{ site.baseurl }}/favicons/mstile-144x144.png">
|
||||
<meta name="msapplication-config" content="{{ site.baseurl }}/favicons/browserconfig.xml">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
</head>
|
||||
88
docs/_includes/header.html
Normal file
88
docs/_includes/header.html
Normal file
@@ -0,0 +1,88 @@
|
||||
<nav class="nav">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-brand" href="{{ site.baseurl }}/">
|
||||
{% if page.route == 'index' %}
|
||||
<img src="{{ site.baseurl }}/images/bulma.png" alt="{{ site.title }}">
|
||||
{% else %}
|
||||
<img src="{{ site.baseurl }}/images/bulma-white.png" alt="{{ site.title }}">
|
||||
{% endif %}
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="nav-center">
|
||||
<a class="nav-item" href="{{ site.github }}">
|
||||
<span class="icon">
|
||||
<i class="fa fa-github"></i>
|
||||
</span>
|
||||
</a>
|
||||
<a class="nav-item" href="https://twitter.com/jgthms">
|
||||
<span class="icon">
|
||||
<i class="fa fa-twitter"></i>
|
||||
</span>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<span id="nav-toggle" class="nav-toggle">
|
||||
<span></span>
|
||||
<span></span>
|
||||
<span></span>
|
||||
</span>
|
||||
|
||||
<div id="nav-menu" class="nav-right nav-menu">
|
||||
<a class="nav-item {% if page.route == 'index' %}is-active{% endif %}" href="{{ site.baseurl }}/">
|
||||
Home
|
||||
</a>
|
||||
<a class="is-hidden nav-item {% if page.route == 'templates' %}is-active{% endif %} {% if page.layout == 'templates' %}is-active{% endif %}" href="{{ site.baseurl }}/templates/">
|
||||
<span>Templates</span>
|
||||
<span class="tag is-small is-success">New!</span>
|
||||
</a>
|
||||
<a class="nav-item {% if page.route == 'documentation' %}is-active{% endif %} {% if page.layout == 'documentation' %}is-active{% endif %}" href="{{ site.documentation }}">
|
||||
Documentation
|
||||
</a>
|
||||
<a class="nav-item {% if page.route == 'blog' %}is-active{% endif %}" href="{{ site.baseurl }}/blog/">
|
||||
Blog
|
||||
</a>
|
||||
|
||||
{% if page.route == 'index' %}
|
||||
<span class="nav-item">
|
||||
<a id="twitter"
|
||||
class="button"
|
||||
data-social-network="Twitter"
|
||||
data-social-action="tweet"
|
||||
data-social-target="{{ site.url }}"
|
||||
target="_blank"
|
||||
href="https://twitter.com/intent/tweet?text={{ site.title | urlencode }}&url={{ site.url }}&via=jgthms">
|
||||
<span class="icon">
|
||||
<i class="fa fa-twitter"></i>
|
||||
</span>
|
||||
<span>Tweet</span>
|
||||
</a>
|
||||
<a class="button is-primary" href="{{ site.download }}">
|
||||
<span class="icon">
|
||||
<i class="fa fa-download"></i>
|
||||
</span>
|
||||
<span>Download</span>
|
||||
</a>
|
||||
</span>
|
||||
{% else %}
|
||||
<span class="nav-item">
|
||||
<a class="button is-light is-outlined"
|
||||
data-social-network="Twitter"
|
||||
data-social-action="tweet"
|
||||
data-social-target="http://bulma.io/"
|
||||
href="https://twitter.com/intent/tweet?text={{ 'Bulma: a modern CSS framework based on Flebox' | urlencode }}&url=http://bulma.io/&via=jgthms">
|
||||
<span class="icon">
|
||||
<i class="fa fa-twitter"></i>
|
||||
</span>
|
||||
<span>Tweet</span>
|
||||
</a>
|
||||
<a class="button is-primary is-inverted" href="{{ site.download }}">
|
||||
<span class="icon">
|
||||
<i class="fa fa-download"></i>
|
||||
</span>
|
||||
<span>Download</span>
|
||||
</a>
|
||||
</span>
|
||||
{% endif %}
|
||||
</div>
|
||||
</nav>
|
||||
36
docs/_includes/subnav-components.html
Normal file
36
docs/_includes/subnav-components.html
Normal file
@@ -0,0 +1,36 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'card' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/card/">
|
||||
Card
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'level' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/level/">
|
||||
Level
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'media-object' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/media-object/">
|
||||
Media object
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'menu' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/menu/">
|
||||
Menu
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'message' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/message/">
|
||||
Message
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'modal' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/modal/">
|
||||
Modal
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'nav' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/nav/">
|
||||
Nav
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'pagination' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/pagination/">
|
||||
Pagination
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'panel' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/panel/">
|
||||
Panel
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'tabs' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/components/tabs/">
|
||||
Tabs
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
39
docs/_includes/subnav-elements.html
Normal file
39
docs/_includes/subnav-elements.html
Normal file
@@ -0,0 +1,39 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'box' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/box/">
|
||||
Box
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'button' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/button/">
|
||||
Button
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'content' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/content/">
|
||||
Content
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'form' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/form/">
|
||||
Form
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'icon' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/icon/">
|
||||
Icon
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'image' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/image/">
|
||||
Image
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'notification' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/notification/">
|
||||
Notification
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'progress' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/progress/">
|
||||
Progress
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'table' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/table/">
|
||||
Table
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'tag' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/tag/">
|
||||
Tag
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'title' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/elements/title/">
|
||||
Title
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
11
docs/_includes/subnav-grid.html
Normal file
11
docs/_includes/subnav-grid.html
Normal file
@@ -0,0 +1,11 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'columns' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/grid/columns/">
|
||||
Columns
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'tiles' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/grid/tiles/">
|
||||
Tiles
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
18
docs/_includes/subnav-layout.html
Normal file
18
docs/_includes/subnav-layout.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'container' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/layout/container/">
|
||||
Container
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'hero' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/layout/hero/">
|
||||
Hero
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'section' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/layout/section/">
|
||||
Section
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'footer' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/layout/footer/">
|
||||
Footer
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
15
docs/_includes/subnav-modifiers.html
Normal file
15
docs/_includes/subnav-modifiers.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'syntax' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/modifiers/syntax/">
|
||||
Syntax
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'helpers' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/modifiers/helpers/">
|
||||
Helpers
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'responsive-helpers' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/modifiers/responsive-helpers/">
|
||||
Responsive helpers
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
18
docs/_includes/subnav-overview.html
Normal file
18
docs/_includes/subnav-overview.html
Normal file
@@ -0,0 +1,18 @@
|
||||
<nav class="nav has-shadow">
|
||||
<div class="container">
|
||||
<div class="nav-left">
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'start' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/overview/start/">
|
||||
Start
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'variables' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/overview/variables/">
|
||||
Variables
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'classes' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/overview/classes/">
|
||||
Classes
|
||||
</a>
|
||||
<a class="nav-item is-tab {% if page.doc-subtab == 'responsiveness' %}is-active{% endif %}" href="{{ site.baseurl }}/documentation/overview/responsiveness/">
|
||||
Responsiveness
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
Reference in New Issue
Block a user