Fix #484

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 853494bd79eb03e66d63c1933df940263306d851..c24426834a3d0a56c8e56967c9d821dd93e92db1 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -2574,7 +2574,6 @@ input[type="submit"].button {
       -ms-flex-pack: center;
           justify-content: center;
   height: 1.5rem;
-  vertical-align: top;
   width: 1.5rem;
 }
 

diff --git a/docs/documentation/elements/content.html b/docs/documentation/elements/content.html
index 847fa9c5fedd7c1a6733d54be7bee24e7f93d95e..e226df6594d3472d87bf1488a6192553599839cd 100644 (file)
--- a/docs/documentation/elements/content.html
+++ b/docs/documentation/elements/content.html
@@ -16,6 +16,14 @@ doc-subtab: content
     <hr>
 
     <div class="content">
+    <p>
+    <strong class="is-block">Point of Contact</strong>
+    <span class="icon is-small"><i class="fa fa-envelope"></i></span> John Doe
+    <br>
+    <span class="icon is-small"><i class="fa fa-phone"></i></span> (555) 555-5555
+    <br>
+    <span class="icon is-small"><i class="fa fa-fax"></i></span> (555) 555-5556
+</p>
       <p>When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use <code>content</code> as container. It can handle almost any HTML tag:</p>
       <ul>
         <li><code>&lt;p&gt;</code> paragraphs</li>

diff --git a/sass/elements/icon.sass b/sass/elements/icon.sass
index 1b3ca4dc7eb96977b052b68547832eedffc4aaaf..e1c3735aea2cd0196bcca3225423533edcf66edd 100644 (file)
--- a/sass/elements/icon.sass
+++ b/sass/elements/icon.sass
@@ -3,7 +3,6 @@
   display: inline-flex
   justify-content: center
   height: 1.5rem
-  vertical-align: top
   width: 1.5rem
   .fa
     font-size: 21px