Improve animations

js/components/ItemList.js

@@ -1,20 +1,21 @@
 import React from 'react';
 import Item from './Item';
 
-export default function ItemList({ children, items, activeItem, noLeadingBorder }) {
+export default function ItemList({ children, items, activeItem, noLeadingBorder, headerStyle = {}, itemStyle = [] }) {
   return (
     <div className="item-list">
-      <div className="item-list__header">
+      <div className="item-list__header" style={headerStyle}>
         {children}
       </div>
       <div className="item-list__list">
         {
-          items.map(item => (
+          items.map((item, i) => (
             <Item
               key={item.name}
               item={item}
               noLeadingBorder={noLeadingBorder}
               active={typeof activeItem === 'object' && activeItem !== null && activeItem.name === item.name}
+              style={itemStyle[i]}
             />
           ))
         }