Re-introduced the $experimental flag and an associated mixin to control the inclusion...

diff --git a/scss/foundation/_settings.scss b/scss/foundation/_settings.scss
index 4bd76fa4df099efaf68536bd00c84939fca73d95..4f6458df3d11d37c6ad69c592db4011536d250f6 100644 (file)
--- a/scss/foundation/_settings.scss
+++ b/scss/foundation/_settings.scss
@@ -12,6 +12,8 @@
 // Allows the use of rem-calc() or lower-bound() in your settings
 @import "foundation/functions";
 
+// $experimental: true;
+
 // The default font-size is set to 100% of the browser style sheet (usually 16px)
 // for compatibility with browser-based text zoom or user-set defaults.
 

diff --git a/scss/foundation/components/_global.scss b/scss/foundation/components/_global.scss
index 4fd24a45ff028df270e843cb0c7f0cfa161b124a..3fedf67c9d1e6e85fb98f81cdc38367c168c510c 100644 (file)
--- a/scss/foundation/components/_global.scss
+++ b/scss/foundation/components/_global.scss
@@ -11,6 +11,9 @@
 // styles get applied to [data-mysite-plugin], etc
 $namespace: false !default;
 
+// Control the inclusion of experimental properties
+$experimental: true !default;
+
 // The default font-size is set to 100% of the browser style sheet (usually 16px)
 // for compatibility with browser-based text zoom or user-set defaults.
 
@@ -26,6 +29,16 @@ $base-line-height: 150% !default;
 // Global Foundation Mixins
 //
 
+// @mixins
+//
+// We use this to optionally include experimental or 
+// explicitly vendor prefixed properties
+@mixin experimental() {
+  @if $experimental {
+    @content;
+  }
+}
+
 // @mixins
 //
 // We use this to control border radius.