PHP Classes

File: engine/modules/contrib/foundation/source/scss/forms/_input-group.scss

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

Contents

Class file image Download
// Foundation for Sites by ZURB // foundation.zurb.com // Licensed under MIT Open Source //// /// @group forms //// /// Color of labels prefixed to an input. /// @type Color $input-prefix-color: $black !default; /// Background color of labels prefixed to an input. /// @type Color $input-prefix-background: $light-gray !default; /// Border around labels prefixed to an input. /// @type Border $input-prefix-border: 1px solid $medium-gray !default; /// Left/right padding of an pre/postfixed input label $input-prefix-padding: 1rem !default; @mixin foundation-form-prepostfix { $height: ($input-font-size + $form-spacing * 1.5); .input-group { display: if($global-flexbox, flex, table); width: 100%; margin-bottom: $form-spacing; @if $global-flexbox { align-items: stretch; } > :first-child { border-radius: if($global-text-direction == rtl, 0 $input-radius $input-radius 0, $input-radius 0 0 $input-radius); } > :last-child { > * { border-radius: if($global-text-direction == rtl, $input-radius 0 0 $input-radius, 0 $input-radius $input-radius 0); } } } %input-group-child { margin: 0; white-space: nowrap; @if not $global-flexbox { display: table-cell; vertical-align: middle; } } .input-group-label { @extend %input-group-child; padding: 0 $input-prefix-padding; border: $input-prefix-border; background: $input-prefix-background; color: $input-prefix-color; text-align: center; white-space: nowrap; @if $global-flexbox { display: flex; flex: 0 0 auto; align-items: center; } @else { width: 1%; height: 100%; } @if has-value($input-prefix-border) { &:first-child { border-#{$global-right}: 0; } &:last-child { border-#{$global-left}: 0; } } } .input-group-field { @extend %input-group-child; border-radius: 0; @if $global-flexbox { flex: 1 1 0px; // sass-lint:disable-line zero-unit height: auto; min-width: 0; } @else { height: $height; } } .input-group-button { @extend %input-group-child; padding-top: 0; padding-bottom: 0; text-align: center; @if $global-flexbox { flex: 0 0 auto; } @else { width: 1%; height: 100%; } a, input, button, label { @extend %input-group-child; height: $height; padding-top: 0; padding-bottom: 0; font-size: $input-font-size; } } // Specificity bump needed to prevent override by buttons @if not $global-flexbox { .input-group .input-group-button { display: table-cell; } } }