Primitive inline styling

gistfile1.txt

const compileStyles = defaultStyles => (...stylePaths) => {
  const styles = stylePaths.map(stylePath => {
    const path = `${stylePath}.style`
    const style = get(defaultStyles, path);
    if (!style) {
      throw new Error(`Style path ${path} not found`);
    }
    return style;
  });
  return Object.assign({}, ...styles);
};

const s = compileStyles({
  header: {
    style: {
      fontSize: 13
    },
    menu: {
      style: {
        fontSize: 16
      },
      item: {
        style: {
          fontSize: 14
        }
      }
    }
  }
});

<header style={s('header')}>
  <div style={s('header.menu')}>
    <div style={s('header.menu.item')}>menu item</div>
  </div>
</header>