Issue #3050559 by markconroy, finnsky, mgifford, smustgrave, nod_: Umami Home... (d86a0ee4) · Commits · project / drupal

core/profiles/demo_umami/themes/umami/css/components/regions/footer/footer.css

+8 −8

Original line number	Diff line number	Diff line
		@@ -6,7 +6,7 @@
		* footer items, such as a menu, which are styled by their own CSS files.
		*/

		.footer {
		.layout-footer {
		padding: 2rem 4%;
		text-align: center;
		color: #fff;
		@@ -21,10 +21,10 @@
		/* Large */
		@media screen and (min-width: 60rem) {
		/* 960px */
		.footer {
		.layout-footer {
		text-align: left; /* LTR */
		}
		[dir="rtl"] .footer {
		[dir="rtl"] .layout-footer {
		text-align: right;
		}
		.region-footer {
		@@ -36,20 +36,20 @@
		/* Extra large + side margins */
		@media screen and (min-width: 80rem) {
		/* 1200px (large) + 80px (side margins) = 1280px */
		.footer {
		.layout-footer {
		padding: 2rem 0;
		}
		}

		:where(.footer) a {
		:where(.layout-footer) a {
		color: #fff;
		background-color: inherit;
		font-weight: 400;
		}

		:where(.footer) a:active,
		:where(.footer) a:focus,
		:where(.footer) a:hover {
		:where(.layout-footer) a:active,
		:where(.layout-footer) a:focus,
		:where(.layout-footer) a:hover {
		outline-color: #fff;
		background-color: #000;
		}

+2 −2

Original line number	Diff line number	Diff line
		@@ -3,14 +3,14 @@
		* This file is used to create the layout when the theme has 2 columns.
		*/

		.two-columns .main {
		.two-columns .main-content-area {
		display: grid;
		gap: 14px;
		}
		/* Large */
		@media screen and (min-width: 60rem) {
		/* 960px */
		.two-columns .main {
		.two-columns .main-content-area {
		grid-template-columns: 72% 1fr;
		gap: 3%;
		}

+2 −2

Original line number	Diff line number	Diff line
		@@ -12,14 +12,14 @@
		}

		/* Add responsive side gutters to the outer layout container 'main' at smaller sizes */
		.main {
		.main-content-area {
		padding-inline: 4%;
		padding-block: 0 2.37rem;
		}
		/* Extra large + side margins */
		@media screen and (min-width: 80rem) {
		/* 1200px (large) + 80px (side margins) = 1280px */
		.main {
		.main-content-area {
		padding-inline: 0;
		}
		}

+66 −65

Original line number	Diff line number	Diff line
		@@ -58,6 +58,8 @@
		</header>
		{% endif %}

		<main>

		{% if page.highlighted %}
		<div class="layout-highlighted">
		<div class="container">
		@@ -104,8 +106,7 @@
		{% endif %}
		{% endif %}

		<main role="main" class="main container">

		<div class="main-content-area container">
		<div class="layout-content">
		<a id="main-content" tabindex="-1"></a>{# link is in html.html.twig #}
		{{ page.content }}
		@@ -116,22 +117,21 @@
		{{ page.sidebar }}
		</aside>
		{% endif %}

		</main>
		</div>

		{% if page.content_bottom\|render\|trim is not empty %}
		<div class="layout-content-bottom">
		{{ page.content_bottom }}
		</div>
		{% endif %}
		</main>

		<footer class="footer" role="contentinfo">
		{% if page.footer\|render\|trim is not empty %}
		<div class="layout-footer">
		<footer class="footer" role="contentinfo">
		<div class="container">
		{{ page.footer }}
		</div>
		</footer>
		</div>
		{% endif %}

		@@ -142,5 +142,6 @@
		</div>
		</div>
		{% endif %}
		</footer>

		</div>{# /.layout-container #}