PHP Classes

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

Recommend this page to a friend!
  Classes of Aldo Tripiciano   Quanta CMS   engine/modules/contrib/foundation/source/scss/components/_label.scss   Download  
File: engine/modules/contrib/foundation/source/scss/components/_label.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,371 bytes
 

Contents

Class file image Download
// Foundation for Sites by ZURB // foundation.zurb.com // Licensed under MIT Open Source //// /// @group label //// /// Default background color for labels. /// @type Color $label-background: $primary-color !default; /// Default text color for labels. /// @type Color $label-color: $white !default; /// Alternate text color for labels. /// @type Color $label-color-alt: $black !default; /// Coloring classes. A map of classes to output in your CSS, like `.secondary`, `.success`, and so on. /// @type Map $label-palette: $foundation-palette !default; /// Default font size for labels. /// @type Number $label-font-size: 0.8rem !default; /// Default padding inside labels. /// @type Number $label-padding: 0.33333rem 0.5rem !default; /// Default radius of labels. /// @type Number $label-radius: $global-radius !default; /// Generates base styles for a label. @mixin label { display: inline-block; padding: $label-padding; border-radius: $label-radius; font-size: $label-font-size; line-height: 1; white-space: nowrap; cursor: default; } @mixin foundation-label { .label { @include label; background: $label-background; color: $label-color; @each $name, $color in $label-palette { &.#{$name} { background: $color; color: color-pick-contrast($color, ($label-color, $label-color-alt)); } } } }