6555 - Remove chapter-page.scss (#6865)

network-api/networkapi/wagtailpages/templates/fragments/publication_table_of_contents.html

@@ -42,7 +42,7 @@
                 </h3>
                 {% for grandchild in child_page.grandchildren %}
                   <h4 class="d-sm-block d-none body">
-                    <a href="{{ grandchild.url }}" class="d-block w-75 chapter-article-link">
+                    <a href="{{ grandchild.url }}" class="d-block w-75 publication-chapter-article-link">
                       {{ grandchild.title }}
                     </a>
                   </h4>
@@ -54,7 +54,7 @@
               <div class="pt-2 d-sm-none d-block">
                 {% for grandchild in child_page.grandchildren %}
                   <h4 class="body">
-                    <a href="{{ grandchild.url }}" class="d-block chapter-article-link">
+                    <a href="{{ grandchild.url }}" class="d-block publication-chapter-article-link">
                       {{ grandchild.title }} {% if child.has_unpublished_changes %}🐣{% endif %}
                     </a>
                   </h4>

source/sass/main.scss

@@ -62,7 +62,6 @@
 @import "./views/youtube-regrets-reporter";
 @import "./views/dear-internet";
 @import "./views/publication";
-@import "./views/chapter";
 @import "./views/article";
 
 // MozFest

source/sass/views/chapter.scss

@@ -1,22 +0,0 @@
-// ChapterPage-specific styling.
-// Also see publication-page.scss and article-page.scss
-// "ChapterPage" is a child PublicationPage
-// PublicationPage is the most parent PublicationPage
-
-.chapter-number {
-  display: flex;
-  width: 80px;
-  height: 80px;
-  background-color: $light-blue;
-  color: $white;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  font-size: 30px;
-}
-
-@media (max-width: $bp-sm) {
-  .chapter-article-link {
-    line-height: 24px;
-  }
-}

source/sass/views/publication.scss

@@ -1,5 +1,5 @@
 // PublicationPage-specific styling.
-// Also see chapter-page.scss and article-page.scss
+// Also see article-page.scss
 // "ChapterPage" is a child PublicationPage.
 // PublicationPage is the most parent PublicationPage
 
@@ -134,4 +134,8 @@
   .publication-chapter-title {
     margin-top: 29px;
   }
+
+  .publication-chapter-article-link {
+    line-height: 24px;
+  }
 }