Sha256: 9c03b27026673f272bf97dc4f8dc78e7765be5a17855b286f7916aea17269f3b

Contents?: true

Size: 1.84 KB

Versions: 5

Compression:

Stored size: 1.84 KB

Contents

// ==========
// FLYOUT MENUS
// ==========
$STYLEGUIDE_FLYOUTS_ID: flyout !default;
$STYLEGUIDE_FLYOUTS: () !default;

@if should-register-component($STYLEGUIDE_FLYOUTS_ID) {
$a-blackhole: styleguide-add-component($STYLEGUIDE_FLYOUTS_ID,  $STYLEGUIDE_FLYOUTS, (
  default: (
    display:                none,                         // hidden by default (use `visible flyout` if you want it shown by default)
    position:               absolute,                     // position!
    top:                    100%,                         // align it to the bottom of the context
    left:                   0,                            // align left
    z-index:                1,
    border:                 $CONFIG_DIM_GENERIC_BORDER solid nth($CONFIG_COLOR_BORDER_FLYOUT,1),
    background:             nth($CONFIG_TEXTURE_CONTAINER, 1),
    box-shadow:             $CONFIG_SHADOW_FLYOUT,
    padding:                $CONFIG_DIM_FLYOUT_SPACING,
    min-width:              $CONFIG_DIM_FLYOUT_MIN_WIDTH,
    cursor:                 default,
    float:                  left,
    list-style:             none                          // just incase its a list
  ),
  visible: (
    display:                block
  ),
  in $STYLEGUIDE_BUTTONS_ID: (
    // restore some things used for buttons
    font-weight:            normal,
    white-space:            normal,
    text-shadow:            none,
    // no box-shadow
    box-shadow:             null,
    // thick borders!
    border-width:           $CONFIG_DIM_GENERIC_BORDER_THICK,
    border-radius:          $CONFIG_DIM_FLYOUT_RADIUS
  ),
  in $STYLEGUIDE_BUTTON_GROUPS_ID: (
    inherit:                in $STYLEGUIDE_BUTTONS_ID
  ),
  upward: (
    top:                    null,
    bottom:                 100%
  ),
  right aligned: (
    left:                   null,
    right:                  0
  )
)) !global;
}

Version data entries

5 entries across 5 versions & 1 rubygems

Version Path
archetype-theme-1.0.0.alpha.5 stylesheets/archetype/theme/components/_flyouts.scss
archetype-theme-1.0.0.alpha.4 stylesheets/archetype/theme/components/_flyouts.scss
archetype-theme-1.0.0.alpha.3 stylesheets/archetype/theme/components/_flyouts.scss
archetype-theme-1.0.0.alpha.2 stylesheets/archetype/theme/components/_flyouts.scss
archetype-theme-1.0.0.alpha.1 /Users/eoneill/workspace/archetype/extensions/archetype-theme/stylesheets/archetype/theme/components/_flyouts.scss