diff --git a/core/profiles/standard/config/install/block.block.bartik_footer.yml b/core/profiles/standard/config/install/block.block.bartik_footer.yml
index 43817fda1e44d8f171d6b867196f050573608371..e98fcb8b67a00ffdce49d53102f4f183ec05bdd0 100644
--- a/core/profiles/standard/config/install/block.block.bartik_footer.yml
+++ b/core/profiles/standard/config/install/block.block.bartik_footer.yml
@@ -3,7 +3,7 @@ theme: bartik
weight: 0
status: true
langcode: en
-region: footer
+region: footer_fifth
plugin: 'system_menu_block:footer'
settings:
id: 'system_menu_block:footer'
diff --git a/core/profiles/standard/config/install/block.block.bartik_powered.yml b/core/profiles/standard/config/install/block.block.bartik_powered.yml
index 5a9881f1562a76d32345257280d25f8da7218159..f7e4c9036662082cc9ecbe7ac5e2f77447600fea 100644
--- a/core/profiles/standard/config/install/block.block.bartik_powered.yml
+++ b/core/profiles/standard/config/install/block.block.bartik_powered.yml
@@ -3,7 +3,7 @@ theme: bartik
weight: 10
status: true
langcode: en
-region: footer
+region: footer_fifth
plugin: system_powered_by_block
settings:
id: system_powered_by_block
diff --git a/core/themes/bartik/bartik.info.yml b/core/themes/bartik/bartik.info.yml
index 93c4b6161c2722398554b317d4b23b77c5193f14..f4bea7842a81a4b64d030b3c460dd0062f47f736 100644
--- a/core/themes/bartik/bartik.info.yml
+++ b/core/themes/bartik/bartik.info.yml
@@ -28,8 +28,8 @@ regions:
triptych_first: 'Triptych first'
triptych_middle: 'Triptych middle'
triptych_last: 'Triptych last'
- footer_firstcolumn: 'Footer first column'
- footer_secondcolumn: 'Footer second column'
- footer_thirdcolumn: 'Footer third column'
- footer_fourthcolumn: 'Footer fourth column'
- footer: Footer
+ footer_first: 'Footer first'
+ footer_second: 'Footer second'
+ footer_third: 'Footer third'
+ footer_fourth: 'Footer fourth'
+ footer_fifth: 'Footer fifth'
diff --git a/core/themes/bartik/css/base/typography.css b/core/themes/bartik/css/base/typography.css
index fb3fcd098a16d856e25dc0ceac49d5a9bffff523..906bd096fcea88f1c83f4479179330d3a7a901cd 100644
--- a/core/themes/bartik/css/base/typography.css
+++ b/core/themes/bartik/css/base/typography.css
@@ -10,7 +10,7 @@ body,
font-family: Georgia, "Times New Roman", Times, serif;
}
#header,
-#footer-wrapper,
+#site-footer__wrapper,
.skip-link,
ul.contextual-links,
ul.links,
diff --git a/core/themes/bartik/css/colors.css b/core/themes/bartik/css/colors.css
index 6ba30647a63e80051dcb60c6bb2b86f0b09d1855..7689d576d9a9f182a1b29d484ab1eedec60ee009 100644
--- a/core/themes/bartik/css/colors.css
+++ b/core/themes/bartik/css/colors.css
@@ -43,7 +43,7 @@ a:active,
border-color: #f9f9f9;
}
#page-wrapper,
-#footer-wrapper {
+#site-footer__wrapper {
background: #292929;
}
.region-header,
@@ -70,4 +70,3 @@ a:active,
right: -20px;
left: 0;
}
-
diff --git a/core/themes/bartik/css/components/footer.css b/core/themes/bartik/css/components/footer.css
index 90de8afcb894a760f3ac642edfd0b2fe8e307ac9..59d3fe36dfe577dc8c8c077804eb20238b64de4c 100644
--- a/core/themes/bartik/css/components/footer.css
+++ b/core/themes/bartik/css/components/footer.css
@@ -1,46 +1,46 @@
/* ------------------ Footer ------------------ */
-#footer-wrapper .block .content {
+#site-footer__wrapper .block .content {
color: #c0c0c0;
color: rgba(255, 255, 255, 0.65);
font-size: 0.857em;
}
-#footer-wrapper .block .content a {
+#site-footer__wrapper .block .content a {
color: #fcfcfc;
color: rgba(255, 255, 255, 0.8);
}
-#footer-wrapper .block .content a:hover,
-#footer-wrapper .block .content a:focus {
+#site-footer__wrapper .block .content a:hover,
+#site-footer__wrapper .block .content a:focus {
color: #fefefe;
color: rgba(255, 255, 255, 0.95);
}
-#footer-wrapper .block {
+#site-footer__wrapper .block {
margin: 20px 0;
border: 1px solid #444;
border-color: rgba(255, 255, 255, 0.1);
padding: 10px;
}
#footer-columns .block-menu,
-#footer .block {
+#site-footer__bottom .block {
margin: 0;
padding: 0;
border: none;
}
-#footer .block {
+#site-footer__bottom .block {
margin: 0.5em 0;
}
-#footer .block .content {
+#site-footer__bottom .block .content {
padding: 0.5em 0;
margin-top: 0;
}
-#footer .block > h2 {
+#site-footer__bottom .block > h2 {
/* @extend .visually-hidden */
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
overflow: hidden;
height: 1px;
}
-#footer .block h2 {
+#site-footer__bottom .block h2 {
margin: 0;
}
#footer-columns h2 {
@@ -88,56 +88,56 @@
background-color: rgba(255, 255, 255, 0.05);
text-decoration: none;
}
-#footer {
+#site-footer__bottom {
letter-spacing: 0.2px;
margin-top: 30px;
border-top: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
}
-#footer .region {
+#site-footer__bottom .region {
margin-top: 20px;
}
-#footer .block {
+#site-footer__bottom .block {
clear: both;
}
-#footer .menu ,
-#footer .menu li {
+#site-footer__bottom .menu ,
+#site-footer__bottom .menu li {
list-style: none;
margin: 0;
padding: 0;
}
-#footer .menu li a {
+#site-footer__bottom .menu li a {
float: left; /* LTR */
padding: 0 12px;
display: block;
border-right: 1px solid #555; /* LTR */
border-color: rgba(255, 255, 255, 0.15);
}
-[dir="rtl"] #footer .menu li a {
+[dir="rtl"] #site-footer__bottom .menu li a {
float: right;
border-left: 1px solid #555;
border-color: rgba(255, 255, 255, 0.15);
border-right: none;
}
-#footer .menu li:first-child a {
+#site-footer__bottom .menu li:first-child a {
padding-left: 0; /* LTR */
}
-[dir="rtl"] #footer .menu li:first-child a {
+[dir="rtl"] #site-footer__bottom .menu li:first-child a {
padding-right: 0;
padding-left: 12px;
}
-#footer .menu li:last-child a {
+#site-footer__bottom .menu li:last-child a {
padding-right: 0; /* LTR */
border-right: none; /* LTR */
}
-[dir="rtl"] #footer .menu li:last-child a {
+[dir="rtl"] #site-footer__bottom .menu li:last-child a {
padding-left: 0;
border-left: none;
}
-#footer-wrapper tr.odd {
+#site-footer__wrapper tr.odd {
background-color: transparent;
}
-#footer-wrapper tr.even {
+#site-footer__wrapper tr.even {
background-color: #2c2c2c;
background-color: rgba(0, 0, 0, 0.15);
}
diff --git a/core/themes/bartik/css/layout.css b/core/themes/bartik/css/layout.css
index 32be50c433dd1d7d681ece64f40e25887801f298..8537380b158253331e3890a3fcda6d0b19eac4a8 100644
--- a/core/themes/bartik/css/layout.css
+++ b/core/themes/bartik/css/layout.css
@@ -15,7 +15,7 @@ body,
#main,
#triptych,
#footer-columns,
-#footer {
+#site-footer__bottom {
width: 100%;
max-width: 860px;
margin-left: auto;
@@ -52,10 +52,10 @@ body,
.sidebar .section {
padding: 0 15px;
}
-#footer-wrapper {
+#site-footer__wrapper {
padding: 35px 0 30px;
}
-#footer-wrapper .section {
+#site-footer__wrapper .section {
box-sizing: border-box;
padding: 0 15px;
}
@@ -65,10 +65,10 @@ body,
box-sizing: border-box;
padding: 0 20px 0;
}
-.region-footer-firstcolumn,
-.region-footer-secondcolumn,
-.region-footer-thirdcolumn,
-.region-footer-fourthcolumn {
+.region-footer-first,
+.region-footer-second,
+.region-footer-third,
+.region-footer-fourth {
box-sizing: border-box;
padding: 0 10px;
}
@@ -79,10 +79,10 @@ body,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
- .region-footer-firstcolumn,
- .region-footer-secondcolumn,
- .region-footer-thirdcolumn,
- .region-footer-fourthcolumn {
+ .region-footer-first,
+ .region-footer-second,
+ .region-footer-third,
+ .region-footer-fourth {
display: inline;
float: left; /* LTR */
position: relative;
@@ -91,10 +91,10 @@ body,
[dir="rtl"] .region-triptych-first,
[dir="rtl"] .region-triptych-middle,
[dir="rtl"] .region-triptych-last,
- [dir="rtl"] .region-footer-firstcolumn,
- [dir="rtl"] .region-footer-secondcolumn,
- [dir="rtl"] .region-footer-thirdcolumn,
- [dir="rtl"] .region-footer-fourthcolumn {
+ [dir="rtl"] .region-footer-first,
+ [dir="rtl"] .region-footer-second,
+ [dir="rtl"] .region-footer-third,
+ [dir="rtl"] .region-footer-fourth {
float: right;
}
#sidebar-first,
@@ -127,14 +127,14 @@ body,
.region-triptych-middle {
padding: 20px 5px 30px;
}
- .region-footer-firstcolumn,
- .region-footer-secondcolumn {
+ .region-footer-first,
+ .region-footer-second {
box-sizing: border-box;
padding: 0 10px;
width: 50%;
}
- .region-footer-thirdcolumn,
- .region-footer-fourthcolumn {
+ .region-footer-third,
+ .region-footer-fourth {
box-sizing: border-box;
padding: 0 10px;
width: 50%;
@@ -152,7 +152,7 @@ body,
#main,
#triptych,
#footer-columns,
- #footer {
+ #site-footer__bottom {
max-width: 1290px;
}
#content,
@@ -161,10 +161,10 @@ body,
.region-triptych-first,
.region-triptych-middle,
.region-triptych-last,
- .region-footer-firstcolumn,
- .region-footer-secondcolumn,
- .region-footer-thirdcolumn,
- .region-footer-fourthcolumn {
+ .region-footer-first,
+ .region-footer-second,
+ .region-footer-third,
+ .region-footer-fourth {
display: inline;
float: left; /* LTR */
position: relative;
@@ -175,10 +175,10 @@ body,
[dir="rtl"] .region-triptych-first,
[dir="rtl"] .region-triptych-middle,
[dir="rtl"] .region-triptych-last,
- [dir="rtl"] .region-footer-firstcolumn,
- [dir="rtl"] .region-footer-secondcolumn,
- [dir="rtl"] .region-footer-thirdcolumn,
- [dir="rtl"] .region-footer-fourthcolumn {
+ [dir="rtl"] .region-footer-first,
+ [dir="rtl"] .region-footer-second,
+ [dir="rtl"] .region-footer-third,
+ [dir="rtl"] .region-footer-fourth {
float: right;
}
.layout-two-sidebars #content {
@@ -228,10 +228,10 @@ body,
.region-triptych-last {
width: 33%;
}
- .region-footer-firstcolumn,
- .region-footer-secondcolumn,
- .region-footer-thirdcolumn,
- .region-footer-fourthcolumn {
+ .region-footer-first,
+ .region-footer-second,
+ .region-footer-third,
+ .region-footer-fourth {
box-sizing: border-box;
padding: 0 10px;
width: 25%;
@@ -243,4 +243,3 @@ body,
margin-top: 20px;
margin-bottom: 40px;
}
-
diff --git a/core/themes/bartik/templates/page.html.twig b/core/themes/bartik/templates/page.html.twig
index 518969a3f9d0e8efd88bca26b8a0e848305ca0e0..10f6fc9d4cae56c8ba8cc60da382b466dc50f1f0 100644
--- a/core/themes/bartik/templates/page.html.twig
+++ b/core/themes/bartik/templates/page.html.twig
@@ -60,11 +60,11 @@
* - page.triptych_first: Items for the first triptych.
* - page.triptych_middle: Items for the middle triptych.
* - page.triptych_last: Items for the last triptych.
- * - page.footer_firstcolumn: Items for the first footer column.
- * - page.footer_secondcolumn: Items for the second footer column.
- * - page.footer_thirdcolumn: Items for the third footer column.
- * - page.footer_fourthcolumn: Items for the fourth footer column.
- * - page.footer: Items for the footer region.
+ * - page.footer_first: Items for the first footer column.
+ * - page.footer_second: Items for the second footer column.
+ * - page.footer_third: Items for the third footer column.
+ * - page.footer_fourth: Items for the fourth footer column.
+ * - page.footer_fifth: Items for the fifth footer column.
* - page.breadcrumb: Items for the breadcrumb region.
*
* @see template_preprocess_page()
@@ -171,19 +171,19 @@
</aside>
</div>
{% endif %}
- <div id="footer-wrapper">
- <footer class="section">
- {% if page.footer_firstcolumn or page.footer_secondcolumn or page.footer_thirdcolumn or page.footer_fourthcolumn %}
+ <div id="site-footer__wrapper">
+ <footer class="site-footer">
+ {% if page.footer_first or page.footer_second or page.footer_third or page.footer_fourth %}
<div id="footer-columns" class="clearfix">
- {{ page.footer_firstcolumn }}
- {{ page.footer_secondcolumn }}
- {{ page.footer_thirdcolumn }}
- {{ page.footer_fourthcolumn }}
+ {{ page.footer_first }}
+ {{ page.footer_second }}
+ {{ page.footer_third }}
+ {{ page.footer_fourth }}
</div>
{% endif %}
- {% if page.footer %}
- <div id="footer" role="contentinfo" class="clearfix">
- {{ page.footer }}
+ {% if page.footer_fifth %}
+ <div id="site-footer__bottom" role="contentinfo">
+ {{ page.footer_fifth }}
</div>
{% endif %}
</footer>