META-INF.resources.css.main.scss Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of com.liferay.layout.seo.web

Liferay Layout SEO Web

There is a newer version: 2.0.92

@import 'atlas-variables';
@import 'display_page_templates';

.preview-seo {
	$component: &;

	background-color: $white;
	border: 1px solid $secondary-l3;
	border-radius: 0.25rem;
	font-size: 0.875rem;
	padding: 1rem;

	&-description,
	&-title,
	&-url {
		min-height: $line-height-base * 1em;
	}

	&-description {
		word-break: break-all;
	}

	&-title {
		font-size: 1rem;
	}

	&-serp {
		box-sizing: content-box;
		font-family: arial, sans-serif;
		max-width: 600px;

		#{$component}-description {
			color: #545454;
		}

		#{$component}-title {
			color: #1a0dab;
			font-size: 1.25rem;
			line-height: 1.3;
		}

		#{$component}-url {
			color: #006621;
			font-size: 1rem;
		}
	}

	&-og {
		color: $secondary;
		max-width: 535px;

		#{$component}-image {
			margin-bottom: 0.75rem;
		}

		#{$component}-placeholder-icon {
			font-size: 2rem;
		}

		#{$component}-placeholder-text {
			bottom: 1rem;
			font-weight: 600;
			position: absolute;
			text-align: center;
			width: 100%;
		}

		#{$component}-title {
			color: $dark;
			font-weight: 600;
		}

		#{$component}-url {
			color: $secondary;
			text-transform: uppercase;
		}
	}
}

.aspect-ratio-191-to-100 {
	@include clay-aspect-ratio(1.91, 1);
}

.open-graph-settings.disabled {
	opacity: 0.4;
}

.section-disabled .control-label {
	color: $gray-500;
	cursor: not-allowed;
}