You are here

Home » API reference » AT Tools 8.3

responsive-menus--accordion.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--accordion.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/responsive-menus--accordion.css
/**
 * Accordion styles are set automatically for offcanvas & slidedown.
 ============================================================================ */
.rm-accordion-trigger {
  display: none;
}

.ms-accordion .menu__link:hover, .ms-accordion .menu__link:focus {
  outline: 0;
}

.ms-accordion .is-parent .menu__link {
  margin-left: 2.5rem;
}

.ms-accordion .menu__link--wrapper {
  display: block;
  position: relative;
}

.ms-accordion .rm-accordion-trigger {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0;
  border: 0;
  margin: 0;
  height: 100%;
  width: 2.25rem;
}

.ms-accordion .rm-accordion-trigger:hover, .ms-accordion .rm-accordion-trigger:focus {
  outline: 0;
}

.ms-accordion .is-open--parent .rm-accordion-trigger__icon {
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-transition: all, 225ms, ease-in-out;
  -o-transition: all, 225ms, ease-in-out;
  transition: all, 225ms, ease-in-out;
}

.ms-accordion .rm-accordion-trigger__icon {
  border-radius: 0;
  border: 0;
  padding: 0;
  margin: auto;
  width: 1rem;
}

.ms-accordion .is-child {
  padding: 0;
}

.ms-accordion .is-child .is-parent {
  margin-left: 2.5rem;
}
/*# sourceMappingURL=responsive-menus--accordion.css.map */

File

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

  2.  * Accordion styles are set automatically for offcanvas & slidedown.

  3.  ============================================================================ */

  4. .rm-accordion-trigger {

  5.   display: none;

  6. }

  7. 

  8. .ms-accordion .menu__link:hover, .ms-accordion .menu__link:focus {

  9.   outline: 0;

  10. }

  11. 

  12. .ms-accordion .is-parent .menu__link {

  13.   margin-left: 2.5rem;

  14. }

  15. 

  16. .ms-accordion .menu__link--wrapper {

  17.   display: block;

  18.   position: relative;

  19. }

  20. 

  21. .ms-accordion .rm-accordion-trigger {

  22.   display: -webkit-box;

  23.   display: -ms-flexbox;

  24.   display: flex;

  25.   -webkit-box-pack: center;

  26.       -ms-flex-pack: center;

  27.           justify-content: center;

  28.   -webkit-box-align: center;

  29.       -ms-flex-align: center;

  30.           align-items: center;

  31.   position: absolute;

  32.   left: 0;

  33.   top: 0;

  34.   border-radius: 0;

  35.   border: 0;

  36.   margin: 0;

  37.   height: 100%;

  38.   width: 2.25rem;

  39. }

  40. 

  41. .ms-accordion .rm-accordion-trigger:hover, .ms-accordion .rm-accordion-trigger:focus {

  42.   outline: 0;

  43. }

  44. 

  45. .ms-accordion .is-open--parent .rm-accordion-trigger__icon {

  46.   -webkit-transform: rotate(45deg);

  47.       -ms-transform: rotate(45deg);

  48.           transform: rotate(45deg);

  49.   -webkit-transition: all, 225ms, ease-in-out;

  50.   -o-transition: all, 225ms, ease-in-out;

  51.   transition: all, 225ms, ease-in-out;

  52. }

  53. 

  54. .ms-accordion .rm-accordion-trigger__icon {

  55.   border-radius: 0;

  56.   border: 0;

  57.   padding: 0;

  58.   margin: auto;

  59.   width: 1rem;

  60. }

  61. 

  62. .ms-accordion .is-child {

  63.   padding: 0;

  64. }

  65. 

  66. .ms-accordion .is-child .is-parent {

  67.   margin-left: 2.5rem;

  68. }

  69. /*# sourceMappingURL=responsive-menus--accordion.css.map */