:wrench: rfs class scss

1 files changed, 21 insertions, 5 deletions

diff --git a/scss/_rfs.scss b/scss/_rfs.scss
index da52be8..59b8391 100644
--- a/scss/_rfs.scss
+++ b/scss/_rfs.scss
@@ -22,8 +22,8 @@ $rfs-two-dimensional: false !default;
 // Factor of decrease
 $rfs-factor: 5 !default;
 
-// Generate disable classes
-$rfs-generate-disable-classes: true !default;
+// Generate enable or disable classes
+$rfs-class: false !default;
 
 // 1 rem = $rfs-rem-value px
 $rfs-rem-value: 16 !default;
@@ -148,7 +148,7 @@ $enable-responsive-font-sizes: true !default;
         @error "`#{$rfs-breakpoint-unit}` is not a valid unit for $rfs-breakpoint-unit. Use `px`, `em` or `rem`.";
       }
 
-      @if $rfs-generate-disable-classes {
+      @if $rfs-class == "disable" {
         // Adding an extra class increases specificity,
         // which prevents the media query to override the font size
         &,
@@ -163,12 +163,28 @@ $enable-responsive-font-sizes: true !default;
 
       @if $rfs-two-dimensional {
         @media (max-width: #{$mq-value}), (max-height: #{$mq-value}) {
-          font-size: $rfs-fluid;
+          @if $rfs-class == "enable" {
+            .enable-responsive-font-size &,
+            &.enable-responsive-font-size {
+              font-size: $rfs-fluid;
+            }
+          }
+          @else {
+            font-size: $rfs-fluid;
+          }
         }
       }
       @else {
         @media (max-width: #{$mq-value}) {
-          font-size: $rfs-fluid;
+          @if $rfs-class == "enable" {
+            .enable-responsive-font-size &,
+            &.enable-responsive-font-size {
+              font-size: $rfs-fluid;
+            }
+          }
+          @else {
+            font-size: $rfs-fluid;
+          }
         }
       }
     }