Medium - CSS for the Functional Programmer - Composable Example

composable.html

<nav class='position-fixed full-width nav-height'>
  <button class='background-color-mid-green color-white padding'>Login</button>
</nav>

<div class='row nav-padding'>
  <div class='small-12 medium-6 large-4 columns'>
    <h6 class='color-green vertical-center padding-top-2x'>Single Shoe Club</h6>
  </div>
  <div class='small-12 medium-6 large-8 columns'>
    <h1 class='color-white font-weight-600 uppercase'>Sign up and get a free shoe</h1>
  </div>
  <div class='background-color-black position-fixed full-width full-height opacity-40'></div>
</div>