From 113dc0b04cfebea116171454ef6c5a271cda3328 Mon Sep 17 00:00:00 2001 From: MaksimDoronin Date: Fri, 6 Dec 2024 22:00:25 +0300 Subject: [PATCH] =?UTF-8?q?=D0=9E=D0=B1=D1=8A=D1=8F=D0=B2=D0=BB=D1=8F?= =?UTF-8?q?=D1=8E=20=D0=BF=D0=B5=D1=80=D0=B5=D0=BC=D0=B5=D0=BD=D0=BD=D1=8B?= =?UTF-8?q?=D0=B5=20=D0=B4=D0=BB=D1=8F=20=D0=B2=D1=81=D0=B5=D1=85=20=D1=86?= =?UTF-8?q?=D0=B2=D0=B5=D1=82=D0=BE=D0=B2=20=D0=B8=20=D0=BF=D1=80=D0=B8?= =?UTF-8?q?=D0=BC=D0=B5=D0=BD=D1=8F=D1=8E?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- source/styles/blocks/example.scss | 2 +- source/styles/blocks/gift-card.scss | 2 +- source/styles/blocks/promo.scss | 2 +- source/styles/common/mixins.scss | 2 +- source/styles/common/variables.scss | 27 +++++++++++++-------------- 5 files changed, 17 insertions(+), 18 deletions(-) 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