library-mirrors/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma.git synced 2024-11-14 11:14:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix bd-notification class used instead of notification #3872

Browse Source
This commit is contained in:
Domenico Tenace 2024-08-05 17:08:07 +02:00
parent 5c09f18f5f
commit f57baf20cb
1 changed files with 25 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

50
docs/documentation/columns/options.html
View File

@ -15,10 +15,10 @@ breadcrumb:
{% capture columns_vcentered %} {% capture columns_vcentered %}
<div class="columns is-vcentered"> <div class="columns is-vcentered">
<div class="column is-8"> <div class="column is-8">
<p class="bd-notification is-primary">First column</p> <p class="notification is-primary">First column</p>
</div> </div>
<div class="column"> <div class="column">
<p class="bd-notification is-primary"> <p class="notification is-primary">
Second column with more content. This is so you can see the vertical Second column with more content. This is so you can see the vertical
alignment. alignment.
</p> </p>
@ -55,7 +55,7 @@ breadcrumb:
{% endcapture %} {% capture columns_mobile_centered %} {% endcapture %} {% capture columns_mobile_centered %}
<div class="columns is-mobile is-centered"> <div class="columns is-mobile is-centered">
<div class="column is-half"> <div class="column is-half">
<p class="bd-notification is-primary"> <p class="notification is-primary">
<code class="html">is-half</code><br /> <code class="html">is-half</code><br />
</p> </p>
</div> </div>
@ -63,31 +63,31 @@ breadcrumb:
{% endcapture %} {% capture columns_mobile_multiline_centered %} {% endcapture %} {% capture columns_mobile_multiline_centered %}
<div class="columns is-mobile is-multiline is-centered"> <div class="columns is-mobile is-multiline is-centered">
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary"> <p class="notification is-primary">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
First Column First Column
</p> </p>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary"> <p class="notification is-primary">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
Our Second Column Our Second Column
</p> </p>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary"> <p class="notification is-primary">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
Third Column Third Column
</p> </p>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary"> <p class="notification is-primary">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
The Fourth Column The Fourth Column
</p> </p>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary"> <p class="notification is-primary">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
Fifth Column Fifth Column
</p> </p>
@ -105,10 +105,10 @@ breadcrumb:
<div class="columns is-vcentered"> <div class="columns is-vcentered">
<div class="column is-8"> <div class="column is-8">
<p class="bd-notification is-primary">First column</p> <p class="notification is-primary">First column</p>
</div> </div>
<div class="column"> <div class="column">
<p class="bd-notification is-primary"> <p class="notification is-primary">
Second column with more content. This is so you can see the vertical Second column with more content. This is so you can see the vertical
alignment. alignment.
</p> </p>
@ -129,31 +129,31 @@ docs/elements/anchor.html name="Multiline" %}
<div class="columns is-multiline is-mobile"> <div class="columns is-multiline is-mobile">
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<p class="bd-notification is-primary"><code>is-one-quarter</code></p> <p class="notification is-primary"><code>is-one-quarter</code></p>
</div> </div>
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<p class="bd-notification is-primary"><code>is-one-quarter</code></p> <p class="notification is-primary"><code>is-one-quarter</code></p>
</div> </div>
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<p class="bd-notification is-primary"><code>is-one-quarter</code></p> <p class="notification is-primary"><code>is-one-quarter</code></p>
</div> </div>
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<p class="bd-notification is-primary"><code>is-one-quarter</code></p> <p class="notification is-primary"><code>is-one-quarter</code></p>
</div> </div>
<div class="column is-half"> <div class="column is-half">
<p class="bd-notification is-primary"><code>is-half</code></p> <p class="notification is-primary"><code>is-half</code></p>
</div> </div>
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<p class="bd-notification is-primary"><code>is-one-quarter</code></p> <p class="notification is-primary"><code>is-one-quarter</code></p>
</div> </div>
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<p class="bd-notification is-primary"><code>is-one-quarter</code></p> <p class="notification is-primary"><code>is-one-quarter</code></p>
</div> </div>
<div class="column is-one-quarter"> <div class="column is-one-quarter">
<p class="bd-notification is-primary"><code>is-one-quarter</code></p> <p class="notification is-primary"><code>is-one-quarter</code></p>
</div> </div>
<div class="column"> <div class="column">
<p class="bd-notification is-primary">Auto</p> <p class="notification is-primary">Auto</p>
</div> </div>
</div> </div>
@ -171,7 +171,7 @@ docs/elements/anchor.html name="Centering columns" %}
<div class="columns is-mobile is-centered"> <div class="columns is-mobile is-centered">
<div class="column is-half"> <div class="column is-half">
<p class="bd-notification is-primary"> <p class="notification is-primary">
<code class="html">is-half</code><br /> <code class="html">is-half</code><br />
</p> </p>
</div> </div>
@ -188,31 +188,31 @@ docs/elements/anchor.html name="Centering columns" %}
<div class="columns is-mobile is-multiline is-centered"> <div class="columns is-mobile is-multiline is-centered">
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem"> <p class="notification is-primary" style="padding: 1.25rem 1.5rem">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
First Column First Column
</p> </p>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem"> <p class="notification is-primary" style="padding: 1.25rem 1.5rem">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
Our Second Column Our Second Column
</p> </p>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem"> <p class="notification is-primary" style="padding: 1.25rem 1.5rem">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
Third Column Third Column
</p> </p>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem"> <p class="notification is-primary" style="padding: 1.25rem 1.5rem">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
The Fourth Column The Fourth Column
</p> </p>
</div> </div>
<div class="column is-narrow"> <div class="column is-narrow">
<p class="bd-notification is-primary" style="padding: 1.25rem 1.5rem"> <p class="notification is-primary" style="padding: 1.25rem 1.5rem">
<code class="html">is-narrow</code><br /> <code class="html">is-narrow</code><br />
Fifth Column Fifth Column
</p> </p>