ember-mobile-menu/dist/themes/android.css

A draggable sidebar menu for Ember.

@layer ember-mobile-menu {
  :root {
    --mobile-menu-header-bg: #e04e39;

    --mobile-menu-item-color: #333;
    --mobile-menu-item-active-bg: #eee;
    --mobile-menu-item-link-disabled-color: #6c757d;
  }
}

.mobile-menu__tray .mobile-menu__header {
  min-height: 150px;
  background: var(--mobile-menu-header-bg);
  color: #fff;
  margin-bottom: 8px;
}
.mobile-menu__tray .mobile-menu__header .header__text {
  padding: 16px;
}
.mobile-menu__tray .mobile-menu__header .header__btn {
  padding: 16px;
  color: #fff;
  text-decoration: none;
}

.mobile-menu__tray .mobile-menu__nav {
  list-style: none;
  padding: 0;
  margin: 0;
}
.mobile-menu__tray .mobile-menu__nav .mobile-menu__nav-item a {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: var(--mobile-menu-item-color);
  line-height: 1.5;
  text-decoration: none !important;

  padding: 12px;
}
.mobile-menu__tray
  .mobile-menu__nav
  .mobile-menu__nav-item
  a.mobile-menu__nav-link.disabled {
  color: var(--mobile-menu-item-link-disabled-color);
}
.mobile-menu__tray .mobile-menu__nav .mobile-menu__nav-item a.active {
  background: var(--mobile-menu-item-active-bg);
}
.mobile-menu__tray .mobile-menu__nav .mobile-menu__nav-divider {
  margin: 8px 0;
  height: 0;
  border-bottom: 1px solid var(--mobile-menu-item-active-bg);
}