PHP Classes

File: engine/modules/contrib/foundation/source/scss/components/_dropdown.scss

Recommend this page to a friend!
  Classes of Aldo Tripiciano   Quanta CMS   engine/modules/contrib/foundation/source/scss/components/_dropdown.scss   Download  
File: engine/modules/contrib/foundation/source/scss/components/_dropdown.scss
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Quanta CMS
Manage content that works without a database
Author: By
Last change:
Date: 5 years ago
Size: 1,408 bytes
 

Contents

Class file image Download
// Foundation for Sites by ZURB // foundation.zurb.com // Licensed under MIT Open Source //// /// @group dropdown //// /// Padding for dropdown panes. /// @type List $dropdown-padding: 1rem !default; /// Background for dropdown panes. /// @type Color $dropdown-background: $body-background !default; /// Border for dropdown panes. /// @type List $dropdown-border: 1px solid $medium-gray !default; /// Font size for dropdown panes. /// @type List $dropdown-font-size: 1rem !default; /// Width for dropdown panes. /// @type Number $dropdown-width: 300px !default; /// Border radius dropdown panes. /// @type Number $dropdown-radius: $global-radius !default; /// Sizes for dropdown panes. Each size is a CSS class you can apply. /// @type Map $dropdown-sizes: ( tiny: 100px, small: 200px, large: 400px, ) !default; /// Applies styles for a basic dropdown. @mixin dropdown-container { position: absolute; z-index: 10; display: block; width: $dropdown-width; padding: $dropdown-padding; visibility: hidden; border: $dropdown-border; border-radius: $dropdown-radius; background-color: $dropdown-background; font-size: $dropdown-font-size; &.is-open { visibility: visible; } } @mixin foundation-dropdown { .dropdown-pane { @include dropdown-container; } @each $name, $size in $dropdown-sizes { .dropdown-pane.#{$name} { width: $size; } } }