/**
 * example:
 *  & > [horizontal-lt-s/m/l] { mixin() }
 *  & > [horizontal-gt-xs/s/m] { mixin() }
 *  & > [horizontal-xs/s/m/l] { mixin() }
 *  & > [horizontal] { mixin() }
 * would be created by:
 * responsify("& > ", horizontal, mixin)
 */
brick-menu {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}
@media (max-width: 768px) {
  brick-menu[horizontal-lt-s] {
    flex-direction: row;
  }
  brick-menu[horizontal-lt-s] > * {
    min-width: auto;
    min-height: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    text-align: center;
  }
  brick-menu[horizontal-lt-s] > * > *:only-child {
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin: 0 !important;
  }
}
@media (max-width: 992px) {
  brick-menu[horizontal-lt-m] {
    flex-direction: row;
  }
  brick-menu[horizontal-lt-m] > * {
    min-width: auto;
    min-height: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    text-align: center;
  }
  brick-menu[horizontal-lt-m] > * > *:only-child {
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin: 0 !important;
  }
}
@media (max-width: 1200px) {
  brick-menu[horizontal-lt-l] {
    flex-direction: row;
  }
  brick-menu[horizontal-lt-l] > * {
    min-width: auto;
    min-height: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    text-align: center;
  }
  brick-menu[horizontal-lt-l] > * > *:only-child {
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin: 0 !important;
  }
}
@media (min-width: 768px) {
  brick-menu[horizontal-gt-xs] {
    flex-direction: row;
  }
  brick-menu[horizontal-gt-xs] > * {
    min-width: auto;
    min-height: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    text-align: center;
  }
  brick-menu[horizontal-gt-xs] > * > *:only-child {
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin: 0 !important;
  }
}
@media (min-width: 992px) {
  brick-menu[horizontal-gt-s] {
    flex-direction: row;
  }
  brick-menu[horizontal-gt-s] > * {
    min-width: auto;
    min-height: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    text-align: center;
  }
  brick-menu[horizontal-gt-s] > * > *:only-child {
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin: 0 !important;
  }
}
@media (min-width: 1200px) {
  brick-menu[horizontal-gt-m] {
    flex-direction: row;
  }
  brick-menu[horizontal-gt-m] > * {
    min-width: auto;
    min-height: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    text-align: center;
  }
  brick-menu[horizontal-gt-m] > * > *:only-child {
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin: 0 !important;
  }
}
@media (max-width: 768px) and (min-width: 992px) {
  brick-menu[horizontal-s] {
    flex-direction: row;
  }
  brick-menu[horizontal-s] > * {
    min-width: auto;
    min-height: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    text-align: center;
  }
  brick-menu[horizontal-s] > * > *:only-child {
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin: 0 !important;
  }
}
@media (max-width: 992px) and (min-width: 1200px) {
  brick-menu[horizontal-m] {
    flex-direction: row;
  }
  brick-menu[horizontal-m] > * {
    min-width: auto;
    min-height: auto;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    box-flex: 1;
    flex: 1;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    min-width: auto;
    min-height: auto;
    vertical-align: middle;
    text-align: center;
  }
  brick-menu[horizontal-m] > * > *:only-child {
    vertical-align: top;
    height: 100%;
    width: 100%;
    margin: 0 !important;
  }
}
brick-menu[horizontal] {
  flex-direction: row;
}
brick-menu[horizontal] > * {
  min-width: auto;
  min-height: auto;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  box-flex: 1;
  flex: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  min-width: auto;
  min-height: auto;
  vertical-align: middle;
  text-align: center;
}
brick-menu[horizontal] > * > *:only-child {
  vertical-align: top;
  height: 100%;
  width: 100%;
  margin: 0 !important;
}