@import "compass/css3/transform"
@import "compass/css3/border-radius"
@import "base/blocks"
@import "base/fonts"
@import "base/text"
@import "elements/buttons"
@import "elements/materials"
@import "elements/movement"

@import "mixins/all"

@import "menu/hide"
@import "mixins/hide"

@import "compass/typography/vertical_rhythm"

=absolute
  position: relative
  & > dd
    position: absolute

=below_left
  +absolute
  & > dd
    left: 0
    
=below_right
  +absolute
  & > dd
    right: 0

=top_right
  position: relative
  & > dd
    position: absolute
    top: 0


=right_content
  & > dd
    position: absolute
    top: 0
    right: 0

=float_content
  & > dd
    @extend %float-left
    


=shadow_content
  +boxed
  &:not(.show)
    border: none
  &.show
    +bottom_shadow(2)


=top_divider
  &:not(:first-child)
    border-top: 1px solid $extremely-subtle-color


=action_top
  border-top: 1px solid $subtle-border
    
%tab
  +text_line
  display: inline-block
  position: relative
  border-bottom: 0px
  width: auto
  min-width: 3em
  text-align: center

%menu
  overflow: hidden
  +clean_list
  +flat_list
  +noinlinegaps
  position: relative
  z-index: 1
  & > dt
    z-index: 2
    @extend %tab
    & > a
      +clean_style
  & > dd
    z-index: 1
    @media #{$only-small}
      max-width: 100%


@import "menu/tab_menu"
@import "menu/dropdown_menu"
@import "menu/vertical_menu"
@import "menu/accordion_menu"