diff --git a/source/styles/blocks/example.scss b/source/styles/blocks/example.scss index 8fc7db4..8daa097 100644 --- a/source/styles/blocks/example.scss +++ b/source/styles/blocks/example.scss @@ -1,5 +1,5 @@ .example { - @include block-color($body-color, $light-color-darker); + @include block-color($body-color, $gray-100); } .example__container { diff --git a/source/styles/blocks/gift-card.scss b/source/styles/blocks/gift-card.scss index dcf0648..cd848c7 100644 --- a/source/styles/blocks/gift-card.scss +++ b/source/styles/blocks/gift-card.scss @@ -1,5 +1,5 @@ .gift-card { - @include block-color($body-color, $thirteenth-color-lighter); + @include block-color($body-color, $primary-rgb); } .gift-card__desc { diff --git a/source/styles/blocks/promo.scss b/source/styles/blocks/promo.scss index cb7662c..ddf7a21 100644 --- a/source/styles/blocks/promo.scss +++ b/source/styles/blocks/promo.scss @@ -1,5 +1,5 @@ .promo { - @include block-color($body-color, $thirteenth-color-lighter); + @include block-color($body-color, $primary-rgb); } .promo__container { diff --git a/source/styles/common/mixins.scss b/source/styles/common/mixins.scss index bc24066..b0bf9f0 100644 --- a/source/styles/common/mixins.scss +++ b/source/styles/common/mixins.scss @@ -22,7 +22,7 @@ @mixin button { @include font($secondary-font, 16px, 20px); - @include block-color($body-bg, $thirteenth-color); + @include block-color($body-bg, $primary); text-transform: uppercase; text-decoration: none; } diff --git a/source/styles/common/variables.scss b/source/styles/common/variables.scss index d6d16bd..8a80856 100644 --- a/source/styles/common/variables.scss +++ b/source/styles/common/variables.scss @@ -1,21 +1,20 @@ /* здесь используйте глобальные переменные */ /* цвета */ $body-color: #000000; // Передний план (цвет) по умолчанию, включая компоненты -$body-bg: #ffffff; // Фон(цвет) по умолчанию, включая компоненты +$body-bg: #ffffff; // Фоновый цвет по умолчанию, включая компоненты $secondary-color: #444444; // Более светлый цвет текста $secondary-color-darker: #222222; // Более тёмный цвет текста $emphasis-color: #111111; // Для более контрастного текста $light-color: #f2f2f2; // Цвет фона карточек товара, программ, футера, кнопки -$light-color-darker: #eaeaea; -$sixth-color: #666666; -$seventh-color: #cdcdcd; -$eighth-color: #d3d3d3; -$fifteenth-color: #d9d9d9; -$ninth-color: #e7e7e7; - -$tenth-color-darker: #ebebeb; -$twelfth-color: #5eaa2f; -$twelfth-color-lighter: rgba(94, 170, 47, 0.3); -$thirteenth-color: #68b738; -$thirteenth-color-lighter:rgba(104, 183, 56, 0.85); -$fourteenth-color: #ff8282; +$border-color: #cdcdcd; // Цвет разделителя в карточках и бордера инпута email +$gray-100: #eaeaea; // Цвет фона блока example +$gray-200: #ebebeb; // Цвет разделителя в catalog и фоновый цвет кнопки в состоянии hover и pressed +$gray-300: #e7e7e7; // Цвет бордера инпута с именем в обчном состоянии +$gray-400: #e6e6e6; // Цвет разделителя в меню +$gray-500: #d9d9d9; // Цвет разделителя в секциях и в программах +$gray-600: #d3d3d3; // Цвет плюсика в кнопке показать всё +$gray-900: #666666; // Цвет разделителя и кнопка под палец в слайдере и цвет заливки иконок в обычн состоянии +$primary: #68b738; // Цвет основной темы +$primary-rgb: rgba($primary, 0.85); //Цвет оверлея над фоновой картинкой +$primary-bg: #5eaa2f; // Цвет кнопок при наведении и при нажатии +$danger: #ff8282; // Цвет input error