Differential D7911 Diff 26778 landing/hero-content.css

Changeset View

Standalone View

landing/hero-content.css

	.cycling_header {			.header {
	font-weight: bold;			color: var(--white-80);
	font-family: 'iA Writer Duo S', monospace;			margin-bottom: 24px;
	padding-bottom: 16px;
	font-size: clamp(2.5rem, -0.5rem + 4vw, 4.25rem);
	}
	@media (max-width: 1099px) {
	.cycling_header {
	font-size: clamp(1.5rem, 0.0122rem + 5.9514vw, 4.1rem);
	}			}

				.header span {
				background: linear-gradient(90deg, #5d34b3 0%, #a314d5 49.31%);
				background-clip: text;
				-webkit-background-clip: text;
				ginsuAuthorUnsubmitted Done Inline Actions This style is supported by all modern browsers (browsers from the last 10 years) https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip ginsu: This style is supported by all modern browsers (browsers from the last 10 years) https…
				atulUnsubmitted Not Done Inline Actions Annoying that so many browsers still have this "Implemented with the vendor prefix: -webkit-" so we can't just go w/ `background-clip` Oh well atul: Annoying that so many browsers still have this "Implemented with the vendor prefix: -webkit-"…
				tomekUnsubmitted Not Done Inline Actions We should probably try to avoid having explicit vendor prefixes. Is there a tool in our environment that can do it for us? Maybe something around our css-loader? Or we can introduce something from e.g. postcss. Still, probably not worth exploring at this point. tomek: We should probably try to avoid having explicit vendor prefixes. Is there a tool in our…
				ginsuAuthorUnsubmitted Done Inline Actions I agree having explicit vendor prefixes is not the most ideal; however, since every modern browser (from the last 10 years) supports these styles I think there is no risk to include this right now. If I have time at the end I will do some digging into an implementation w/o these vendor prefixes. ginsu: I agree having explicit vendor prefixes is not the most ideal; however, since every modern…
				-webkit-text-fill-color: transparent;
				ginsuAuthorUnsubmitted Done Inline Actions This style is supported by all browsers https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-fill-color ginsu: This style is supported by all browsers https://developer.mozilla.org/en-US/docs/Web/CSS/…
	}			}

	.sub_heading {			.subHeader {
	color: var(--sub-heading-color);			color: var(--white-80);
	font-size: clamp(1rem, 0.5556rem + 2.2222vw, 3.125rem);			margin-bottom: 56px;
	margin-bottom: 60px;
	}			}

	form {			form {
	width: 92%;			width: 92%;
	}			}
	@media (max-width: 1099px) {			@media (max-width: 1099px) {
	form {			form {
	width: 100%;			width: 100%;
	}			}
	}			}

	.cycling_content,
	.sub_heading {
	font-family: 'iA Writer Duo S', monospace;
	text-align: left;
	line-height: 1.35;
	}

	.cycling_content {
	background: var(--sub-heading-color);
	}

	.contentWrapper {			.contentWrapper {
	flex-basis: 300px;			flex-basis: 300px;
	}			}