Add overflow hidden classes for each axis (plus tests)

This commit is contained in:
Nestor Vera 2018-04-02 18:56:18 +02:00
parent 14f1ba6cb9
commit 5f31ad6f42
2 changed files with 42 additions and 0 deletions

View File

@ -3215,6 +3215,14 @@ button,
overflow-y: auto;
}
.overflow-x-hidden {
overflow-x: hidden;
}
.overflow-y-hidden {
overflow-y: hidden;
}
.overflow-x-scroll {
overflow-x: scroll;
}
@ -7120,6 +7128,14 @@ button,
overflow-y: auto;
}
.sm\:overflow-x-hidden {
overflow-x: hidden;
}
.sm\:overflow-y-hidden {
overflow-y: hidden;
}
.sm\:overflow-x-scroll {
overflow-x: scroll;
}
@ -11018,6 +11034,14 @@ button,
overflow-y: auto;
}
.md\:overflow-x-hidden {
overflow-x: hidden;
}
.md\:overflow-y-hidden {
overflow-y: hidden;
}
.md\:overflow-x-scroll {
overflow-x: scroll;
}
@ -14916,6 +14940,14 @@ button,
overflow-y: auto;
}
.lg\:overflow-x-hidden {
overflow-x: hidden;
}
.lg\:overflow-y-hidden {
overflow-y: hidden;
}
.lg\:overflow-x-scroll {
overflow-x: scroll;
}
@ -18814,6 +18846,14 @@ button,
overflow-y: auto;
}
.xl\:overflow-x-hidden {
overflow-x: hidden;
}
.xl\:overflow-y-hidden {
overflow-y: hidden;
}
.xl\:overflow-x-scroll {
overflow-x: scroll;
}

View File

@ -8,6 +8,8 @@ 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-scroll': { 'overflow-x': 'scroll' },
'overflow-y-scroll': { 'overflow-y': 'scroll' },
'scrolling-touch': { '-webkit-overflow-scrolling': 'touch' },