Change animations

styles/components/item-page.css

@@ -27,6 +27,10 @@
       width: 410px;
       padding: 0 40px 0 10px;
       transition: opacity 150ms ease-out, transform 300ms ease-out;
+      /*&.is-uninitialized {
+        transform: translateY(-20px);
+        opacity: 0;
+      }*/
     }
   }
 
@@ -42,34 +46,4 @@
       transition: opacity 150ms ease-out, transform 300ms ease-out;
     }
   }
-
-  &.animate {
-    &--curtain {
-      & .item-page {
-        &__content {
-          transform: translateX(calc((100vw - 1200px) / 2 + 800px));
-        }
-      }
-    }
-    &--invisible-content {
-      & .item-page {
-        &__content {
-          &__inner {
-            transform: translateY(-20px);
-            opacity: 0;
-          }
-        }
-      }
-    }
-    &--invisible-nav {
-      & .item-page {
-        &__nav {
-          &__inner {
-            transform: translateX(-20px);
-            opacity: 0;
-          }
-        }
-      }
-    }
-  }
 }

styles/components/item.css

@@ -5,6 +5,8 @@
   text-decoration: none;
   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);
@@ -19,14 +21,8 @@
   }
 
   &--big {
+    min-height: 80px;
     padding: 20px 10px;
-    /*&:hover {
-      background: transparent;
-
-      & .item__title {
-        text-decoration: underline;
-      }
-    }*/
   }
 
   &--no-leading-border {

styles/components/letter-index.css

@@ -4,13 +4,14 @@
     border-top: 1px solid var(--color-gray-normal);
     position: relative;
     padding: 0 0 0 200px;
-    min-height: 100px;
+    min-height: 80px;
   }
   &__letter {
     font-size: 50px;
+    line-height: 80px;
     color: var(--color-gray-normal);
     position: absolute;
     left: 50px;
-    top: 10px;
+    top: 0;
   }
 }

styles/components/split.css

@@ -7,6 +7,10 @@
     align-items: flex-start;
   }
 
+  &--overview {
+    min-height: 40px;
+  }
+
   &__left {
     flex: 0 1 auto;
   }