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

Bulma v9 website (#3249)

Browse Source 
* Add Bulma v9

* Add vendor dependencies

* Fix native

* Fix sponsors

* Add style attribute
This commit is contained in:
Jeremy Thomas
2021-01-27 23:30:42 +00:00
committed by GitHub
parent c5edaea84f
commit 08ef4df2c0
1963 changed files with 157468 additions and 9452 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
docs/documentation/elements/title.html
View File

@@ -60,7 +60,7 @@ meta:
{% endcapture %}
<div class="columns">
<div class="column">
<div class="column is-3">
<div class="content">
<p>There are <strong>2 types</strong> of heading:</p>
<ul>
@@ -73,11 +73,11 @@ meta:
</ul>
</div>
</div>
<div class="column">
<div class="column is-4">
<p class="title">Title</p>
<p class="subtitle">Subtitle</p>
</div>
<div class="column">
<div class="column is-5">
{% highlight html %}{{ default }}{% endhighlight %}
</div>
</div>
@@ -85,10 +85,10 @@ meta:
{% include elements/anchor.html name="Sizes" %}
<div class="columns">
<div class="column">
<div class="column is-3">
<p>There are <strong>6 sizes</strong> available:</p>
</div>
<div class="column">
<div class="column is-4">
<p class="title is-1">Title 1</p>
<p class="title is-2">Title 2</p>
<p class="title is-3">Title 3 (default size)</p>
@@ -96,14 +96,14 @@ meta:
<p class="title is-5">Title 5</p>
<p class="title is-6">Title 6</p>
</div>
<div class="column">
<div class="column is-5">
{% highlight html %}{{ title_sizes }}{% endhighlight %}
</div>
</div>
<div class="columns">
<div class="column"></div>
<div class="column">
<div class="column is-3"></div>
<div class="column is-4">
<p class="subtitle is-1">Subtitle 1</p>
<p class="subtitle is-2">Subtitle 2</p>
<p class="subtitle is-3">Subtitle 3</p>
@@ -111,7 +111,7 @@ meta:
<p class="subtitle is-5">Subtitle 5 (default size)</p>
<p class="subtitle is-6">Subtitle 6</p>
</div>
<div class="column">
<div class="column is-5">
{% highlight html %}{{ subtitle_sizes }}{% endhighlight %}
</div>
</div>
@@ -119,13 +119,13 @@ meta:
<hr>
<div class="columns">
<div class="column">
<div class="column is-3">
<div class="content">
<p>When you <strong>combine</strong> a title and a subtitle, they move closer together.</p>
<p>As a rule of thumb, it is recommended to use a size difference of <strong>two</strong>. So if you use a <code>title is-1</code>, combine it with a <code>subtitle is-3</code>.</p>
</div>
</div>
<div class="column">
<div class="column is-4">
<div class="block">
<p class="title is-1">Title 1</p>
<p class="subtitle is-3">Subtitle 3</p>
@@ -139,7 +139,7 @@ meta:
<p class="subtitle is-5">Subtitle 5</p>
</div>
</div>
<div class="column">
<div class="column is-5">
{% highlight html %}{{ combine }}{% endhighlight %}
</div>
</div>
@@ -147,7 +147,7 @@ meta:
<hr>
<div class="columns">
<div class="column">
<div class="column is-3">
<div class="content">
<p>
<span class="tag is-success">New!</span>
@@ -155,7 +155,7 @@ meta:
<p>You can maintain the normal spacing between titles and subtitles if you use the <code>is-spaced</code> modifier on the first element.</p>
</div>
</div>
<div class="column">
<div class="column is-4">
<div class="block">
<p class="title is-1 is-spaced">Title 1</p>
<p class="subtitle is-3">Subtitle 3</p>
@@ -169,9 +169,9 @@ meta:
<p class="subtitle is-5">Subtitle 5</p>
</div>
</div>
<div class="column">
<div class="column is-5">
{% highlight html %}{{ spaced }}{% endhighlight %}
</div>
</div>
{% include elements/variables.html type='element' %}
{% include components/variables.html type='element' %}