Sha256: 45619529cc39f2c6d82b6355149c2280baa985cfdef5bc68e1d2b34f14b61c7b
Contents?: true
Size: 1.59 KB
Versions: 5
Compression:
Stored size: 1.59 KB
Contents
/*------------------------------------*\
#PROPERTY
\*------------------------------------*/
$property-font: $secondary-font-family !default;
$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] */
padding-right: 0;
vertical-align: middle;
}
}
}
.property--invalid {}
/**
* 1. allows use of `strong` elements
* 2. bottom padding matches default property bottom margin
*/
.property__name {
display: block;
font-family: $property-font;
font-weight: normal; /* [1] */
.property--responsive & {
@include respond-to($medium-breakpoint) {
display: table-cell;
padding: $spacing-unit; /* [2] */
vertical-align: middle;
}
}
.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
5 entries across 5 versions & 1 rubygems