product-admin/src-client/components/edit-product/edit-product-styles.html

EA admin screens

<dom-module id="edit-product-styles">
	<template>
		<style>

		:host ::content .modal__content.px-modal {
			width: 80%;
			height: auto;
			max-height: 80%;
		}

		:host ::content .px-modal-0 .u-p\00002b.px-modal {
			padding-top: 5rem !important;
		}

		:host ::content .px-modal-0 .flex.px-modal {
			flex-basis: 0%;
			flex-grow: 0;
			flex-shrink: 0.5;
		}

		:host ::content .px-modal-0 .modal__buttons.px-modal {
			bottom: 1.3333rem;
			width: 100%;
			border-top: none !important;
			margin: 1.33333rem 0 0;
			padding: 1.33333rem 0 0;
		}

		:host ::content .btn.px-modal {
			order: 1;
		}

		:host ::content .px-modal-0 .btn--primary.px-modal {
			order: 0;
			margin-right: 0.75rem;
		}

		hr {
			border-style: solid;
			border-width: 1px;
			border-bottom: none;
			border-color: rgb(211, 211, 211);
		}

		label {
			font-weight: bold;
			margin-bottom: 0.75rem;
		}

		.textarea--long-description {
			overflow: none;
			overflow-y: auto;
			max-height: 200px;
			background: #EFEFF1; /*rgb(239, 239, 241);*/
			border: 1px solid #C6C6CF; /*rgb(198, 198, 207)*/
			margin-bottom: 15px;
			padding: 0.4rem 1rem 0.55rem;
		}

		.label--light {
			font-weight: normal;
		}

		.label--checkbox-unit {
			font-weight: normal;
		}

		.label--space-right-large {
			margin-right: 2rem;
		}

		.label--space-left-small {
			margin-left: 0.5rem;
		}

		.label--space-right-medium {
			margin-right: 0.75rem;
		}

		.label--space-right-small {
			margin-right: 0.5rem;
		}

		.checkbox__unit {
			margin-right: 0;
			width: 2rem;
		}

		.label__checkbox--unit {
			font-weight: normal;
			display: inline-block;
			margin: 0;
			vertical-align: middle;
			display: inline-block;
			min-width: 12.5rem;
			max-width: 12.5rem;
			position: relative;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.container--col__units {
			display: inline-block;
			margin-bottom: 1.5rem;
			max-width: 15rem;
			min-width: 15rem;
			text-overflow: ellipsis;
		}

		.section--scrollable {
			overflow: hidden;
			overflow-y: auto;
			max-height: 25rem;
		}

		input {
			margin-bottom: 0.75rem;
		}

		:host ::content .modal__title {
			display: block;
			position: absolute;
			top: 0;
			left: 0;
			font-size: 1rem !important;
			line-height: 1rem !important;
			font-weight: bold !important;
			width: 100%;
			background: rgb(209, 208, 216);
			padding: 1rem 1.3333rem 0.75rem;
		}

		.text-input--four-char {
			width: 5rem;
			max-width: 5rem;
		}

		.text-input--two-char {
			width: 3.5rem;
			max-width: 3.5rem;
		}

		.text-input {
			background: #EFEFF1;
			border-color: #C6C6CF;
		}

		.input--tiny {
			max-width: 7.06667rem;
		}

		.input--small {
			max-width: 14.13333rem;
		}

		.input--regular {
			max-width: 21.2rem;
		}

		.input--huge {
			max-width: 35.33333rem;
		}

		</style>
	</template>
</dom-module>