Contents

.ae-accordion-heading
  @include font-size(22px, 22px)
  text-transform: uppercase

.ae-accordion-trigger
  background: $primary-color
  display: block
  position: relative
  text-align: left
  margin-right: 0

  &:not(.collapsed)
    @include border-radius(3px 3px 0 0 !important)

  &:not(.collapsed):after, [aria-expanded="false"]:after
    content: "\f106"
    @include icon-font

  &.collapsed:after, [aria-expanded="true"]:after
    content: "\f107"
    @include icon-font

  &:after
    display: block
    position: absolute
    right: 16px
    top: 50%
    transform: translateY(-50%)
    font-size: 2em

.ae-accordion-content
  padding: 0 1em
  border: 1px solid $border-light
  border-top: 0
  overflow: hidden
  -webkit-transition: height 0.25s
  -moz-transition: height 0.25s
  transition: height 0.25s
  box-sizing: border-box
  -moz-box-sizing: border-box
  -webkit-box-sizing: border-box
  @include easeInOut

  &.expanded
    height: auto
    @include tablet
      margin-bottom: 1em


  &.collapsed
    height: 0

  @include tablet-max
    margin-bottom: 0.5em

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
express_ui-0.5.2	app/assets/stylesheets/express_ui/scripts/_accordion.sass
express_ui-0.5.1	app/assets/stylesheets/express_ui/scripts/_accordion.sass