BEM

htmlacademy-adaptive · Dec 17, 2023 · ba41a72 · ba41a72
1 parent 2d5ce37
commit ba41a72
Show file tree

Hide file tree

Showing 4 changed files with 18 additions and 18 deletions.
diff --git a/source/index.html b/source/index.html
@@ -28,7 +28,7 @@
       </a>
       </picture>
 
-      <a class="logo__sign" href="#" tabindex="-1">
+      <a class="page-header__logo-sign" href="#" tabindex="-1">
         <img src="./images/logo-sign.svg" width="101" height="19" aria-current="page"
           alt="Логотип Cat Energy.">
       </a>
@@ -75,13 +75,13 @@ <h2 class="hero__heading common-heading">Функциональное
       <div class="catalog-preview__container container">
         <h2 class="visually-hidden">Разделы каталога.</h2>
         <article class="catalog-preview__item">
-          <h3 class="catalog-preview__heading catalog-sections__heading--slim">похудение</h3>
+          <h3 class="catalog-preview__heading catalog-preview__heading--slim">похудение</h3>
           <p class="catalog-preview__text">Ваш кот весит больше собаки и почти утратил способность лазить по деревьям?
             Пора на диету! Cat Energy Slim поможет вашему питомцу сбросить лишний вес.</p>
           <a class="catalog-preview__link" href="404.html">каталог slim</a>
         </article>
         <article class="catalog-preview__item">
-          <h3 class="catalog-preview__heading catalog-sections__heading--pro">Набор массы</h3>
+          <h3 class="catalog-preview__heading catalog-preview__heading--pro">Набор массы</h3>
           <p class="catalog-preview__text">Заработать авторитет среди дворовых котов и даже собак? Серия Cat Energy Pro
             поможет вашему коту нарастить необходимые мышцы!</p>
           <a class="catalog-preview__link" href="404.html">каталог pro</a>

diff --git a/source/styles/blocks/catalog-preview.scss b/source/styles/blocks/catalog-preview.scss
@@ -25,7 +25,7 @@
   background-image: url("../../images/icons/stack.svg#arrow");
 }
 
-.catalog-sections__heading--slim {
+.catalog-preview__heading--slim {
   &::before {
     content: "";
     position: absolute;
@@ -48,7 +48,7 @@
   }
 }
 
-.catalog-sections__heading--pro {
+.catalog-preview__heading--pro {
   &::before {
     content: "";
     position: absolute;

diff --git a/source/styles/blocks/logo.scss b/source/styles/blocks/logo.scss
@@ -1,16 +1,3 @@
 .logo {
   text-decoration: none;
 }
-
-.logo__sign {
-
-  text-decoration: none;
-
-  @media (min-width: $tablet-width) {
-    display: none;
-  }
-
-  @media (min-width: $desktop-width) {
-    display: none;
-  }
-}
diff --git a/source/styles/blocks/page-main.scss b/source/styles/blocks/page-main.scss
@@ -3,3 +3,16 @@
   font-family: $font-heading;
   color: $color-black;
 }
+
+.page-header__logo-sign {
+
+  text-decoration: none;
+
+  @media (min-width: $tablet-width) {
+    display: none;
+  }
+
+  @media (min-width: $desktop-width) {
+    display: none;
+  }
+}