diff options
author | Martijn Cuppens <martijn.cuppens@intracto.com> | 2018-02-24 17:00:21 +0300 |
---|---|---|
committer | Martijn Cuppens <martijn.cuppens@intracto.com> | 2018-02-24 17:00:21 +0300 |
commit | 51e577b6dcb8db2f34dbb27e9429f801e189ab71 (patch) | |
tree | f53e11684c0b5532b1cfdfb09cc399f7532250e6 | |
parent | 893f8ce3881f3c23071f2fbe1030580de1594009 (diff) |
:zap: rfs class less
-rw-r--r-- | less/rfs.less | 26 |
1 files changed, 20 insertions, 6 deletions
diff --git a/less/rfs.less b/less/rfs.less index 716f4b5..8a09a95 100644 --- a/less/rfs.less +++ b/less/rfs.less @@ -22,8 +22,8 @@ // Factor of decrease @rfs-factor: 5; -// Generate disable classes -@rfs-generate-disable-classes: true; +// Generate enable or disable classes. Possibilities: false, "enable" or "disable" +@rfs-class: false; // 1 rem = @rfs-rem-value px @rfs-rem-value: 16; @@ -162,7 +162,7 @@ @fs-min: @rfs-min + (@fs - @rfs-min) / @rfs-factor; // Calculate difference between given font-size and minimum font-size for given font-size @fs-variable-width: unit((@fs - @fs-min) / (@breakpoint / 100), vmin); - ._rfs-render-fluid(@fs-min, @fs-variable-width, @suffix); + ._rfs-render-enable-class(@fs-min, @fs-variable-width, @suffix); } & when (not(@rfs-two-dimensional)) { @@ -170,7 +170,7 @@ @fs-min: @rfs-min + (@fs - @rfs-min) / @rfs-factor; // Calculate difference between given font-size and minimum font-size for given font-size @fs-variable-width: unit((@fs - @fs-min) / (@breakpoint / 100), vw); - ._rfs-render-fluid(@fs-min, @fs-variable-width, @suffix); + ._rfs-render-enable-class(@fs-min, @fs-variable-width, @suffix); } } @@ -185,6 +185,20 @@ } } +._rfs-render-enable-class(@fs-min, @fs-variable-width, @suffix) { + + & when (@rfs-class = "enable") { + .enable-responsive-font-size &, + &.enable-responsive-font-size { + ._rfs-render-fluid(@fs-min, @fs-variable-width, @suffix); + } + } + + & when (not(@rfs-class = "enable")) { + ._rfs-render-fluid(@fs-min, @fs-variable-width, @suffix); + } +} + ._rfs-render-base-declaration(@fs, @suffix) { & when (@rfs-font-size-unit = px) { @@ -198,7 +212,7 @@ ._rfs-render-base-number(@fs, @suffix) { - & when (@rfs-generate-disable-classes) { + & when (@rfs-class = "disable") { &, .disable-responsive-font-size &, &.disable-responsive-font-size { @@ -206,7 +220,7 @@ } } - & when (not(@rfs-generate-disable-classes)) { + & when (not(@rfs-class = "disable")) { ._rfs-render-base-declaration(@fs, @suffix); } } |