Commit accbfdc3 authored by Nikolay Gromov's avatar Nikolay Gromov

Убрал повторения имен блоков для ошибочных состояний формы

parent 188af2ce
...@@ -6,10 +6,12 @@ $color-danger: hsl(2, 64%, 58%) !default; ...@@ -6,10 +6,12 @@ $color-danger: hsl(2, 64%, 58%) !default;
.field-checkbox { .field-checkbox {
$block-name: &;
&__input-wrap--error { &__input-wrap--error {
.field-checkbox__name-text, #{$block-name}__name-text,
.field-checkbox__help-text { #{$block-name}__help-text {
color: $color-danger; color: $color-danger;
} }
} }
......
...@@ -6,16 +6,18 @@ $color-danger: hsl(2, 64%, 58%) !default; ...@@ -6,16 +6,18 @@ $color-danger: hsl(2, 64%, 58%) !default;
.field-file { .field-file {
$block-name: &;
&--error { &--error {
.field-file__name, #{$block-name}__name,
.field-file__name-text, #{$block-name}__name-text,
.field-file__input, #{$block-name}__input,
.field-file__help-text { #{$block-name}__help-text {
color: $color-danger; color: $color-danger;
} }
.field-file__name-text { #{$block-name}__name-text {
border-color: $color-danger; border-color: $color-danger;
background-color: lighten($color-danger, 35%); background-color: lighten($color-danger, 35%);
} }
......
...@@ -6,10 +6,12 @@ $color-danger: hsl(2, 64%, 58%) !default; ...@@ -6,10 +6,12 @@ $color-danger: hsl(2, 64%, 58%) !default;
.field-radio { .field-radio {
$block-name: &;
&__input-wrap--error { &__input-wrap--error {
.field-radio__name-text, #{$block-name}__name-text,
.field-radio__help-text { #{$block-name}__help-text {
color: $color-danger; color: $color-danger;
} }
} }
......
...@@ -6,15 +6,17 @@ $color-danger: hsl(2, 64%, 58%) !default; ...@@ -6,15 +6,17 @@ $color-danger: hsl(2, 64%, 58%) !default;
.field-select { .field-select {
$block-name: &;
&--error { &--error {
.field-select__name, #{$block-name}__name,
.field-select__select, #{$block-name}__select,
.field-select__help-text { #{$block-name}__help-text {
color: $color-danger; color: $color-danger;
} }
.field-select__select { #{$block-name}__select {
border-color: $color-danger; border-color: $color-danger;
background-color: lighten($color-danger, 35%); background-color: lighten($color-danger, 35%);
} }
......
...@@ -6,15 +6,17 @@ $color-danger: hsl(2, 64%, 58%) !default; ...@@ -6,15 +6,17 @@ $color-danger: hsl(2, 64%, 58%) !default;
.field-text { .field-text {
$block-name: &;
&--error { &--error {
.field-text__name, #{$block-name}__name,
.field-text__input, #{$block-name}__input,
.field-text__help-text { #{$block-name}__help-text {
color: $color-danger; color: $color-danger;
} }
.field-text__input { #{$block-name}__input {
border-color: $color-danger; border-color: $color-danger;
background-color: lighten($color-danger, 35%); background-color: lighten($color-danger, 35%);
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment