Add classes to set overflow visible on independent axis

This commit is contained in:
Nestor Vera 2018-04-03 11:38:51 +02:00
parent 5f31ad6f42
commit f4c9d45f8e
2 changed files with 42 additions and 0 deletions

View File

@ -3223,6 +3223,14 @@ button,
overflow-y: hidden;
}
.overflow-x-visible {
overflow-x: visible;
}
.overflow-y-visible {
overflow-y: visible;
}
.overflow-x-scroll {
overflow-x: scroll;
}
@ -7136,6 +7144,14 @@ button,
overflow-y: hidden;
}
.sm\:overflow-x-visible {
overflow-x: visible;
}
.sm\:overflow-y-visible {
overflow-y: visible;
}
.sm\:overflow-x-scroll {
overflow-x: scroll;
}
@ -11042,6 +11058,14 @@ button,
overflow-y: hidden;
}
.md\:overflow-x-visible {
overflow-x: visible;
}
.md\:overflow-y-visible {
overflow-y: visible;
}
.md\:overflow-x-scroll {
overflow-x: scroll;
}
@ -14948,6 +14972,14 @@ button,
overflow-y: hidden;
}
.lg\:overflow-x-visible {
overflow-x: visible;
}
.lg\:overflow-y-visible {
overflow-y: visible;
}
.lg\:overflow-x-scroll {
overflow-x: scroll;
}
@ -18854,6 +18886,14 @@ button,
overflow-y: hidden;
}
.xl\:overflow-x-visible {
overflow-x: visible;
}
.xl\:overflow-y-visible {
overflow-y: visible;
}
.xl\:overflow-x-scroll {
overflow-x: scroll;
}

View File

@ -10,6 +10,8 @@ export default function() {
'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' },