From 7a537ebfcb82d1b11e3969c0a6222207128cc607 Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 13 Mar 2018 12:28:32 -0400 Subject: [PATCH] Remove special scrollbar styling for IE/Edge --- __tests__/fixtures/tailwind-output.css | 20 -------------------- src/generators/overflow.js | 20 ++++---------------- 2 files changed, 4 insertions(+), 36 deletions(-) diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index 4ba51d966627..eccc41619d74 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -3209,22 +3209,18 @@ button, .overflow-x-auto { overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .overflow-y-auto { overflow-y: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .overflow-x-scroll { overflow-x: scroll; - -ms-overflow-style: -ms-scrollbar; } .overflow-y-scroll { overflow-y: scroll; - -ms-overflow-style: -ms-scrollbar; } .scrolling-touch { @@ -7118,22 +7114,18 @@ button, .sm\:overflow-x-auto { overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .sm\:overflow-y-auto { overflow-y: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .sm\:overflow-x-scroll { overflow-x: scroll; - -ms-overflow-style: -ms-scrollbar; } .sm\:overflow-y-scroll { overflow-y: scroll; - -ms-overflow-style: -ms-scrollbar; } .sm\:scrolling-touch { @@ -11020,22 +11012,18 @@ button, .md\:overflow-x-auto { overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .md\:overflow-y-auto { overflow-y: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .md\:overflow-x-scroll { overflow-x: scroll; - -ms-overflow-style: -ms-scrollbar; } .md\:overflow-y-scroll { overflow-y: scroll; - -ms-overflow-style: -ms-scrollbar; } .md\:scrolling-touch { @@ -14922,22 +14910,18 @@ button, .lg\:overflow-x-auto { overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .lg\:overflow-y-auto { overflow-y: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .lg\:overflow-x-scroll { overflow-x: scroll; - -ms-overflow-style: -ms-scrollbar; } .lg\:overflow-y-scroll { overflow-y: scroll; - -ms-overflow-style: -ms-scrollbar; } .lg\:scrolling-touch { @@ -18824,22 +18808,18 @@ button, .xl\:overflow-x-auto { overflow-x: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .xl\:overflow-y-auto { overflow-y: auto; - -ms-overflow-style: -ms-autohiding-scrollbar; } .xl\:overflow-x-scroll { overflow-x: scroll; - -ms-overflow-style: -ms-scrollbar; } .xl\:overflow-y-scroll { overflow-y: scroll; - -ms-overflow-style: -ms-scrollbar; } .xl\:scrolling-touch { diff --git a/src/generators/overflow.js b/src/generators/overflow.js index 6a2d5decaee9..51047ed6f402 100644 --- a/src/generators/overflow.js +++ b/src/generators/overflow.js @@ -6,22 +6,10 @@ export default function() { 'overflow-hidden': { overflow: 'hidden' }, 'overflow-visible': { overflow: 'visible' }, 'overflow-scroll': { overflow: 'scroll' }, - 'overflow-x-auto': { - 'overflow-x': 'auto', - '-ms-overflow-style': '-ms-autohiding-scrollbar', - }, - 'overflow-y-auto': { - 'overflow-y': 'auto', - '-ms-overflow-style': '-ms-autohiding-scrollbar', - }, - 'overflow-x-scroll': { - 'overflow-x': 'scroll', - '-ms-overflow-style': '-ms-scrollbar', - }, - 'overflow-y-scroll': { - 'overflow-y': 'scroll', - '-ms-overflow-style': '-ms-scrollbar', - }, + 'overflow-x-auto': { 'overflow-x': 'auto' }, + 'overflow-y-auto': { 'overflow-y': 'auto' }, + 'overflow-x-scroll': { 'overflow-x': 'scroll' }, + 'overflow-y-scroll': { 'overflow-y': 'scroll' }, 'scrolling-touch': { '-webkit-overflow-scrolling': 'touch' }, 'scrolling-auto': { '-webkit-overflow-scrolling': 'auto' }, })