Add bd classes

This commit is contained in:
Jeremy Thomas
2017-08-14 12:44:24 +01:00
parent 88fb510d93
commit cd2f886df2
66 changed files with 1184 additions and 2456 deletions

View File

@@ -73,7 +73,7 @@ doc-subtab: container
</div>
</section>
<div class="example is-fullwidth">
<div class="bd-example is-fullwidth">
{{container_example}}
</div>
@@ -88,7 +88,7 @@ doc-subtab: container
</div>
</section>
<div class="example is-fullwidth">
<div class="bd-example is-fullwidth">
{{container_fluid_example}}
</div>
@@ -109,13 +109,13 @@ doc-subtab: container
</div>
</section>
<div class="example is-fullwidth">
<div class="bd-example is-fullwidth">
{{container_widescreen_example}}
</div>
{% highlight html %}{{container_widescreen_example}}{% endhighlight %}
<div class="example is-fullwidth">
<div class="bd-example is-fullwidth">
{{container_fullhd_example}}
</div>

View File

@@ -14,7 +14,7 @@ doc-subtab: footer
A simple responsive <strong>footer</strong> which can include anything: lists, headings, columns, icons, buttons, etc.
</h2>
<div class="example">
<div class="bd-example">
<footer class="footer">
<div class="container">
<div class="content has-text-centered">

View File

@@ -17,7 +17,7 @@ doc-subtab: hero
</section>
<section class="section is-fullwidth">
<div class="example">
<div class="bd-example">
<section class="hero">
<div class="hero-body">
<div class="container">
@@ -58,7 +58,7 @@ doc-subtab: hero
</section>
<section class="section is-fullwidth">
<div class="example">
<div class="bd-example">
<section class="hero is-primary">
<div class="hero-body">
<div class="container">
@@ -88,7 +88,7 @@ doc-subtab: hero
</section>
{% endhighlight %}
<div class="example">
<div class="bd-example">
<section class="hero is-info">
<div class="hero-body">
<div class="container">
@@ -103,7 +103,7 @@ doc-subtab: hero
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-success">
<div class="hero-body">
<div class="container">
@@ -118,7 +118,7 @@ doc-subtab: hero
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-warning">
<div class="hero-body">
<div class="container">
@@ -133,7 +133,7 @@ doc-subtab: hero
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-danger">
<div class="hero-body">
<div class="container">
@@ -148,7 +148,7 @@ doc-subtab: hero
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-light">
<div class="hero-body">
<div class="container">
@@ -163,7 +163,7 @@ doc-subtab: hero
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-dark">
<div class="hero-body">
<div class="container">
@@ -192,7 +192,7 @@ doc-subtab: hero
</section>
<section class="section is-fullwidth">
<div class="example">
<div class="bd-example">
<section class="hero is-medium is-primary is-bold">
<div class="hero-body">
<div class="container">
@@ -220,7 +220,7 @@ doc-subtab: hero
</div>
</section>
{% endhighlight %}
<div class="example">
<div class="bd-example">
<section class="hero is-medium is-info is-bold">
<div class="hero-body">
<div class="container">
@@ -234,7 +234,7 @@ doc-subtab: hero
</div>
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-medium is-success is-bold">
<div class="hero-body">
<div class="container">
@@ -248,7 +248,7 @@ doc-subtab: hero
</div>
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-medium is-warning is-bold">
<div class="hero-body">
<div class="container">
@@ -262,7 +262,7 @@ doc-subtab: hero
</div>
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-medium is-danger is-bold">
<div class="hero-body">
<div class="container">
@@ -276,7 +276,7 @@ doc-subtab: hero
</div>
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-medium is-light is-bold">
<div class="hero-body">
<div class="container">
@@ -290,7 +290,7 @@ doc-subtab: hero
</div>
</section>
</div>
<div class="example">
<div class="bd-example">
<section class="hero is-medium is-dark is-bold">
<div class="hero-body">
<div class="container">
@@ -316,7 +316,7 @@ doc-subtab: hero
</section>
<section class="section is-fullwidth">
<div class="example">
<div class="bd-example">
<section class="hero is-primary is-medium">
<div class="hero-body">
<div class="container">
@@ -346,7 +346,7 @@ doc-subtab: hero
</section>
{% endhighlight %}
<div class="example">
<div class="bd-example">
<section class="hero is-info is-large">
<div class="hero-body">
<div class="container">
@@ -376,7 +376,7 @@ doc-subtab: hero
</section>
{% endhighlight %}
<div class="example is-fullwidth">
<div class="bd-example is-fullwidth">
<section class="hero is-success is-fullheight">
<div class="hero-body">
<div class="container">
@@ -428,7 +428,7 @@ doc-subtab: hero
</section>
<section class="section is-fullwidth">
<div class="example">
<div class="bd-example">
<section class="hero is-primary is-medium">
<div class="hero-head">
<header class="nav">
@@ -575,7 +575,7 @@ doc-subtab: hero
</section>
{% endhighlight %}
<div class="example">
<div class="bd-example">
<section class="hero is-info is-large">
<div class="hero-head">
<header class="nav">
@@ -722,7 +722,7 @@ doc-subtab: hero
</section>
{% endhighlight %}
<div class="example is-fullwidth">
<div class="bd-example is-fullwidth">
<section class="hero is-success is-fullheight">
<div class="hero-head">
<header class="nav">