_global.scss in foundation-rails-5.0.3.0

- old
+ new

@@ -15,16 +15,10 @@
 $base-font-size: 100% !default;
 
 // $base-line-height is 24px while $base-font-size is 16px
 $base-line-height: 150% !default;
 
-// This is the default html and body font-size for the base rem value.
-$rem-base: 16px !default;
-
-// Use Open Sans font
-$include-open-sans: true !default;
-
 //
 // Global Foundation Mixins
 //
 
 // @mixins
@@ -187,10 +181,25 @@
     box-shadow: 0 0 5px $glowing-effect-color;
     border-color: $glowing-effect-color;
   }
 }
 
+// @mixins
+//
+// We use this to translate elements in 2D
+// $horizontal: Default: 0
+// $vertical: Default: 0
+@mixin translate2d($horizontal:0, $vertical:0) {
+  @if $experimental {
+    -webkit-transform: translate($horizontal,$vertical);
+    -moz-transform: translate($horizontal,$vertical);
+    -ms-transform: translate($horizontal,$vertical);
+    -o-transform: translate($horizontal,$vertical);
+  }
+  transform: translate($horizontal,$vertical)
+}
+
 // We use these to control various global styles
 $body-bg: #fff !default;
 $body-font-color: #222 !default;
 $body-font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !default;
 $body-font-weight: normal !default;
@@ -235,15 +244,15 @@
 $include-print-styles: true !default;
 $include-html-global-classes: $include-html-classes !default;
 
 
 // Media Query Ranges
-$small-range: (0em, 40em);
-$medium-range: (40.063em, 64em);
-$large-range: (64.063em, 90em);
-$xlarge-range: (90.063em, 120em);
-$xxlarge-range: (120.063em);
+$small-range: (0em, 40em) !default;
+$medium-range: (40.063em, 64em) !default;
+$large-range: (64.063em, 90em) !default;
+$xlarge-range: (90.063em, 120em) !default;
+$xxlarge-range: (120.063em) !default;
 
 
 $screen: "only screen" !default;
 
 $landscape: "#{$screen} and (orientation: landscape)" !default;
@@ -277,22 +286,19 @@
 $cursor-help-value: help !default;
 $cursor-text-value: text !default;
 
 
 @include exports("global") {
-  @if $include-open-sans {
-    @import url("//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700");
-  }
   // Used to provide media query values for javascript components.
   // Forward slash placed around everything to convince PhantomJS to read the value.
   meta.foundation-mq-small {
     font-family: "/" + unquote($small-only) + "/";
     width: lower-bound($small-range);
   }
 
   meta.foundation-mq-medium {
-    font-family: "/" + unquote($medium-only) + "/";
+    font-family: "/" + unquote($medium-up) + "/";
     width: lower-bound($medium-range);
   }
 
   meta.foundation-mq-large {
     font-family: "/" + unquote($large-up) + "/";
@@ -361,16 +367,21 @@
     .text-left    { text-align: left !important; }
     .text-right   { text-align: right !important; }
     .text-center  { text-align: center !important; }
     .text-justify { text-align: justify !important; }
     .hide         { display: none; }
+    // Bidi counterparts to .left, .right, .text-left, .text-right
+    .start { float: $default-float !important; }
+    .end   { float: $opposite-direction !important; }
+    .text-start { text-align: $default-float !important; }
+    .text-end   { text-align: $opposite-direction !important; }
 
     // Font smoothing
     // Antialiased font smoothing works best for light text on a dark background.
     // Apply to single elements instead of globally to body.
-    // Note this only applies to webkit-based desktop browsers on the Mac.
-    .antialiased { -webkit-font-smoothing: antialiased; }
+    // Note this only applies to webkit-based desktop browsers and Firefox 25 (and later) on the Mac.
+    .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
 
     // Get rid of gap under images by making them display: inline-block; by default
     img {
       display: inline-block;
       vertical-align: middle;
@@ -384,6 +395,6 @@
     textarea { height: auto; min-height: 50px; }
 
     // Make select elements 100% width by default
     select { width: 100%; }
   }
-}
\ No newline at end of file
+}