File "_forms.scss"

Full Path: /home/elegucvf/public_html/video/wp-content/wp-includes/wp-includes/wp-includes/wp-content/themes/atlas/scss/_forms.scss
File size: 3.19 KB
MIME-type: text/plain
Charset: utf-8

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.woocommerce form .form-row .select2-container.select2-container--default .select2-selection--single,
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="range"],
input[type="text"],
input[type="url"],
input[type="color"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input:not([type]),
select,
textarea {
	box-shadow: none;
	box-sizing: inherit;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	line-height: inherit;
	max-width: 100%;
	width: 100%;
	border-radius: 0;
	display: block;
	float: none;
	padding: 6px 15px;
	height: $form_height;
	color: inherit;
	@include transition(all, 0.2s, linear);
	background-color: var(--light-sec-bg-color);
	border-radius: var(--button-radius);
	border: var(--btn-line-size) solid var(--light-line-color-rgba);
	color: var(--light-text-color-rgba);

	.bg-dark & {
		background-color: var(--dark-sec-bg-color);
		border: var(--btn-line-size) solid var(--dark-line-color-rgba);
		color: var(--dark-text-color-rgba);
	}

	@include placeholder {
		color: var(--light-text-color-rgba);
		opacity: 0.5;

		.bg-dark & {
			color: var(--dark-text-color-rgba);
		}
	}
}

form {
	p:last-of-type {
		margin-bottom: 0;
	}
}

input[type="checkbox"],
input[type="radio"] {
	display: inline-block;
	border: none;
	background-color: transparent;
	margin: side-values(0 8px 0 0);
	vertical-align: middle;

	+ * {
		display: inline-block;
		margin-bottom: 0;
		@include second-text;
	}
}

input[type="radio"] {
	border-radius: 50%;
}

select {
	max-width: 100%;
	text-transform: none;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
	background-image: $arrow_menu_down;
	background-repeat: no-repeat;
	background-position: #{$right} 10px center;
	background-size: 17px;
	padding-#{$right}: 35px;

	.bg-dark & {
		background-image: $arrow_menu_down_white;
	}
}

textarea {
	height: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}

input,
select,
textarea {
	&:disabled {
		cursor: not-allowed;
		opacity: 0.8;
	}

	&:last-of-type {
		margin-bottom: 0;
	}
}

label {
	display: block;
	text-transform: none;
	margin-bottom: 0.5em;
	color: var(--light-text-color-heavier-rgba);

	.bg-dark & {
		color: var(--dark-text-color-heavier-rgba);
	}
}

legend {
	@include heading-text;
	display: block;
	font-size: 1.5em;
	margin-bottom: $spacing_element_small;
	color: var(--light-text-color-heavier-rgba);

	.bg-dark & {
		color: var(--dark-text-color-heavier-rgba);
	}
}

fieldset {
	border-width: 0;
	padding: 0;
	margin-#{$left}: 0;
}

.required {
	color: red;
}

.form-group {
	width: 100%;
	float: $left;
}

.label-inline {
	display: inline-block;
	font-weight: normal;
	margin-#{$right}: 0.5em;

	&:last-child {
		margin-#{$right}: 0;
	}
}
/* Chrome, Safari, Edge, Opera */
input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}
/* Firefox */
input[type=number] {
	-moz-appearance: textfield;
}