Contents

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

$property-name-color: $label-color !default;
$property-invalid-name-color: $input-invalid-color !default;
$property-requirement-required-color: $input-required-color !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. bottom padding matches default property bottom margin
     */

    .property__name {
        display: block;
        color: $property-name-color;
        font-weight: bold;

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

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

        .property__text {}

        .property__requirement {}

        .property__requirement--optional {}

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

Version data entries

2 entries across 2 versions & 1 rubygems

Version	Path
workarea-one_theme-1.3.1	app/assets/stylesheets/workarea/storefront/components/_property.scss
workarea-one_theme-1.3.0	app/assets/stylesheets/workarea/storefront/components/_property.scss