Add extra EBI visibility classes for #30

css/ebi-global-includes/_ebi_visibility.scss

+// Custom tag class for Foundation-based EBI framework
+
+////
+/// @group visibility
+////
+
+/// Some extra visibility classes for edge cases
+/// as described in: https://github.com/ebiwd/EBI-Framework/issues/30
+@mixin ebi-visibility {
+  .is-visible-block { display:block !important; }
+  .is-visible-inline { display:inline-block !important; }
+}

css/foundation/_settings-common.scss

@@ -63,6 +63,7 @@
 @import 'libraries/foundation-6/scss/global';
 @import 'css/ebi-global-includes/ebi_theme_settings'; // override foundation with EBI styling
 @import 'css/ebi-global-includes/badge'; // custom badge class
+@import 'css/ebi-global-includes/ebi_visibility'; // extra visibility classes
 @import 'css/ebi-global-includes/ebi_foundation_overides';
 
 // Include Foundation dependencies in the build

css/foundation/_settings-extras.scss

@@ -56,6 +56,7 @@
   @include foundation-tooltip;
   @include foundation-top-bar;
   // @include foundation-visibility-classes;
+  // @include ebi-visibility;
   // @include foundation-float-classes;
 
   @if $use-animations {

css/foundation/_settings-full-fat.scss

@@ -55,6 +55,7 @@
   @include foundation-tooltip;
   @include foundation-top-bar;
   @include foundation-visibility-classes;
+  @include ebi-visibility;
   @include foundation-float-classes;
 
   @if $use-animations {

css/foundation/_settings-lite.scss

@@ -57,6 +57,7 @@
   // @include foundation-tooltip;
   // @include foundation-top-bar;
   @include foundation-visibility-classes;
+  @include ebi-visibility;
   @include foundation-float-classes;
 
   // @if $use-animations {