You are here

Home » API reference » AT Tools 8

responsive-menus--accordion.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--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 a:hover, .ms-accordion a:focus {
  outline: 0;
}
.ms-accordion .is-parent a {
  margin-left: 40px;
  margin-left: 2.5rem;
}
.ms-accordion .menu__link--wrapper {
  display: block;
  position: relative;
}
.ms-accordion .rm-accordion-trigger {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 0;
  border: 0;
  margin: 0;
  height: 100%;
  width: 36px;
  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);
  transition: all, 225ms, ease-in-out;
}
.ms-accordion .rm-accordion-trigger__icon {
  border-radius: 0;
  border: 0;
  padding: 0;
  margin: auto;
  width: 16px;
  width: 1rem;
}
.ms-accordion .is-child {
  padding: 0;
}
.ms-accordion .is-child .is-parent {
  margin-left: 40px;
  margin-left: 2.5rem;
}

/*# sourceMappingURL=maps/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 a:hover, .ms-accordion a:focus {

  9.   outline: 0;

  10. }

  11. .ms-accordion .is-parent a {

  12.   margin-left: 40px;

  13.   margin-left: 2.5rem;

  14. }

  15. .ms-accordion .menu__link--wrapper {

  16.   display: block;

  17.   position: relative;

  18. }

  19. .ms-accordion .rm-accordion-trigger {

  20.   display: -webkit-flex;

  21.   display: -ms-flexbox;

  22.   display: flex;

  23.   -webkit-justify-content: center;

  24.       -ms-flex-pack: center;

  25.           justify-content: center;

  26.   -webkit-align-items: center;

  27.       -ms-flex-align: center;

  28.           align-items: center;

  29.   position: absolute;

  30.   left: 0;

  31.   top: 0;

  32.   border-radius: 0;

  33.   border: 0;

  34.   margin: 0;

  35.   height: 100%;

  36.   width: 36px;

  37.   width: 2.25rem;

  38. }

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

  40.   outline: 0;

  41. }

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

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

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

  45.           transform: rotate(45deg);

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

  47. }

  48. .ms-accordion .rm-accordion-trigger__icon {

  49.   border-radius: 0;

  50.   border: 0;

  51.   padding: 0;

  52.   margin: auto;

  53.   width: 16px;

  54.   width: 1rem;

  55. }

  56. .ms-accordion .is-child {

  57.   padding: 0;

  58. }

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

  60.   margin-left: 40px;

  61.   margin-left: 2.5rem;

  62. }

  63. 

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