Issue #3368102 by finnsky, Gauravvvv, smustgrave, lauriii, e0ipso, andypost,... (0852886c) · Commits · project / drupal

core/misc/cspell/dictionary.txt

+1 −0

0 → 100644

+33 −0

Original line number	Diff line number	Diff line
		# This is so your IDE knows about the syntax for fixes and autocomplete.
		$schema: https://git.drupalcode.org/project/drupal/-/raw/10.1.x/core/modules/sdc/src/metadata.schema.json

		# The human readable name.
		name: Footer Block

		# Status can be: "experimental", "stable", "deprecated", "obsolete".
		status: experimental

		# Schema for the props. We support www.json-schema.org. Learn more about the
		# syntax there.
		props:
		# Props are always an object with keys. Each key is a variable in your
		# component template.
		type: object

		properties:
		attributes:
		type: Drupal\Core\Template\Attribute
		title: Attributes
		description: Wrapper attributes.
		label:
		type: string

		# Slots always hold arbitrary markup. We know that beforehand, so no need for
		# a schema for slots.
		slots:
		# The key is the name of the slot. In your template you will use
		# {% block content %}.
		content:
		title: Content
		image:
		title: Image

0 → 100644

+47 −0

Original line number	Diff line number	Diff line
		.footer-block {
		font-size: 0.9rem;
		}

		.footer-block__link {
		color: #fff;
		background-color: inherit;
		font-weight: 700;
		}

		.footer-block__link::after {
		display: inline-block;
		width: 14px;
		height: 14px;
		content: "";
		vertical-align: middle;
		background: url("../../images/svg/pointer--white.svg") no-repeat center center;
		}

		.footer-block__link:active,
		.footer-block__link:focus,
		.footer-block__link:hover {
		color: #fff;
		}

		.footer-block__title {
		font-size: 1.5rem;
		font-weight: 400;
		}

		@media screen and (min-width: 60rem) {
		.footer-block__title {
		padding-top: 2rem;
		}
		}

		.footer-block__wrapper {
		display: flex;
		flex-direction: column;
		gap: 14px;
		}

		@media screen and (min-width: 60rem) {
		.footer-block__wrapper {
		flex-direction: row;
		}
		}
		No newline at end of file

0 → 100644

+14 −0

Original line number	Diff line number	Diff line
		<div{{attributes.addClass('footer-block')}}>
		<div class="footer-block__wrapper">
		{% block image %}
		{% if image %}
		<div class="footer-block__media">
		{{~ image ~}}
		</div>
		{% endif %}
		{% endblock %}
		<div class="footer-block__content">
		{% block content %}{% endblock %}
		</div>
		</div>
		</div>
		No newline at end of file

deleted100644 → 0

+0 −62

Original line number	Diff line number	Diff line
		/**
		* @file
		* This file is used to style the Footer promo block.
		*/

		.block-type-footer-promo-block .field--type-image {
		padding-bottom: 14px;
		}

		.block-type-footer-promo-block .block__title {
		font-size: 1.5rem;
		font-weight: 400;
		}

		.block-type-footer-promo-block .footer-promo-content {
		margin-bottom: 1.28rem;
		}

		.footer-promo-block__link.footer-promo-block__link {
		color: #fff;
		background-color: inherit;
		font-weight: 700;
		}

		.footer-promo-block__link.footer-promo-block__link:active,
		.footer-promo-block__link.footer-promo-block__link:focus,
		footer a.footer-promo-block__link:hover {
		background-color: transparent;
		}

		.footer-promo-block__link.footer-promo-block__link::after {
		display: inline-block;
		width: 14px;
		height: 14px;
		content: "";
		vertical-align: middle;
		background: url("../../../../images/svg/pointer--white.svg") no-repeat center center;
		}

		@media screen and (min-width: 60rem) {
		.block-type-footer-promo-block {
		overflow: hidden;
		flex-basis: 60%;
		height: 200px;
		font-size: 0.9rem;
		}

		.block-type-footer-promo-block .field--type-image {
		float: left; /* LTR */
		margin-right: 14px; /* LTR */
		padding-bottom: 0;
		}

		[dir="rtl"] .block-type-footer-promo-block .field--type-image {
		float: right;
		margin-left: 14px;
		}

		.block-type-footer-promo-block .block__title {
		padding-top: 2rem;
		}
		}