Fix issue in MQ management on Sass version

bower.json

@@ -1,6 +1,6 @@
 {
   "name": "ROCSSTI",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "homepage": "https://rocssti.net/en/",
   "authors": [
     "Nicolas HOFFMANN"

package.json

@@ -2,7 +2,7 @@
   "title": "Röcssti is a lightweight CSS microframework to start your responsive projects",
   "name": "rocssti",
   "description": "Röcssti is a lightweight, extensible and responsive CSS to start your projects. This CSS micro-framework is especially designed for starting responsive websites. LESS and Sass versions are also available, with a mobile-first version for Sass.",
-  "version": "4.1.1",
+  "version": "4.1.2",
   "keywords": [
     "css", "rocssti", "micro-framework", "framework", "reset", "responsive", "rwd", "boilerplate", "workflow", "sass", "less"
   ],

src/builder/rocssti-en.php

@@ -299,7 +299,7 @@ function padding_generator ( $list_padding, $list_padding_values, $prefix = '',
 }
 
 
-
+$root_default_font_size = 16;
 
 
 
@@ -1610,7 +1610,7 @@ function padding_generator ( $list_padding, $list_padding_values, $prefix = '',
  *****************************************************************
  */ 
 
-@media (max-width: '. ($breakpoint_tablet/16) .'em) { /* equiv '.$breakpoint_tablet.'px */
+@media (max-width: '. ($breakpoint_tablet/$root_default_font_size) .'em) { /* equiv '.$breakpoint_tablet.'px */
    
   /**
    * layout/modules
@@ -1707,7 +1707,7 @@ function padding_generator ( $list_padding, $list_padding_values, $prefix = '',
  *****************************************************************
  */
 
-@media (max-width: '. ($breakpoint_mobile/16) .'em) { /* equiv '.$breakpoint_mobile.'px */
+@media (max-width: '. ($breakpoint_mobile/$root_default_font_size) .'em) { /* equiv '.$breakpoint_mobile.'px */
 
   /**
    * layout/modules
@@ -1789,7 +1789,7 @@ function padding_generator ( $list_padding, $list_padding_values, $prefix = '',
  *****************************************************************
  */
 
-@media (max-width: '. ($breakpoint_tinymobile/16) .'em) { /* equiv '.$breakpoint_tinymobile.'px */
+@media (max-width: '. ($breakpoint_tinymobile/$root_default_font_size) .'em) { /* equiv '.$breakpoint_tinymobile.'px */
 
   /**
    * layout/modules

src/builder/rocssti-fr.php

@@ -299,6 +299,7 @@ function padding_generator ( $list_padding, $list_padding_values, $prefix = '',
 }
 
 
+$root_default_font_size = 16;
 
 
 
@@ -1614,7 +1615,7 @@ function padding_generator ( $list_padding, $list_padding_values, $prefix = '',
  *****************************************************************
  */ 
 
-@media (max-width: '. ($breakpoint_tablet/16) .'em) { /* equiv '.$breakpoint_tablet.'px */
+@media (max-width: '. ($breakpoint_tablet/$root_default_font_size) .'em) { /* equiv '.$breakpoint_tablet.'px */
    
   /**
    * layout/modules
@@ -1710,7 +1711,7 @@ function padding_generator ( $list_padding, $list_padding_values, $prefix = '',
  *****************************************************************
  */
 
-@media (max-width: '. ($breakpoint_mobile/16) .'em) { /* equiv '.$breakpoint_mobile.'px */
+@media (max-width: '. ($breakpoint_mobile/$root_default_font_size) .'em) { /* equiv '.$breakpoint_mobile.'px */
 
   /**
    * layout/modules
@@ -1792,7 +1793,7 @@ function padding_generator ( $list_padding, $list_padding_values, $prefix = '',
  *****************************************************************
  */
 
-@media (max-width: '. ($breakpoint_tinymobile/16) .'em) { /* equiv '.$breakpoint_tinymobile.'px */
+@media (max-width: '. ($breakpoint_tinymobile/$root_default_font_size) .'em) { /* equiv '.$breakpoint_tinymobile.'px */
 
   /**
    * layout/modules

src/sass/rocssti-en/00-config.scss

@@ -308,13 +308,13 @@ $use-old-ie-fallbacks  : true !default;
 
 @mixin respond-to ($breakpoint, $query-type : 'max') {
   @if $query-type == "max" {
-     @media (max-width: em($breakpoint)) {
+     @media (max-width: em($breakpoint, $root-default-font-size)) {
       @content;
     }
   }
 
   @else if $query-type == "min" {
-     @media (min-width: em($breakpoint)) {
+     @media (min-width: em($breakpoint, $root-default-font-size)) {
       @content;
     }
   }

src/sass/rocssti-fr/00-config.scss

@@ -307,13 +307,13 @@ $use-old-ie-fallbacks  : true !default;
 
 @mixin respond-to ($breakpoint, $query-type : 'max') {
   @if $query-type == "max" {
-     @media (max-width: em($breakpoint)) {
+     @media (max-width: em($breakpoint, $root-default-font-size)) {
       @content;
     }
   }
 
   @else if $query-type == "min" {
-     @media (min-width: em($breakpoint)) {
+     @media (min-width: em($breakpoint, $root-default-font-size)) {
       @content;
     }
   }

src/sass/rocssti-mobile-first-en/00-config.scss

@@ -306,13 +306,13 @@ $use-old-ie-fallbacks  : true !default;
 
 @mixin respond-to ($breakpoint, $query-type : 'min') {
   @if $query-type == "max" {
-     @media (max-width: em($breakpoint)) {
+     @media (max-width: em($breakpoint, $root-default-font-size)) {
       @content;
     }
   }
 
   @else if $query-type == "min" {
-     @media (min-width: em($breakpoint)) {
+     @media (min-width: em($breakpoint, $root-default-font-size)) {
       @content;
     }
   }

src/sass/rocssti-mobile-first-fr/00-config.scss

@@ -306,13 +306,13 @@ $use-old-ie-fallbacks  : true !default;
 
 @mixin respond-to ($breakpoint, $query-type : 'min') {
   @if $query-type == "max" {
-     @media (max-width: em($breakpoint)) {
+     @media (max-width: em($breakpoint, $root-default-font-size)) {
       @content;
     }
   }
 
   @else if $query-type == "min" {
-     @media (min-width: em($breakpoint)) {
+     @media (min-width: em($breakpoint, $root-default-font-size)) {
       @content;
     }
   }