реализую сравнительный подход при именовании переменных

htmlacademy-adaptive · Dec 7, 2024 · acd3435 · acd3435
1 parent 1cd5bea
commit acd3435
Show file tree

Hide file tree

Showing 8 changed files with 17 additions and 17 deletions.
diff --git a/source/styles/blocks/contacts.scss b/source/styles/blocks/contacts.scss
@@ -8,12 +8,12 @@
 
 .contacts__text {
   @include font($secondary-font, 16px, 20px);
-  color: $darkest;
+  color: $darker;
   text-transform: uppercase;
 }
 
 .contacts__address {
   @include font($primary-font, 14px, 20px);
   font-style: normal;
-  color: $dark;
+  color: $gray-900;
 }
diff --git a/source/styles/blocks/example.scss b/source/styles/blocks/example.scss
@@ -21,7 +21,7 @@
 
 .example__desc {
   @include font($primary-font, 12px, 12px);
-  color: $dark;
+  color: $gray-900;
 }
 
 .example__info-row .example__desc {

diff --git a/source/styles/blocks/features.scss b/source/styles/blocks/features.scss
@@ -16,5 +16,5 @@
 
 .features__desc {
   @include font;
-  color: $dark;
+  color: $gray-900;
 }
diff --git a/source/styles/blocks/footer.scss b/source/styles/blocks/footer.scss
@@ -16,5 +16,5 @@
 
 .footer__copyright {
   @include font($primary-font, 16px, 20px);
-  color: $dark;
+  color: $gray-900;
 }
diff --git a/source/styles/blocks/product-card.scss b/source/styles/blocks/product-card.scss
@@ -8,20 +8,20 @@
 
 .product-card__title {
   @include font($secondary-font, 16px, 20px);
-  color: $darker;
+  color: $dark;
   text-transform: uppercase;
 }
 
 .product-card__desc {
   @include font($primary-font, 12px, 16px);
-  color: $dark;
+  color: $gray-900;
 }
 
 .product-card--all .product-card__title {
-  color: $darkest;
+  color: $darker;
 }
 
 .product-card--all .product-card__button {
   background-color: $light;
-  color: $dark;
+  color: $gray-900;
 }
diff --git a/source/styles/blocks/programms.scss b/source/styles/blocks/programms.scss
@@ -21,7 +21,7 @@
 
 .programms__text {
   @include font;
-  color: $dark;
+  color: $gray-900;
 }
 
 .programms__link {

diff --git a/source/styles/blocks/sub-products.scss b/source/styles/blocks/sub-products.scss
@@ -16,11 +16,11 @@
 
 .sub-products__heading {
   @include font($secondary-font, 16px, 16px);
-  color: $darker;
+  color: $dark;
   text-transform: uppercase;
 }
 
 .sub-products__desc {
   @include font($primary-font, 14px, 14px);
-  color: $dark;
+  color: $gray-900;
 }
diff --git a/source/styles/common/variables.scss b/source/styles/common/variables.scss
@@ -6,15 +6,15 @@ $primary: #68b738; // Цвет основной темы
 $primary-lighter: rgba(104, 183, 56, 0.85); //Цвет оверлея над фоновой картинкой
 $primary-darker: #5eaa2f; // Цвет кнопок при наведении и при нажатии
 $light: #f2f2f2; // Цвет фона карточек товара, программ, футера, кнопки
-$dark: #444444; // Тёмный цвет текста
-$darker: #222222; // Более тёмный цвет текста
-$darkest: #111111; // Самый тёмный цвет текста
+$dark: #222222; // Более тёмный цвет текста
+$darker: #111111; // Самый тёмный цвет текста
 $gray-100: #eaeaea; // Цвет фона блока example
 $gray-200: #ebebeb; // Цвет разделителя в catalog и фоновый цвет кнопки в состоянии hover и pressed
 $gray-300: #e7e7e7; // Цвет бордера инпута с именем в обчном состоянии
 $gray-400: #e6e6e6; // Цвет разделителя в меню
 $gray-500: #d9d9d9; // Цвет разделителя в секциях и в программах
 $gray-600: #d3d3d3; // Цвет плюсика в кнопке показать всё
 $gray-700: #cdcdcd; // Цвет разделителя в карточках и бордера инпута email
-$gray-900: #666666; // Цвет разделителя и кнопка под палец в слайдере и цвет заливки иконок в обычн состоянии
-$error: #ff8282; // Цвет input error
+$gray-800: #666666; // Цвет разделителя и кнопка под палец в слайдере и цвет заливки иконок в обычн состоянии
+$gray-900: #444444; // Тёмный цвет текста
+$danger : #ff8282; // Цвет input error