You are here

Home » API reference » AT Tools 8

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

Same filename and directory in other branches
  1. 8.3 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 {
  position: absolute !important;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  height: 1px;
  width: 1px;
  padding: 0;
  word-wrap: normal;
  font: 0/0 a;
}
.ms-horizontal .rm-block__content .menu:before, .ms-horizontal .rm-block__content .menu:after {
  content: " ";
  display: table;
}
.ms-horizontal .rm-block__content .menu:after {
  clear: both;
}
.ms-horizontal .rm-block__content .menu__item {
  float: left;
  margin: 0 0 0 0;
  list-style: none;
}
.ms-horizontal .rm-block__content .menu__item ul,
.ms-horizontal .rm-block__content .menu__item ol {
  display: none;
}
[dir="rtl"] .ms-horizontal .rm-block__content .menu__item {
  margin-right: 0;
  margin-left: 0;
}
.ms-horizontal .rm-block__content .menu__item a:after {
  content: '';
  display: none;
}

.ms-horizontal .rm-block__content a {
  padding: 7px 18px;
  padding: 0.4375rem 1.125rem;
}
.ms-horizontal .rm-block__content a:before, .ms-horizontal .rm-block__content a:after {
  content: "";
  float: none;
  width: 0;
  padding: 0;
}

/*# sourceMappingURL=maps/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.   position: absolute !important;

  8.   clip: rect(1px, 1px, 1px, 1px);

  9.   overflow: hidden;

  10.   height: 1px;

  11.   width: 1px;

  12.   padding: 0;

  13.   word-wrap: normal;

  14.   font: 0/0 a;

  15. }

  16. .ms-horizontal .rm-block__content .menu:before, .ms-horizontal .rm-block__content .menu:after {

  17.   content: " ";

  18.   display: table;

  19. }

  20. .ms-horizontal .rm-block__content .menu:after {

  21.   clear: both;

  22. }

  23. .ms-horizontal .rm-block__content .menu__item {

  24.   float: left;

  25.   margin: 0 0 0 0;

  26.   list-style: none;

  27. }

  28. .ms-horizontal .rm-block__content .menu__item ul,

  29. .ms-horizontal .rm-block__content .menu__item ol {

  30.   display: none;

  31. }

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

  33.   margin-right: 0;

  34.   margin-left: 0;

  35. }

  36. .ms-horizontal .rm-block__content .menu__item a:after {

  37.   content: '';

  38.   display: none;

  39. }

  40. 

  41. .ms-horizontal .rm-block__content a {

  42.   padding: 7px 18px;

  43.   padding: 0.4375rem 1.125rem;

  44. }

  45. .ms-horizontal .rm-block__content a:before, .ms-horizontal .rm-block__content a:after {

  46.   content: "";

  47.   float: none;

  48.   width: 0;

  49.   padding: 0;

  50. }

  51. 

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