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

Customize section init

Browse Source
This commit is contained in:
Jeremy Thomas
2018-07-14 00:42:07 +01:00
parent 5a478857a8
commit f637ee0009
17 changed files with 460 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
docs/_includes/components/categories.html
View File

@@ -4,6 +4,7 @@
{% assign category_links = category[1] %}
{% assign category_link = site.data.links.by_id[category_id] %}
{% if category_link.name != 'Customize' %}
<div class="bd-category {% if category_id == current_category %}is-active{% endif %}">
<header class="bd-category-header">
<a class="bd-category-toggle">
@@ -13,6 +14,11 @@
</a>
<a class="bd-category-name {% if category_id == current_link_id %}is-active{% endif %}" href="{{ site.url }}{{ category_link.path }}">
<strong>{{ category_link.name }}</strong>
{% if category_link.name == 'Customize' %}
<span class="tag is-success">
New!
</span>
{% endif %}
</a>
</header>
@@ -27,6 +33,7 @@
{% endfor %}
</ul>
</div>
{% endif %}
{% endfor %}
</nav>

9
docs/_includes/components/step.html Normal file
View File

@@ -0,0 +1,9 @@
<div class="columns">
<div class="column is-4-tablet is-3-desktop">
{% include elements/anchor.html name=include.title %}
</div>
<div class="column is-offset-1 is-7-tablet is-8-desktop">
{{ include.content }}
</div>
</div>

7
docs/_includes/elements/responsive-image-2x.html Normal file
View File

@@ -0,0 +1,7 @@
<img
src="{{ site.url }}/images/{{ include.path }}.{{ include.extension }}"
srcset="{{ site.url }}/images/{{ include.path }}.{{ include.extension }} 1x,
{{ site.url }}/images/{{ include.path }}@2x.{{ include.extension }} 2x"
alt="{{ include.alt }}"
width="{{ include.width }}"
height="{{ include.height }}">

37
docs/_includes/snippets/mypage.html Normal file
View File

@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<title>My custom Bulma website</title>
<link rel="stylesheet" href="css/mystyles.css">
</head>
<body>
<h1 class="title">
Bulma
</h1>
<p class="subtitle">
Modern CSS framework based on <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox">Flexbox</a>
</p>
<div class="field">
<div class="control">
<input class="input" type="text" placeholder="Input">
</div>
</div>
<div class="field">
<p class="control">
<span class="select">
<select>
<option>Select dropdown</option>
</select>
</span>
</p>
</div>
<div class="buttons">
<a class="button is-primary">Primary</a>
<a class="button is-link">Link</a>
</div>
</body>
</html>