wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Update overflow.js

Browse source
This commit is contained in:
Laurence Ioannou 2018-01-25 19:31:11 +00:00 • committed by Adam Wathan
parent 77e350c882
commit 174f3723aa
2 changed files with 70 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

70
__tests__/fixtures/tailwind-output.css
View file

@ -3199,16 +3199,26 @@ button,
overflow: scroll;
}
.overflow-x-scroll {
.overflow-x-auto {
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.overflow-y-scroll {
.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 {
-webkit-overflow-scrolling: touch;
}
@ -7090,16 +7100,26 @@ button,
overflow: scroll;
}
.sm\:overflow-x-scroll {
.sm\:overflow-x-auto {
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.sm\:overflow-y-scroll {
.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 {
-webkit-overflow-scrolling: touch;
}
@ -10974,16 +10994,26 @@ button,
overflow: scroll;
}
.md\:overflow-x-scroll {
.md\:overflow-x-auto {
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.md\:overflow-y-scroll {
.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 {
-webkit-overflow-scrolling: touch;
}
@ -14858,16 +14888,26 @@ button,
overflow: scroll;
}
.lg\:overflow-x-scroll {
.lg\:overflow-x-auto {
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.lg\:overflow-y-scroll {
.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 {
-webkit-overflow-scrolling: touch;
}
@ -18742,16 +18782,26 @@ button,
overflow: scroll;
}
.xl\:overflow-x-scroll {
.xl\:overflow-x-auto {
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
}
.xl\:overflow-y-scroll {
.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 {
-webkit-overflow-scrolling: touch;
}

12
src/generators/overflow.js
View file

@ -6,14 +6,22 @@ export default function() {
'overflow-hidden': { overflow: 'hidden' },
'overflow-visible': { overflow: 'visible' },
'overflow-scroll': { overflow: 'scroll' },
'overflow-x-scroll': {
'overflow-x-auto': {
'overflow-x': 'auto',
'-ms-overflow-style': '-ms-autohiding-scrollbar',
},
'overflow-y-scroll': {
'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': { '-webkit-overflow-scrolling': 'touch' },
'scrolling-auto': { '-webkit-overflow-scrolling': 'auto' },
})