Move all animation stuff to details page
This commit is contained in:
@@ -2,7 +2,4 @@
|
||||
&__header {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
&__list {
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
@@ -26,24 +26,17 @@
|
||||
float: right;
|
||||
width: 410px;
|
||||
padding: 0 40px 0 10px;
|
||||
transition: opacity 150ms ease-out, transform 300ms ease-out;
|
||||
/*&.is-uninitialized {
|
||||
transform: translateY(-20px);
|
||||
opacity: 0;
|
||||
}*/
|
||||
}
|
||||
}
|
||||
|
||||
&__content {
|
||||
transform: translate3d(0, 0, 0);
|
||||
transition: transform 450ms cubic-bezier(0.24, 1.12, 0.71, 0.98);
|
||||
flex: 0 0 calc((100vw - 1200px) / 2 + 800px);
|
||||
background: var(--color-white);
|
||||
&__inner {
|
||||
box-sizing: border-box;
|
||||
width: 810px;
|
||||
padding: 0 10px 0 100px;
|
||||
transition: opacity 150ms ease-out, transform 300ms ease-out;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -6,7 +6,6 @@
|
||||
transition: background 200ms ease-out;
|
||||
color: var(--color-gray-normal);
|
||||
box-sizing: border-box;
|
||||
transition: opacity 150ms ease-out, transform 300ms ease-out;
|
||||
|
||||
&.is-active {
|
||||
background: var(--color-gray-dark-alt);
|
||||
|
||||
Reference in New Issue
Block a user