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

Init v1

Browse Source
This commit is contained in:
Jeremy Thomas
2024-03-21 16:11:54 +00:00
parent 16f1b76881
commit 69877a652c
3261 changed files with 255369 additions and 108913 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
docs/_layouts/default.html
View File

@@ -1,13 +1,23 @@
<!DOCTYPE html>
<html
lang="en"
class="{% if page.route %}route-{{page.route}}{% elsif page.layout %}route-{{page.layout}}{% endif %}"
>
{% include global/head.html %}
<body
class="layout-{{ page.layout }}{% if page.doc-tab %} page-{{ page.doc-tab}}{% endif %}"
>
{% include global/v1.html %} {% include global/deprecated.html %} {{ content
}} {% include global/footer.html %} {% include global/scripts.html %}
<!doctype html>
<html lang="en" class="bd-theme-{% if page.theme %}{{ page.theme }}{% else %}{{ page.layout }}{% endif %}">
<head>
{% include global/head.html %}
</head>
<body>
{{ content }}
{% if page.modals %}
{% for modal in page.modals %}
{% include {{ modal }} %}
{% endfor %}
{% endif %}
{% include global/support.html %}
{% include global/native.html %}
{% include global/about.html %}
<script src="https://kit.fontawesome.com/418563224c.js" crossorigin="anonymous"></script>
<script src="{{ site.url }}/assets/vendor/clipboard-2.0.11.min.js"></script>
<script src="{{ site.url }}/assets/javascript/main.js"></script>
</body>
</html>

64
docs/_layouts/docs.html Normal file
View File

@@ -0,0 +1,64 @@
---
layout: default
route: documentation
---
{% assign current_category = page['doc-tab'] %}
{% assign current_link_id = page.breadcrumb | last %}
{% assign current_link = site.data.links.by_id[current_link_id] %}
{% assign subtitle = current_link.subtitle %}
{% include global/header.html %}
<main id="js-docs" class="bd-docs {% if page.fullwidth %}is-fullwidth{% endif %}">
<div class="bd-docs-overlay js-toggle" data-target="js-docs"></div>
<button id="js-menu-toggle" class="button bd-docs-button js-toggle" data-target="js-docs">
<i class="fa-solid fa-arrow-right-from-bracket"></i>
</button>
<div class="bd-docs-menu">
{% include docs/menu.html %}
</div>
<div class="bd-docs-lead bd-theme-{{ page.theme }}">
{% assign title = page.title | markdownify %}
{% assign subtitle = subtitle | markdownify %}
{%
include docs/hero.html
variant="docs"
title=title
subtitle=subtitle
prints=page.hero_prints
%}
<div class="bd-docs-content">
{% if page.markdown %}
<div class="content">{{ content }}</div>
{% else %}
{{ content }}
{% endif %}
{% if page.meta.variables %}
{% include docs/elements/anchor.html name="Sass and CSS variables" %}
{% include docs/components/variables.html %}
{% endif %}
</div>
{% include docs/components/pagination.html %}
</div>
</main>
<button
id="js-bulma"
class="button"
style="position: fixed; bottom: 1rem; left: 1rem; z-index: 20;"
onclick="window.open(`https://bulma.io${window.location.pathname}`);"
>
<span>bulma.io</span>
<span class="icon">
<i class="fa-solid fa-arrow-up-right-from-square"></i>
</span>
</button>
<script type="text/javascript" src="{{ site.url }}/assets/javascript/docs.js"></script>

69
docs/_layouts/documentation.html
View File

@@ -1,69 +0,0 @@
---
layout: default
route: documentation
---
{% include global/navbar.html id="Documentation" %}
{% assign current_category = page['doc-tab'] %}
{% assign current_link_id = page.breadcrumb | last %}
{% assign current_link = site.data.links.by_id[current_link_id] %}
{% assign subtitle = current_link.subtitle %}
{% if page.subtitle %}
{% assign subtitle = page.subtitle %}
{% endif %}
<header id="docsToggles" class="bd-docs-toggles">
<button class="button is-primary is-light bd-fat-button is-small" id="docsNavButton">Show menu</button>
<button class="button is-primary is-light bd-fat-button is-small" id="docsSideButton">Show sidebar</button>
</header>
<div
id="docs"
class="
bd-docs
{% if page.fullwidth %}
bd-is-fullwidth
{% else %}
bd-is-contained
{% endif %}
{% if page.fullmain %}bd-is-full-main{% endif %}
"
>
<div id="docsNavOverlay" class="bd-docs-overlay"></div>
<nav id="docsNav" class="bd-docs-nav {% if page.fullwidth %}bd-stickied{% endif %}">
{% include components/categories.html %}
</nav>
<main class="bd-docs-main">
{% if page.fullwidth %}
{% include components/docs-body.html %}
{% else %}
<div class="container">
{% include components/docs-body.html %}
</div>
{% endif %}
</main>
<aside id="docsSide" class="bd-docs-side {% if page.fullwidth %}bd-stickied{% endif %}">
{% include elements/carbon.html %}
{% include global/side-sponsor.html %}
{% include global/fortyfour.html %}
{% if page.meta %}
{%
include elements/meta.html
colors=page.meta.colors
sizes=page.meta.sizes
variables=page.meta.variables
experimental=page.meta.experimental
%}
{% endif %}
{% include components/anchors.html %}
</aside>
</div>

43
docs/_layouts/more.html
View File

@@ -1,43 +0,0 @@
---
layout: default
route: more
---
{% include global/navbar.html id="More" %}
{% assign current_link_id = page.breadcrumb | last %}
{% assign current_link = site.data.links.by_id[current_link_id] %}
{% assign category_links = site.data.links.more %}
{% for link_id in category_links %}
{% if link_id == current_link_id %}
{% unless forloop.first %}
{% assign previous_index = forloop.index0 | minus: 1 %}
{% assign previous_link_id = category_links[previous_index] %}
{% assign previous_link = site.data.links.by_id[previous_link_id] %}
{% endunless %}
{% unless forloop.last %}
{% assign next_index = forloop.index0 | plus: 1 %}
{% assign next_link_id = category_links[next_index] %}
{% assign next_link = site.data.links.by_id[next_link_id] %}
{% endunless %}
{% endif %}
{% endfor %}
{% capture hero_content %}
{% include elements/sponsor-button.html %}
{% endcapture %}
{%
include components/hero.html
color="sponsor"
icon=page.icon
title=page.title
subtitle=page.subtitle
content=page.hero_content
%}
<div class="bd-content">
{{ content }}
</div>

13
docs/_layouts/playground.html
View File

@@ -1,13 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>{{ page.title }}</title>
<link rel="stylesheet" href="{{ site.url }}/css/{{ site.docs_file }}.css?v={{ site.time | date: "%Y%m%d%H%M" }}">
</head>
<body>
{{ content }}
</body>
</html>

111
docs/_layouts/post.html
View File

@@ -1,111 +0,0 @@
---
layout: default
route: blog
breadcrumb:
- home
- blog
---
{% include global/navbar.html id="Blog" %}
{% assign title = page.title | markdownify %}
{% assign introduction = page.introduction | markdownify %}
{% assign m = page.date | date: "%B" %}
{% assign d = page.date | date: "%-d" %}
{% assign y = page.date | date: "%Y" %}
{% capture banner_title %}
<a href="{{ site.url }}/blog">
The <strong>official</strong> Bulma <strong>blog</strong>
</a>
{% endcapture %}
{% capture banner_more %}
{% include elements/rss-button.html %}
{% endcapture %}
{% include
elements/banner.html
title=banner_title
more=banner_more
%}
<header class="bd-single-header">
<div class="container is-max-desktop">
<div class="bd-single-titles">
<h1 class="title">
{{ title }}
</h1>
<div class="subtitle">
{{ introduction }}
</div>
<div class="subtitle is-date">
{{ m }}
{% case d %}{% when "1" or "21" or "31" %}{{ d }}st{% when "2" or "22" %}{{ d }}nd{% when "3" or "23" %}{{ d }}rd{% else %}{{ d }}th{% endcase %},
{{ y }}
</div>
</div>
</div>
</header>
{% if page.image %}
<div class="bd-single-image">
<div>
<figure>
<img
src="https://source.unsplash.com/{{ page.image }}/800x450"
srcset="https://source.unsplash.com/{{ page.image }}/800x450 800w,
https://source.unsplash.com/{{ page.image }}/1600x900 1600w,
https://source.unsplash.com/{{ page.image }}/3200x1800 3200w
"
sizes="(max-width: 799px) 100vw, 1600px"
alt="{{ page.alt }}"
width="1600"
height="900"
>
</figure>
</div>
</div>
{% else %}
<div class="bd-single-hr">
<div class="container is-max-desktop">
<hr>
</div>
</div>
{% endif %}
<div class="bd-single-body">
<div class="container is-max-desktop">
<div class="bd-single-content content">
{{ content }}
</div>
</div>
</div>
<div class="bd-single-hr">
<div class="container is-max-desktop">
<hr>
</div>
</div>
<nav class="bd-pagination">
<div class="container is-max-desktop">
<div class="bd-pagination-body">
{% if page.previous.url %}
<a class="button bd-fat-button is-link is-light bd-pagination-previous" href="{{ page.previous.url }}">
← {{ page.previous.name }}
</a>
{% endif %}
{% if page.next.url %}
<a class="button bd-fat-button is-link is-light bd-pagination-next" href="{{ page.next.url }}">
{{ page.next.name }} →
</a>
{% endif %}
</div>
</div>
</nav>
<div class="bd-single-carbon">
{% include elements/carbon.html %}
</div>