Menu@1.0.0

<button id="btn" class="c-button-raised--primary">
  Toggle Menu
</button>

<br>

<div class="c-menu is-open" id="menu">
  <ul class="c-menu__items">
    <li class="c-menu__item">All</li>
    <li class="c-menu__item">Owned by me</li>
    <li class="c-menu__item">Shared with me</li>
    <li class="c-menu__item active">I've subscribed to</li>
    <hr class="c-separator" />
    <li class="c-menu__item">
      <i class="material-icons">cloud_upload</i>
      My computer
    </li>
    <li class="c-menu__item">
      <i class="material-icons">mic</i>
      Record audio
    </li>
    <li class="c-menu__item">Tutorials</li>
    <hr class="c-separator" />
    <li class="c-menu__item">
      <div class="c-radio-container">
        <label for="radio-1" class="c-radio__label">Radio 1</label>
        <div class="c-radio">
          <input class="c-radio__native-control" type="radio" id="radio-1" name="radios" checked>
          <div class="c-radio__background">
            <div class="c-radio__outer-circle"></div>
            <div class="c-radio__inner-circle"></div>
          </div>
        </div>
      </div>
    </li>
    <li class="c-menu__item">
      <div class="c-radio-container">
        <label for="radio-2" class="c-radio__label">Radio 2</label>
        <div class="c-radio">
          <input class="c-radio__native-control" type="radio" id="radio-2" name="radios" checked>
          <div class="c-radio__background">
            <div class="c-radio__outer-circle"></div>
            <div class="c-radio__inner-circle"></div>
          </div>
        </div>
      </div>
    </li>
    <li class="c-menu__item">
      <div class="c-radio-container">
        <label for="radio-3" class="c-radio__label">Dark radio 1</label>
        <div class="c-radio--dark">
          <input class="c-radio__native-control" type="radio" id="radio-3" name="radios-2" checked>
          <div class="c-radio__background">
            <div class="c-radio__outer-circle"></div>
            <div class="c-radio__inner-circle"></div>
          </div>
        </div>
      </div>
    </li>
    
    <li class="c-menu__item">
      <div class="c-radio-container">
        <label for="radio-4" class="c-radio__label">Dark radio 2</label>
        <div class="c-radio--dark">
          <input class="c-radio__native-control" type="radio" id="radio-4" name="radios-2" checked>
          <div class="c-radio__background">
            <div class="c-radio__outer-circle"></div>
            <div class="c-radio__inner-circle"></div>
          </div>
        </div>
      </div>
    </li>
  </ul>
</div>