You are here

Home » API reference » AT Tools 8.3

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

Same filename and directory in other branches
  1. 8 at_theme_generator/starterkits/starterkit/styles/css/components/responsive-menus--horizontal.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/responsive-menus--horizontal.css
/**
 * 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-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -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. 

  10. .ms-horizontal .rm-block__content .menu {

  11.   display: -webkit-box;

  12.   display: -ms-flexbox;

  13.   display: flex;

  14.   -webkit-box-orient: horizontal;

  15.   -webkit-box-direction: normal;

  16.       -ms-flex-direction: row;

  17.           flex-direction: row;

  18. }

  19. 

  20. .ms-horizontal .rm-block__content .menu .menu__item {

  21.   margin: 0 0 0 0;

  22.   list-style: none;

  23. }

  24. 

  25. [dir="rtl"] .ms-horizontal .rm-block__content .menu .menu__item {

  26.   margin-right: 0;

  27.   margin-left: 0;

  28. }

  29. 

  30. .ms-horizontal .rm-block__content .menu .menu {

  31.   display: none;

  32. }

  33. 

  34. .ms-horizontal .rm-block__content .menu__item .menu__link:after {

  35.   content: '';

  36.   display: none;

  37. }

  38. 

  39. .ms-horizontal .rm-block__content .menu__link {

  40.   padding: 0.5rem 1.25rem;

  41. }

  42. 

  43. .ms-horizontal .rm-block__content .menu__link:before, .ms-horizontal .rm-block__content .menu__link:after {

  44.   content: "";

  45.   float: none;

  46.   width: 0;

  47.   padding: 0;

  48. }

  49. /*# sourceMappingURL=responsive-menus--horizontal.css.map */