archive-gh-me/tailwindcss
1
0
Fork 0
mirror of https://github.com/tailwindlabs/tailwindcss.git synced 2025-12-08 21:36:08 +00:00
Code Issues Projects Releases Wiki Activity

Merge pull request #445 from hacknug/feature/overflow

Browse Source 
Add overflow hidden classes for each axis
This commit is contained in:
Adam Wathan 2018-06-15 22:21:43 +09:30 committed by GitHub
commit 71519487e2
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 84 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

80
__tests__/fixtures/tailwind-output.css
View File

@ -3215,6 +3215,22 @@ button,
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-x-visible {
overflow-x: visible;
}
.overflow-y-visible {
overflow-y: visible;
}
.overflow-x-scroll {
overflow-x: scroll;
}
@ -7120,6 +7136,22 @@ button,
overflow-y: auto;
}
.sm\:overflow-x-hidden {
overflow-x: hidden;
}
.sm\:overflow-y-hidden {
overflow-y: hidden;
}
.sm\:overflow-x-visible {
overflow-x: visible;
}
.sm\:overflow-y-visible {
overflow-y: visible;
}
.sm\:overflow-x-scroll {
overflow-x: scroll;
}
@ -11018,6 +11050,22 @@ button,
overflow-y: auto;
}
.md\:overflow-x-hidden {
overflow-x: hidden;
}
.md\:overflow-y-hidden {
overflow-y: hidden;
}
.md\:overflow-x-visible {
overflow-x: visible;
}
.md\:overflow-y-visible {
overflow-y: visible;
}
.md\:overflow-x-scroll {
overflow-x: scroll;
}
@ -14916,6 +14964,22 @@ button,
overflow-y: auto;
}
.lg\:overflow-x-hidden {
overflow-x: hidden;
}
.lg\:overflow-y-hidden {
overflow-y: hidden;
}
.lg\:overflow-x-visible {
overflow-x: visible;
}
.lg\:overflow-y-visible {
overflow-y: visible;
}
.lg\:overflow-x-scroll {
overflow-x: scroll;
}
@ -18814,6 +18878,22 @@ button,
overflow-y: auto;
}
.xl\:overflow-x-hidden {
overflow-x: hidden;
}
.xl\:overflow-y-hidden {
overflow-y: hidden;
}
.xl\:overflow-x-visible {
overflow-x: visible;
}
.xl\:overflow-y-visible {
overflow-y: visible;
}
.xl\:overflow-x-scroll {
overflow-x: scroll;
}

4
src/generators/overflow.js
View File

@ -8,6 +8,10 @@ export default function() {
'overflow-scroll': { overflow: 'scroll' },
'overflow-x-auto': { 'overflow-x': 'auto' },
'overflow-y-auto': { 'overflow-y': 'auto' },
'overflow-x-hidden': { 'overflow-x': 'hidden' },
'overflow-y-hidden': { 'overflow-y': 'hidden' },
'overflow-x-visible': { 'overflow-x': 'visible' },
'overflow-y-visible': { 'overflow-y': 'visible' },
'overflow-x-scroll': { 'overflow-x': 'scroll' },
'overflow-y-scroll': { 'overflow-y': 'scroll' },
'scrolling-touch': { '-webkit-overflow-scrolling': 'touch' },