You are here

Home » API reference » AT Tools 8

responsive-menus--tiles.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--tiles.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/responsive-menus--tiles.css
/**
 * Tile menu
 * $tile_count: whole number, must be a factor of the $context
 * $context: whole number, a $susy container, can be 8, 10 or 12.
 * $arrows: boolean
 ============================================================================ */
.ms-tiles .rm-block .block-menu__title,
.ms-tiles .rm-block .menu-level-2 {
  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-tiles .rm-toggle {
  display: none;
}
.ms-tiles .rm-block__content {
  overflow: hidden;
}
.ms-tiles .rm-block__content .menu-level-1 > .menu__item {
  width: 48.98785%;
  float: left;
}
.ms-tiles .rm-block__content .menu-level-1 > .menu__item:nth-child(2n + 1) {
  margin-left: 0;
  margin-right: -100%;
  clear: both;
  margin-left: 0;
}
.ms-tiles .rm-block__content .menu-level-1 > .menu__item:nth-child(2n + 2) {
  margin-left: 51.01215%;
  margin-right: -100%;
  clear: none;
}
.ms-tiles .rm-block__content .menu-level-1 a {
  padding: 7px 16px;
  padding: 0.4375rem 1rem;
}
.ms-tiles .rm-block__content .menu__item--expanded > a:after {
  content: none;
}

.ms-tiles .rm-block__content {
  padding: 7px 0;
  padding: 0.4375rem 0;
}
.ms-tiles .rm-block__content .menu-level-1 > .menu__item {
  margin: 7px 0;
  margin: 0.4375rem 0;
}

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

File

at_theme_generator/starterkits/starterkit/styles/css/components/responsive-menus--tiles.css
View source 
  1. /**

  2.  * Tile menu

  3.  * $tile_count: whole number, must be a factor of the $context

  4.  * $context: whole number, a $susy container, can be 8, 10 or 12.

  5.  * $arrows: boolean

  6.  ============================================================================ */

  7. .ms-tiles .rm-block .block-menu__title,

  8. .ms-tiles .rm-block .menu-level-2 {

  9.   position: absolute !important;

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

  11.   overflow: hidden;

  12.   height: 1px;

  13.   width: 1px;

  14.   padding: 0;

  15.   word-wrap: normal;

  16.   font: 0/0 a;

  17. }

  18. .ms-tiles .rm-toggle {

  19.   display: none;

  20. }

  21. .ms-tiles .rm-block__content {

  22.   overflow: hidden;

  23. }

  24. .ms-tiles .rm-block__content .menu-level-1 > .menu__item {

  25.   width: 48.98785%;

  26.   float: left;

  27. }

  28. .ms-tiles .rm-block__content .menu-level-1 > .menu__item:nth-child(2n + 1) {

  29.   margin-left: 0;

  30.   margin-right: -100%;

  31.   clear: both;

  32.   margin-left: 0;

  33. }

  34. .ms-tiles .rm-block__content .menu-level-1 > .menu__item:nth-child(2n + 2) {

  35.   margin-left: 51.01215%;

  36.   margin-right: -100%;

  37.   clear: none;

  38. }

  39. .ms-tiles .rm-block__content .menu-level-1 a {

  40.   padding: 7px 16px;

  41.   padding: 0.4375rem 1rem;

  42. }

  43. .ms-tiles .rm-block__content .menu__item--expanded > a:after {

  44.   content: none;

  45. }

  46. 

  47. .ms-tiles .rm-block__content {

  48.   padding: 7px 0;

  49.   padding: 0.4375rem 0;

  50. }

  51. .ms-tiles .rm-block__content .menu-level-1 > .menu__item {

  52.   margin: 7px 0;

  53.   margin: 0.4375rem 0;

  54. }

  55. 

  56. /*# sourceMappingURL=maps/responsive-menus--tiles.css.map */