diff options
| author | Martijn Cuppens <martijn.cuppens@intracto.com> | 2018-07-16 20:02:05 +0300 |
|---|---|---|
| committer | Martijn Cuppens <martijn.cuppens@intracto.com> | 2018-07-16 20:02:05 +0300 |
| commit | a87301ba0b1e2de97e0a2ed38c140f90931e6b87 (patch) | |
| tree | 878e5c36e07dc0d46467e3d5448bd8945354612c | |
| parent | 5a26f5252d680881769d715123f60e5937ef4415 (diff) | |
#14: safari iframe resize bug fix stylus
| -rw-r--r-- | stylus/rfs.styl | 11 |
1 files changed, 11 insertions, 0 deletions
diff --git a/stylus/rfs.styl b/stylus/rfs.styl index 77a98b4..2bc5946 100644 --- a/stylus/rfs.styl +++ b/stylus/rfs.styl @@ -28,6 +28,9 @@ $rfs-classes = false // 1 rem = $rfs-rem-value px $rfs-rem-value = 16 +// Safari iframe resize bug: https://github.com/project-rfs/rfs/issues/14 +$rfs-safari-iframe-resize-bug-fix = false + // Disable RFS by setting $enable-responsive-font-sizes to false $enable-responsive-font-sizes = true @@ -144,6 +147,10 @@ rfs($fs, $important = false) font-size: $rfs-fluid else font-size: $rfs-fluid + + if $rfs-safari-iframe-resize-bug-fix + // stylelint-disable-next-line length-zero-no-unit + min-width: 0vw else @media (max-width: $mq-value) if $rfs-classes == "enable" @@ -153,6 +160,10 @@ rfs($fs, $important = false) else font-size: $rfs-fluid + if $rfs-safari-iframe-resize-bug-fix + // stylelint-disable-next-line length-zero-no-unit + min-width: 0vw + // The responsive-font-size mixin uses RFS to rescale font sizes responsive-font-size($fs, $important = false) rfs($fs, $important) |