Fix scoping for widget styles.

app/setup.php

@@ -134,7 +134,7 @@ add_action('widgets_init', function () {
             'aldine'
         ),
         'id'            => 'front-page-block',
-        'before_widget' => '<section class="widget %1$s %2$s">',
+        'before_widget' => '<section class="block %1$s %2$s">',
         'after_widget'  => '</section>',
         'before_title'  => '<h3 class="tc ttu">',
         'after_title'   => '</h3>'

resources/assets/styles/layouts/_pages.scss

@@ -1,5 +1,5 @@
 .home {
-  .widget,
+  .block,
   .latest-books {
     height: 445px;
     background-color: $white;
@@ -28,7 +28,7 @@
     }
   }
 
-  .widget {
+  .block {
     display: flex;
     flex-direction: column;
     justify-content: center;
@@ -125,7 +125,7 @@
       margin-top: -366px;
     }
 
-    .widget {
+    .block {
       width: 775px;
       margin-bottom: 119px;
       padding: 0 90px;
@@ -169,7 +169,7 @@
 
 @media (min-width: $large) {
   .home {
-    .widget {
+    .block {
       width: 1115px;
       height: 494px;
     }
@@ -193,7 +193,7 @@
 
 @media (min-width: $extra-large) {
   .home {
-    .widget {
+    .block {
       width: 1115px;
       box-shadow: -3px 5px 4px 2px rgba(135, 135, 135, 0.09);
     }