ISTWCMS-5747: css to clean up spacing in page title blocks, typo in...

ISTWCMS-5747: css to clean up spacing in page title blocks, typo in message.twig , css for full width spacing

src/patterns/03-layouts/block/_block.scss

+@use '../../01-core' as *;
+
 // @file
 // Styles for Block.
 
@@ -9,3 +11,6 @@
 .block--provider-layout-builder {
   margin-bottom: 0;
 }
+.l-block--id-local-tasks-block{
+  @include uw-contained-width();
+}

src/patterns/03-layouts/block/block.twig

 {% set classes = [
-  'block l-block',
-  modifier ? modifier: '',
+  'block',
+  modifier ? modifier:  '',
   attributes ? attributes.class
 ]|join(' ')|trim %}
 
 {% set title_classes = [
-  'block__title l-block__title',
+  'block__title',
   title_attributes ? title_attributes.class
 ]|join(' ')|trim %}
 
 {% set content_classes = [
-  'block__content l-block__content',
+  'block__content',
   content_attributes ? content_attributes.class
 ]|join(' ')|trim %}
 

src/patterns/03-layouts/layout/_layout.scss

@@ -58,11 +58,11 @@
     }
 
     &.layout--uw-1-col{
-      .block-inline-blockuw-cbl-banner-images,
-      .block-inline-blockuw-cbl-image,
+      .l-block--id-inline-blockuw-cbl-banner-images,
+      .l-block--id-inline-blockuw-cbl-image,
       .block-uw-cbl-image,
-      .block-inline-blockuw-cbl-remote-video,
-      .block-inline-blockuw-cbl-image-gallery{
+      .l-block--id-inline-blockuw-cbl-remote-video,
+      .l-block--id-inline-blockuw-cbl-image-gallery{
         @include uw-full-width-margin;
 
         .layout-builder &{

src/patterns/04-components/_index.scss

@@ -39,6 +39,7 @@
 @forward 'mobile-menu/mobile-menu';
 @forward 'mobile-menu-button/mobile-menu-button';
 @forward 'multi-type-list/multi-type-list';
+@forward 'page-title/page-title';
 @forward 'remote-video/remote-video';
 @forward 'search/search';
 @forward 'search/search--wcms-headerbar/search--wcms-headerbar';

src/patterns/04-components/image-gallery/_image-gallery.scss

@@ -164,7 +164,7 @@ $size-xlarge: 7;
     position: relative;
     width: 100%;
     a {
-      background: var(--uw-black);
+      background: transparent;
       box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
       display: block;
       height: 100%;

src/patterns/04-components/message/message.twig

@@ -16,7 +16,7 @@
   attributes ? additional_attributes.class
 ]|join(' ')|trim %}
 
-<div {% if type == 'error' %} role="alert" {% else %} role="contentinfo" {% endif %} {% if heading %}aria-label="{{ heading }}"{% endif %} class="{{messages_classes}}" {{ attributes ? attributes|without('class') }}>>
+<div {% if type == 'error' %} role="alert" {% else %} role="contentinfo" {% endif %} {% if heading %}aria-label="{{ heading }}"{% endif %} class="{{messages_classes}}" {{ attributes ? attributes|without('class') }}>
   {% if messages|length > 1 %}
     <h2 class="visually-hidden">{{ heading }}</h2>
     <ul class="message__list">