Sha256: cd3c01f84ccafb7944b906bbc19a4ce44fba073dad156e9efee93cb93bfef21b

Contents?: true

Size: 1.47 KB

Versions: 62

Compression:

Stored size: 1.47 KB

Contents

/*------------------------------------*\
    #PROPERTY
\*------------------------------------*/

$property-name-invalid-color:  $red !default;
$property-requirement-required-color:  $red !default;

.property {
    margin-bottom: $vertical-margin;
}

.property--responsive {
    @include respond-to($medium-breakpoint) {
        display: table-row;
        margin: 0;
    }

    /**
     * Extend `.value {}` in _value.scss
     *
     * 1. bottom padding matches default property bottom margin
     */

    .value {
        display: block;

        @include respond-to($medium-breakpoint) {
            display: table-cell;
            padding: $spacing-unit; /* [1] */
            vertical-align: top;
        }
    }
}

.property--invalid {}

    /**
     * 1. allows use of `strong` elements
     * 2. bottom padding matches default property bottom margin
     */

    .property__name {
        display: block;
        font-weight: normal; /* [1] */

        .property--responsive & {
            @include respond-to($medium-breakpoint) {
                display: table-cell;
                padding: $spacing-unit; /* [2] */
                vertical-align: top;
            }
        }

        .property--invalid & {
            color: $property-name-invalid-color;
        }
    }

        .property__text {}

        .property__requirement {}

        .property__requirement--optional {}

        .property__requirement--required {
            color: $property-requirement-required-color;
        }

Version data entries

62 entries across 62 versions & 1 rubygems

Version Path
workarea-storefront-3.5.27 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.26 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.4.45 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.25 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.23 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.4.44 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.22 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.4.43 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.21 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.4.42 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.20 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.4.41 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.19 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.4.40 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.18 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.4.39 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.17 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.4.38 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.5.16 app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-storefront-3.4.37 app/assets/stylesheets/workarea/storefront/components/_property.scss