Add navbar icon only child

diff --git a/docs/css/bulma-docs.css b/docs/css/bulma-docs.css
index 6ab913763bbf91f9e5f0edd6f70afdaad089c026..2024829478613b17ca1b4ac7a86ecb6de7c82376 100644 (file)
--- a/docs/css/bulma-docs.css
+++ b/docs/css/bulma-docs.css
@@ -6494,6 +6494,12 @@ body.has-navbar-fixed-bottom {
   position: relative;
 }
 
+.navbar-item .icon:only-child,
+.navbar-link .icon:only-child {
+  margin-left: -0.25rem;
+  margin-right: -0.25rem;
+}
+
 a.navbar-item,
 .navbar-link {
   cursor: pointer;

diff --git a/sass/components/navbar.sass b/sass/components/navbar.sass
index 2675439b56e69b00f5d31dbb2480c800deea5493..41456c6c6af048fc44c1827acd1c6bd303fe7439 100644 (file)
--- a/sass/components/navbar.sass
+++ b/sass/components/navbar.sass
@@ -153,10 +153,13 @@ body
   line-height: 1.5
   padding: 0.5rem 0.75rem
   position: relative
+  .icon
+    &:only-child
+      margin-left: -0.25rem
+      margin-right: -0.25rem
 
 a.navbar-item,
 .navbar-link
-  // background-color: coral
   cursor: pointer
   &:hover,
   &.is-active