Welcome to mirror list, hosted at ThFree Co, Russian Federation.

github.com/twbs/rfs.git - Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMartijn Cuppens <martijn.cuppens@intracto.com>2018-02-24 17:00:21 +0300
committerMartijn Cuppens <martijn.cuppens@intracto.com>2018-02-24 17:00:21 +0300
commit51e577b6dcb8db2f34dbb27e9429f801e189ab71 (patch)
treef53e11684c0b5532b1cfdfb09cc399f7532250e6
parent893f8ce3881f3c23071f2fbe1030580de1594009 (diff)
:zap: rfs class less
-rw-r--r--less/rfs.less26
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);
}
}