forms.scss
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

forms.scss
View Options

	.form-message {
	--color: black;
	border: 1px solid var(--color);
	border-radius: 5px;
	padding: 10px;

	&--error {
	--color: #ff4136;
	}

	&--success {
	--color: #2ecc40;
	}
	}

	.form__error {
	color: #ff4136;
	}

	.form-input__wrapper--checkbox {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	& > input[type="checkbox"] {
	width: 15px;
	height: 15px;

	+ label {
	padding-left: 10px;
	}
	}
	}

	.form-input__wrapper--multiple-files--photos {
	ul {
	list-style: none;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	grid-gap: 10px;
	margin-bottom: 20px;

	li {
	background-color: white;
	box-shadow: 1px 1px 6px 0px #00000038;
	padding: 10px;
	display: grid;
	grid-template-columns: 1fr 20px;
	grid-template-rows: 20px auto min-content;
	grid-row-gap: 10px;

	a {
	grid-row: 1/3;
	grid-column: 1/3;

	picture,
	img {
	width: 100%;
	height: 150px;
	object-fit: contain;
	}
	}

	.filename {
	grid-row: 3/4;
	grid-column: 1/3;
	}

	form {
	grid-row: 1/2;
	grid-column: 2/3;
	position: relative;
	z-index: 2;
	}
	}
	}
	}

	.file-list-item {
	display: flex;
	flex-flow: row;

	form {
	padding-left: 20px;
	}
	}