You are here

responsive-menus--horizontal.css in AT Tools 8.2

/**
 * Basic Horizontal Menu
 * This will hide all sub-menus no matter what, it has the advantage over the
 * drop menu of not requiring a width on menu items or arrows.
 */
.ms-horizontal .rm-toggle {
  display: none;
}

.ms-horizontal .rm-block__content .menu {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.ms-horizontal .rm-block__content .menu .menu__item {
  margin: 0 0 0 0;
  list-style: none;
}

[dir="rtl"] .ms-horizontal .rm-block__content .menu .menu__item {
  margin-right: 0;
  margin-left: 0;
}

.ms-horizontal .rm-block__content .menu .menu {
  display: none;
}

.ms-horizontal .rm-block__content .menu__item .menu__link:after {
  content: '';
  display: none;
}

.ms-horizontal .rm-block__content .menu__link {
  padding: 0.5rem 1.25rem;
}

.ms-horizontal .rm-block__content .menu__link:before, .ms-horizontal .rm-block__content .menu__link:after {
  content: "";
  float: none;
  width: 0;
  padding: 0;
}
/*# sourceMappingURL=responsive-menus--horizontal.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/responsive-menus--horizontal.css
View source
  1. /**
  2. * Basic Horizontal Menu
  3. * This will hide all sub-menus no matter what, it has the advantage over the
  4. * drop menu of not requiring a width on menu items or arrows.
  5. */
  6. .ms-horizontal .rm-toggle {
  7. display: none;
  8. }
  9. .ms-horizontal .rm-block__content .menu {
  10. display: -webkit-flex;
  11. display: -ms-flexbox;
  12. display: flex;
  13. -webkit-flex-direction: row;
  14. -ms-flex-direction: row;
  15. flex-direction: row;
  16. }
  17. .ms-horizontal .rm-block__content .menu .menu__item {
  18. margin: 0 0 0 0;
  19. list-style: none;
  20. }
  21. [dir="rtl"] .ms-horizontal .rm-block__content .menu .menu__item {
  22. margin-right: 0;
  23. margin-left: 0;
  24. }
  25. .ms-horizontal .rm-block__content .menu .menu {
  26. display: none;
  27. }
  28. .ms-horizontal .rm-block__content .menu__item .menu__link:after {
  29. content: '';
  30. display: none;
  31. }
  32. .ms-horizontal .rm-block__content .menu__link {
  33. padding: 0.5rem 1.25rem;
  34. }
  35. .ms-horizontal .rm-block__content .menu__link:before, .ms-horizontal .rm-block__content .menu__link:after {
  36. content: "";
  37. float: none;
  38. width: 0;
  39. padding: 0;
  40. }
  41. /*# sourceMappingURL=responsive-menus--horizontal.css.map */