Fix scroll and overflow animation for large screen
This commit is contained in:
parent
1d47a4eedd
commit
b178143958
@ -44,12 +44,29 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
.tabs-container {
|
.tabs-container {
|
||||||
max-width: 720px;
|
$max-width: 720px;
|
||||||
|
max-width: $max-width;
|
||||||
min-width: auto;
|
min-width: auto;
|
||||||
margin: 0 auto;
|
margin: 0 auto;
|
||||||
overflow-x: hidden;
|
position: relative;
|
||||||
/* height: 100%;
|
|
||||||
width: 100%; */
|
@media only screen and (min-width: $max-width + 1px) {
|
||||||
|
&:before, &:after {
|
||||||
|
content: " ";
|
||||||
|
position: absolute;
|
||||||
|
width: 100%;
|
||||||
|
left: -100%;
|
||||||
|
top: 0;
|
||||||
|
right: 0;
|
||||||
|
bottom: 0;
|
||||||
|
background: #fff;
|
||||||
|
z-index: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
&:after {
|
||||||
|
left: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
> div {
|
> div {
|
||||||
/* justify-content: center; */
|
/* justify-content: center; */
|
||||||
|
Loading…
x
Reference in New Issue
Block a user