From 9b093598a65a902d6efbb36b5218b01feb0f6446 Mon Sep 17 00:00:00 2001 From: sonnyprince Date: Tue, 8 Oct 2019 09:57:13 +0100 Subject: [PATCH] v1.67.0 - update unit intervals to fix safari rounding issue (#245) * v1.67.0 - update unit internals to fix safari rounding issue * v1.67.0 - addition of unit inteval calculation in the comments --- CHANGELOG.md | 7 +++++++ package.json | 2 +- src/scss/settings/_variables.scss | 10 +++++++++- 3 files changed, 17 insertions(+), 2 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 99d257c6..2a117ca1 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -3,6 +3,13 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/en/1.0.0/) and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.html) +v1.67.0 +------------------------------ +*October 7, 2019* + +### Changed +- Updated breakpoint unit intervals to fix Safari rounding issue. + v1.66.0 ------------------------------ *October 1, 2019* diff --git a/package.json b/package.json index abe73016..0758331a 100644 --- a/package.json +++ b/package.json @@ -2,7 +2,7 @@ "name": "@justeat/fozzie", "title": "Fozzie – Just Eat UI Web Framework", "description": "UI Web Framework for the Just Eat Global Platform", - "version": "1.66.0", + "version": "1.67.0", "main": "dist/js/index.js", "files": [ "dist/js", diff --git a/src/scss/settings/_variables.scss b/src/scss/settings/_variables.scss index 292437a1..51b741dc 100644 --- a/src/scss/settings/_variables.scss +++ b/src/scss/settings/_variables.scss @@ -83,8 +83,16 @@ $font-weight-headings-preload: 400; } -// Global Breakpoints +// Global Breakpoints and unit intervals // ========================================================================== + +$unit-intervals: ( + 'px': 1, + 'em': 0.063, //0.063ems converts to 1px (1 / 16 = 0.0625). We need this as some browsers are very specific with breakpoints + 'rem': 0.1, + '': 0 +); + $breakpoints: map-to-em(( tiny : 375px, narrow : 414px, // narrow devices