Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-18 19:34:30 -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

101
docs/_includes/home/customize.html Normal file
View File

@@ -0,0 +1,101 @@
{% assign customize_link = site.data.links.by_id['customize'] %}
{% assign heading_href = site.url | append: customize_link.path %}
<section class="bd-home-section bd-theme-sass">
{%
include docs/components/heading.html
color="sass"
icon="fab fa-sass"
title="So <strong>quick</strong> to customize"
subtitle="Simply set your own Sass variables before importing Bulma"
href=heading_href
button_icon_after="fas fa-arrow-right"
button_label="See <strong>customization</strong> docs"
%}
<div class="container">
<header class="block is-size-5-desktop mb-6">
{% include docs/elements/tw.html tweet_id="1070320154452656128" %}
</header>
<div class="columns is-variable is-8">
<div class="column">
<div class="bd-highlight-full bd-has-drawing">
{% highlight sass %}{% include docs/snippets/customized.html %}{%
endhighlight %} {% include docs/elements/drawing.html id='customize'
width=152 height=76 %}
</div>
</div>
<div class="column">
<div class="bd-index-custom bd-is-before">
<p class="bd-index-custom-title">Before</p>
<div class="bd-index-custom-example">
<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>
</div>
</div>
<div class="bd-index-custom bd-is-after">
<p class="bd-index-custom-title">After</p>
<div class="bd-index-custom-example">
<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>
</div>
</div>
</div>
</div>
</div>
</section>