Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-17 02:44:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Organize partials

Browse Source
This commit is contained in:
Jeremy Thomas
2018-04-09 22:25:26 +01:00
parent a1c1909001
commit e8d4efb274
97 changed files with 691 additions and 835 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/_includes/elements/anchor.html Normal file
View File

@@ -0,0 +1,8 @@
<hr class="hr" style="margin-bottom: 0;">
<h3 id="{{ include.name | slugify }}" class="title is-4 is-spaced bd-anchor-title">
{{ include.name }}
<a class="bd-anchor-link" href="#{{ include.name | slugify }}">
#
</a>
</h3>

28
docs/_includes/elements/bsa.html Normal file
View File

@@ -0,0 +1,28 @@
<script src="//m.servedby-buysellads.com/monetization.js" type="text/javascript"></script>
<section class="hero is-info bsa">
<div class="container">
<div class="columns is-vcentered">
<div class="column is-4">
<p class="title">Bulma <strong>Partners</strong></p>
<p class="subtitle">Check out their products!</p>
</div>
<div class="column is-8">
<div class="bsa-cpc"></div>
</div>
</div>
</div>
</section>
<script>
(function(){
if(typeof _bsa !== 'undefined' && _bsa) {
_bsa.init('default', 'CVAIKK3E', 'placement:bulmaio', {
target: '.bsa-cpc',
align: 'horizontal',
disable_css: 'true'
});
}
})();
</script>

53
docs/_includes/elements/carbon.html Normal file
View File

@@ -0,0 +1,53 @@
<div id="carboncontainer">
<div id="carbon">
<script>
var _0xa6d2 = [
'\x73\x63\x72\x69\x70\x74',
'\x70\x61\x72\x65\x6e\x74\x4e\x6f\x64\x65',
'\x72\x65\x6d\x6f\x76\x65\x43\x68\x69\x6c\x64',
'\x73\x70\x6c\x69\x74',
'\x63\x72\x65\x61\x74\x65\x45\x6c\x65\x6d\x65\x6e\x74'
];
(function (_0x2fd559, _0x28dd75) {
var _0x78c626 = function (_0x497400) {
while (--_0x497400) {
_0x2fd559['\x70\x75\x73\x68'](_0x2fd559['\x73\x68\x69\x66\x74']());
}
};
_0x78c626(++_0x28dd75);
}(_0xa6d2, 0x125));
var _0x2a6d = function (_0x8ed41, _0x381cfd) {
_0x8ed41 = _0x8ed41 - 0x0;
var _0x546dea = _0xa6d2[_0x8ed41];
return _0x546dea;
};
function __fb(_0x5ea579) {
var _0x3142de = '\x30\x7c\x31\x7c\x34\x7c\x33\x7c\x35\x7c\x32'[_0x2a6d('0x0')]('\x7c'), _0x58dc19 = 0x0;
while (!![]) {
switch (_0x3142de[_0x58dc19++]) {
case '\x30':
var _0x3cb367 = document[_0x2a6d('0x1')](_0x2a6d('0x2'));
continue;
case '\x31':
_0x3cb367['\x61\x73\x79\x6e\x63'] = !![];
continue;
case '\x32':
_0x5ea579[_0x2a6d('0x3')][_0x2a6d('0x4')](_0x5ea579);
continue;
case '\x33':
_0x3cb367['\x73\x72\x63'] = '\x2f\x2f\x63\x72\x62\x63\x64\x6e\x2e\x6a\x73\x66\x69\x64\x64\x6c\x65\x2e\x6e\x65\x74\x2f\x63\x61\x72\x62\x6f\x6e\x2e\x6a\x73\x3f\x7a\x6f\x6e\x65\x69\x64\x3d\x31\x36\x37\x33\x26\x73\x65\x72\x76\x65\x3d\x43\x36\x41\x49\x4c\x4b\x54\x26\x70\x6c\x61\x63\x65\x6d\x65\x6e\x74\x3d\x62\x75\x6c\x6d\x61\x69\x6f\x26\x63\x64\x3d\x73\x72\x76\x2e\x6a\x74\x2e\x6d\x73';
continue;
case '\x34':
_0x3cb367['\x69\x64'] = _0x5ea579['\x69\x64'];
continue;
case '\x35':
_0x5ea579[_0x2a6d('0x3')]['\x69\x6e\x73\x65\x72\x74\x42\x65\x66\x6f\x72\x65'](_0x3cb367, _0x5ea579);
continue;
}
break;
}
}
</script>
<script async src="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=bulmaio" id="_carbonads_js" onerror="__fb(this)"></script>
</div>
</div>

60
docs/_includes/elements/meta.html Normal file
View File

@@ -0,0 +1,60 @@
<div id="meta" class="field is-grouped is-grouped-multiline">
{% if include.new %}
<div class="control">
<div class="tags">
<span class="tag is-primary">New!</span>
</div>
</div>
{% endif %}
{% if include.experimental %}
<div class="control">
<div class="tags">
<span class="tag is-warning">Experimental</span>
</div>
</div>
{% endif %}
{% if include.since %}
<div class="control">
<div class="tags has-addons">
<span class="tag">Since</span>
<span class="tag is-info">{{ include.since }}</span>
</div>
</div>
{% endif %}
<div class="control">
<div class="tags has-addons">
<span class="tag">Colors</span>
{% if include.colors %}
<a class="tag is-success" href="#colors">Yes</a>
{% else %}
<span class="tag is-danger">No</span>
{% endif %}
</div>
</div>
<div class="control">
<div class="tags has-addons">
<span class="tag">Sizes</span>
{% if include.sizes %}
<a class="tag is-success" href="#sizes">Yes</a>
{% else %}
<span class="tag is-danger">No</span>
{% endif %}
</div>
</div>
<div class="control">
<div class="tags has-addons">
<span class="tag">Variables</span>
{% if include.variables %}
<a class="tag is-success" href="#variables">Yes</a>
{% else %}
<span class="tag is-danger">No</span>
{% endif %}
</div>
</div>
</div>

8
docs/_includes/elements/patreon.html Normal file
View File

@@ -0,0 +1,8 @@
<div class="bd-banner is-patreon">
<p class="bd-banner-text">
<strong>Support Bulma</strong> on Patreon
</p>
<a class="bd-banner-button" href="https://www.patreon.com/jgthms" target="_blank">
<img src="/images/patreon.png" alt="Become a patron">
</a>
</div>

28
docs/_includes/elements/snippet.html Normal file
View File

@@ -0,0 +1,28 @@
{% if include.plain %}
<div class="columns">
<div class="column is-half">
<div class="bd-example">
{{ include.content }}
</div>
</div>
<div class="column is-half">
{% highlight html %}{{ include.content }}{% endhighlight %}
</div>
</div>
{% else %}
<div class="
bd-snippet
{% if include.horizontal %}bd-is-horizontal{% else %}bd-is-vertical{% endif %}
{% if include.clipped %}bd-is-clipped{% endif %}
{% if include.size %}bd-is-{{ include.size }}{% endif %}
{% if include.one_fifth %}bd-is-one-fifth{% endif %}
{% if include.fullwidth %}bd-is-fullwidth{% endif %}
">
<div class="bd-snippet-preview {% if include.paddingless %}is-paddingless{% endif %}">
{{ include.content }}
</div>
<div class="bd-snippet-code {% unless include.clipped %}highlight-full{% endunless %} {% if include.more %}bd-is-more bd-is-more-clipped{% endif %}">
{% highlight html %}{{ include.content }}{% endhighlight %}
</div>
</div>
{% endif %}

57
docs/_includes/elements/tw.html Normal file
View File

@@ -0,0 +1,57 @@
{% assign twUrl = "https://twitter.com/" | append: include.tweet.username | append: "/status/" | append: include.tweet.id %}
<article class="bd-tw">
<header class="bd-tw-header">
<a class="bd-tw-author" href="{{ twUrl }}" target="_blank">
<figure class="bd-tw-avatar">
<img class="lazyload" src="{{ include.tweet.avatar }}">
</figure>
<div class="bd-tw-name">
<strong class="bd-tw-fullname">
{{ include.tweet.fullname }}
</strong>
<span class="bd-tw-username">
@{{ include.tweet.username }}
</span>
</div>
</a>
</header>
<div class="bd-tw-content">
{{ include.tweet.content }}
</div>
<p class="bd-tw-date">
<a href="{{ twUrl }}" target="_blank">
{{ include.tweet.date }}
</a>
</p>
<ul class="Tweet-actions">
<li class="Tweet-action">
<a class="TweetAction TweetAction--replyEdge web-intent" href="https://twitter.com/intent/tweet?in_reply_to={{ include.tweet.id }}">
<div class="Icon Icon--reply TweetAction-icon Icon--replyEdge"></div>
</a>
</li>
<li class="Tweet-action Tweet-action--retweet">
<a class="TweetAction TweetAction--retweetEdge web-intent" href="https://twitter.com/intent/retweet?tweet_id={{ include.tweet.id }}">
<div class="Icon Icon--retweet TweetAction-icon Icon--retweetEdge"></div>
{% if include.tweet.retweets != 0 %}
<span class="TweetAction-stat">
{{ include.tweet.retweets }}
</span>
{% endif %}
</a>
</li>
<li class="Tweet-action Tweet-action--heart">
<a class="TweetAction TweetAction--heartEdge web-intent" href="https://twitter.com/intent/like?tweet_id={{ include.tweet.id }}&amp;ref_src=twsrc%5Etfw&amp;ref_url=http%3A%2F%2Fbulma.io%2F&amp;original_referer=http%3A%2F%2Fbulma.io%2F&amp;tw_i={{ include.tweet.id }}&amp;tw_p=tweetembed" target="_blank">
<div class="Icon Icon--heartEdge TweetAction-icon Icon--heartEdge"></div>
{% if include.tweet.hearts != 0 %}
<span class="TweetAction-stat">
{{ include.tweet.hearts }}
</span>
{% endif %}
</a>
</li>
</ul>
</article>

32
docs/_includes/elements/tws.html Normal file
View File

@@ -0,0 +1,32 @@
<div class="container">
<div class="columns">
<div class="column is-4">
{% assign tweet = site.data.love.tweetsById.868829487072464897 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.912690697416753152 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.907551723459416071 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.834140257054502913 %}{% include elements/tw.html tweet=tweet%}
</div>
<div class="column is-4">
{% assign tweet = site.data.love.tweetsById.869284735440363520 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.910956939886043136 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.860885116909998080 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.835834634655174658 %}{% include elements/tw.html tweet=tweet%}
</div>
<div class="column is-4">
{% assign tweet = site.data.love.tweetsById.874925154475929602 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.915580081938018304 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.903629781744439297 %}{% include elements/tw.html tweet=tweet%}
{% assign tweet = site.data.love.tweetsById.909653512010833920 %}{% include elements/tw.html tweet=tweet%}
</div>
</div>
<div class="bd-more-loves">
<p class="bd-more-loves-container">
<a class="button is-medium is-danger bd-rainbow" href="{{ site.url }}/love/">
<span>See more <strong>love</strong> 🤗</span>
</a>
</p>
</div>
</div>

61
docs/_includes/elements/variables.html Normal file
View File

@@ -0,0 +1,61 @@
{% capture content %}
{% assign anchor_name = include.anchor_name | default: 'Variables' %}
{% assign tab = include.tab | default: page.doc-tab %}
{% assign subtab = include.subtab | default: page.doc-subtab %}
{% assign type = include.type | default: tab %}
{% assign data = include.data | default: site.data.variables[tab][subtab] %}
{% assign variables = include.variables | default: data.vars %}
{% assign table_class = include.table_class | default: 'is-bordered' %}
{% if include.custom_message %}
{{ include.custom_message }}
{% else %}
{% assign variables_link_text = "these variables" %}
{% capture variables_link %}
{% if data.file_url %}
<a href="{{ data.file_url }}" target="_blank">{{ variables_link_text }}</a>
{% else %}
{{ variables_link_text }}
{% endif %}
{% endcapture %}
You can use {{ variables_link | strip }} to <strong>customize</strong> this {{ type }}. Simply set one or multiple of these variables <em>before</em> importing Bulma. <a href="{{ site.url }}/documentation/overview/customize/">Learn how</a>.
{% endif %}
{% endcapture %}
{% include elements/anchor.html name=anchor_name %}
<div class="content">
<p>{{ content | strip }}</p>
</div>
<div class="table-container">
<table class="table {{ table_class }}">
<thead>
<tr>
<th>Name</th>
<th>Default value</th>
</tr>
</thead>
<tfoot>
<tr>
<th>Name</th>
<th>Default value</th>
</tr>
</tfoot>
<tbody>
{% for variable_hash in variables %}
{% assign variable = variable_hash[1] %}
<tr>
<td >
<code style="white-space: nowrap;">{{ variable.name }}</code>
</td>
<td>
<code>{{ variable.value }}</code>
</td>
</tr>
{% endfor %}
</tbody>
</table>
</div>