You are here

Home » API reference » AT Tools 8.3

responsive-menus--tiles.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--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 .menu-level-2 {
  display: none;
}

.ms-tiles .rm-toggle {
  display: none;
}

.ms-tiles .rm-block__content .menu-level-1 {
  margin: 0 -0.625em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ms-tiles .rm-block__content .menu-level-1 > .menu__item {
  padding: 0 0.625em;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.ms-tiles .rm-block__content .menu-level-1 .menu__link {
  padding: 0.5rem 1rem;
}

.ms-tiles .rm-block__content .menu__item--expanded > .menu__link:after {
  content: none;
}

.ms-tiles .rm-block__content {
  padding: 0.5rem 0;
}

.ms-tiles .rm-block__content .menu-level-1 > .menu__item {
  margin: 0.5rem 0;
}
/*# sourceMappingURL=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 .menu-level-2 {

  8.   display: none;

  9. }

  10. 

  11. .ms-tiles .rm-toggle {

  12.   display: none;

  13. }

  14. 

  15. .ms-tiles .rm-block__content .menu-level-1 {

  16.   margin: 0 -0.625em;

  17.   display: -webkit-box;

  18.   display: -ms-flexbox;

  19.   display: flex;

  20.   -ms-flex-wrap: wrap;

  21.       flex-wrap: wrap;

  22.   -webkit-box-orient: horizontal;

  23.   -webkit-box-direction: normal;

  24.       -ms-flex-direction: row;

  25.           flex-direction: row;

  26.   -webkit-box-pack: justify;

  27.       -ms-flex-pack: justify;

  28.           justify-content: space-between;

  29. }

  30. 

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

  32.   padding: 0 0.625em;

  33.   -webkit-box-flex: 0;

  34.       -ms-flex: 0 0 50%;

  35.           flex: 0 0 50%;

  36. }

  37. 

  38. .ms-tiles .rm-block__content .menu-level-1 .menu__link {

  39.   padding: 0.5rem 1rem;

  40. }

  41. 

  42. .ms-tiles .rm-block__content .menu__item--expanded > .menu__link:after {

  43.   content: none;

  44. }

  45. 

  46. .ms-tiles .rm-block__content {

  47.   padding: 0.5rem 0;

  48. }

  49. 

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

  51.   margin: 0.5rem 0;

  52. }

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