From fc767fbfb22ce123a21c089a15ffc91d44d8169f Mon Sep 17 00:00:00 2001 From: ahron1 <85363537+ahron1@users.noreply.github.com> Date: Sat, 24 Sep 2022 12:43:15 +0530 Subject: [PATCH 1/6] Update Gruntfile.js --- Gruntfile.js | 1 + 1 file changed, 1 insertion(+) diff --git a/Gruntfile.js b/Gruntfile.js index b9bbb5f77..628847828 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -204,6 +204,7 @@ module.exports = function (grunt) { lg: 'screen and (min-width: 64em)', // 1024px xl: 'screen and (min-width: 80em)', // 1280px xxl: 'screen and (min-width: 120em)' // 1920px + xxxl: 'screen and (min-width: 160em)' // 2560px } } } From e2995990fe7ed7ccd1748c902f54fd043b9a30d3 Mon Sep 17 00:00:00 2001 From: ahron1 <85363537+ahron1@users.noreply.github.com> Date: Sat, 24 Sep 2022 12:46:13 +0530 Subject: [PATCH 2/6] Update index.js --- site/src/pages/grids/index.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/site/src/pages/grids/index.js b/site/src/pages/grids/index.js index 002a4f0ef..246679e26 100644 --- a/site/src/pages/grids/index.js +++ b/site/src/pages/grids/index.js @@ -567,6 +567,12 @@ function Grids() { ≥ 1920px .pure-u-xxl-* + + xxxl + @media screen and (min-width: 160em) + ≥ 2560px + .pure-u-xxl-* + From 78af29fea8789f6247666ea6251f625877e75401 Mon Sep 17 00:00:00 2001 From: ahron1 <85363537+ahron1@users.noreply.github.com> Date: Sat, 24 Sep 2022 12:47:50 +0530 Subject: [PATCH 3/6] Update index.js --- site/src/pages/start/index.js | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/site/src/pages/start/index.js b/site/src/pages/start/index.js index 1312fd7cb..3a5587638 100644 --- a/site/src/pages/start/index.js +++ b/site/src/pages/start/index.js @@ -154,6 +154,12 @@ function Start() { ≥ 1920px .pure-u-xxl-* + + xxxl + @media screen and (min-width: 160em) + ≥ 2560px + .pure-u-xxxl-* + From 0cce28360b7d1642266d853f05df54a6246732e9 Mon Sep 17 00:00:00 2001 From: ahron1 <85363537+ahron1@users.noreply.github.com> Date: Sat, 24 Sep 2022 12:49:01 +0530 Subject: [PATCH 4/6] Update index.js --- site/src/pages/tools/index.js | 1 + 1 file changed, 1 insertion(+) diff --git a/site/src/pages/tools/index.js b/site/src/pages/tools/index.js index 5dd2da440..0a8c47953 100644 --- a/site/src/pages/tools/index.js +++ b/site/src/pages/tools/index.js @@ -131,6 +131,7 @@ function Tools() { lg: 'screen and (min-width: 64em)', // 1024px xl: 'screen and (min-width: 80em)', // 1280px xxl: 'screen and (min-width: 120em)' // 1920px + xxxl: 'screen and (min-width: 160em)' // 2560px } })).toString(); From 99ce16a3780cf5ee61706c0fb1b70975f88d3a79 Mon Sep 17 00:00:00 2001 From: ahron1 <85363537+ahron1@users.noreply.github.com> Date: Sat, 24 Sep 2022 12:50:09 +0530 Subject: [PATCH 5/6] Update index.js --- site/src/pages/tools/index.js | 1 + 1 file changed, 1 insertion(+) diff --git a/site/src/pages/tools/index.js b/site/src/pages/tools/index.js index 0a8c47953..c8d19b95c 100644 --- a/site/src/pages/tools/index.js +++ b/site/src/pages/tools/index.js @@ -96,6 +96,7 @@ function Tools() { lg: 'screen and (min-width: 64em)', // 1024px xl: 'screen and (min-width: 80em)', // 1280px xxl: 'screen and (min-width: 120em)' // 1920px + xxxl: 'screen and (min-width: 160em)' // 2560px } } } From 7a6e72f2d814a2321a950dead2de0fba8814f929 Mon Sep 17 00:00:00 2001 From: AN Date: Sat, 24 Sep 2022 14:08:46 +0530 Subject: [PATCH 6/6] additions for 2.5K and 4K screens --- Gruntfile.js | 5 +++-- site/src/pages/grids/index.js | 9 ++++++++- site/src/pages/start/index.js | 6 ++++++ site/src/pages/tools/index.js | 8 +++++--- 4 files changed, 22 insertions(+), 6 deletions(-) diff --git a/Gruntfile.js b/Gruntfile.js index 628847828..3ad3951c4 100644 --- a/Gruntfile.js +++ b/Gruntfile.js @@ -203,8 +203,9 @@ module.exports = function (grunt) { md: 'screen and (min-width: 48em)', // 768px lg: 'screen and (min-width: 64em)', // 1024px xl: 'screen and (min-width: 80em)', // 1280px - xxl: 'screen and (min-width: 120em)' // 1920px - xxxl: 'screen and (min-width: 160em)' // 2560px + xxl: 'screen and (min-width: 120em)', // 1920px + xxxl: 'screen and (min-width: 160em)', // 2560px + x4k: 'screen and (min-width: 240em)' // 3840px } } } diff --git a/site/src/pages/grids/index.js b/site/src/pages/grids/index.js index 246679e26..1466aa3fe 100644 --- a/site/src/pages/grids/index.js +++ b/site/src/pages/grids/index.js @@ -571,8 +571,15 @@ function Grids() { xxxl @media screen and (min-width: 160em) ≥ 2560px - .pure-u-xxl-* + .pure-u-xxxl-* + + + x4k + @media screen and (min-width: 240em) + ≥ 3840px + .pure-u-x4k-* + diff --git a/site/src/pages/start/index.js b/site/src/pages/start/index.js index 3a5587638..7aabeeddd 100644 --- a/site/src/pages/start/index.js +++ b/site/src/pages/start/index.js @@ -160,6 +160,12 @@ function Start() { ≥ 2560px .pure-u-xxxl-* + + x4k + @media screen and (min-width: 240em) + ≥ 3840px + .pure-u-x4k-* + diff --git a/site/src/pages/tools/index.js b/site/src/pages/tools/index.js index c8d19b95c..bc2a97231 100644 --- a/site/src/pages/tools/index.js +++ b/site/src/pages/tools/index.js @@ -95,8 +95,9 @@ function Tools() { md: 'screen and (min-width: 48em)', // 768px lg: 'screen and (min-width: 64em)', // 1024px xl: 'screen and (min-width: 80em)', // 1280px - xxl: 'screen and (min-width: 120em)' // 1920px - xxxl: 'screen and (min-width: 160em)' // 2560px + xxl: 'screen and (min-width: 120em)', // 1920px + xxxl: 'screen and (min-width: 160em)', // 2560px + x4k: 'screen and (min-width: 240em)' // 3840px } } } @@ -131,8 +132,9 @@ function Tools() { md: 'screen and (min-width: 48em)', // 768px lg: 'screen and (min-width: 64em)', // 1024px xl: 'screen and (min-width: 80em)', // 1280px - xxl: 'screen and (min-width: 120em)' // 1920px + xxl: 'screen and (min-width: 120em)', // 1920px xxxl: 'screen and (min-width: 160em)' // 2560px + x4k: 'screen and (min-width: 240em)' // 3840px } })).toString();