diff --git a/css/styles.css b/css/styles.css index 1bf26bec3e23cb43363b36184b30f599f2d46067..7523ef0e03676b98bca85a7b12adec3ca1ab99f7 100644 --- a/css/styles.css +++ b/css/styles.css @@ -2658,6 +2658,18 @@ svg:not(:root) { .uw-site-container .uw-highlighted { padding: 0; } } +.uw-site-container .block-uw-cbl-special-alert { + background: #f0f0f0; + border: 2px solid #96172e; + margin: 1em 0; + padding: 1em; +} +.uw-site-container .block-uw-cbl-special-alert > *:first-child { + margin-top: 0; +} +.uw-site-container .block-uw-cbl-special-alert > *:last-child { + margin-bottom: 0; +} .uw-site-container .uw-main { grid-column: 1 / 2; grid-row: 3 / 4; diff --git a/source/_patterns/00-config/_design-tokens.artifact.scss b/source/_patterns/00-config/_design-tokens.artifact.scss index 23e6ffa04cc1aabd2989d364ff2445a19775b7c5..a809a81067e9a7509bf8a139c29bf65840a5a4a0 100644 --- a/source/_patterns/00-config/_design-tokens.artifact.scss +++ b/source/_patterns/00-config/_design-tokens.artifact.scss @@ -495,8 +495,8 @@ $gesso: ( mobilemenu: 6, interact: 5, header: 4, - footer: 4, content: 3, + footer: 2, slides: 2, wrapper: 2, background: 1, diff --git a/source/_patterns/03-layouts/site-container/_site-container.scss b/source/_patterns/03-layouts/site-container/_site-container.scss index 1f4de94e554b0dbe5934eff284fb6cd2082a75c3..119d45e5f353976627338e7ad5fe7f19dc13b11c 100644 --- a/source/_patterns/03-layouts/site-container/_site-container.scss +++ b/source/_patterns/03-layouts/site-container/_site-container.scss @@ -26,6 +26,23 @@ } } + .block-uw-cbl-special-alert { + background: #f0f0f0; + border: 2px solid #96172e; + margin: 1em 0; + padding: 1em; + + // Prevent excess space at top from elements that have a margin-top. + > *:first-child { + margin-top: 0; + } + + // Prevent excess space at bottom from elements that have a margin-bottom. + > *:last-child { + margin-bottom: 0; + } + } + .uw-main { grid-column: 1 / 2; grid-row: 3 / 4;