initial

2026-03-03 16:30:57 +07:00
parent a13304e40e
commit c253e1a370
7569 changed files with 1324841 additions and 0 deletions
@@ -0,0 +1,100 @@
+/* Auth */
+
+.auth {
+	&.login-full-bg {
+		background: url("http://via.placeholder.com/1366x768/f4f4f4/000000");
+		background-size: cover;
+	}
+	.login-half-bg {
+		background: url("http://via.placeholder.com/1366x768/f4f4f4/000000");
+		background-size: cover;
+	}
+	&.register-full-bg {
+		background: url("http://via.placeholder.com/1366x768/f4f4f4/000000");
+		background-size: cover;
+	}
+	.register-half-bg {
+		background: url("http://via.placeholder.com/1366x768/f4f4f4/000000");
+		background-size: cover;
+	}
+	&.lock-full-bg {
+		background: url("http://via.placeholder.com/1366x768/f4f4f4/000000");
+		background-size: cover;
+	}
+	.lock-profile-img {
+		width: 90px;
+		height: 90px;
+		border-radius: 100%;
+	}
+	.auth-form-dark {
+		background: rgba($black, 0.3);
+		color: $white;
+		.form-control {
+			border-color: rgba($white, 0.2);
+			color: $white;
+			@include input-placeholder {
+				color: $white;
+			}
+		}
+	}
+	.auth-form-light {
+		background: $white;
+		color: $black;
+		.form-control {
+			border-color: rgba($black, 0.2);
+			color: $black;
+			@include input-placeholder {
+				color: $black;
+			}
+		}
+	}
+	.auth-form-transparent {
+		background: transparent;
+		color: $white;
+		form {
+			.form-group {
+				.form-control {
+					padding-left: 1rem;
+					padding-right: 1rem;
+					border-color: rgba($white, 0.2);
+				}
+			}
+		}
+	}
+	form {
+		.form-group {
+			position: relative;
+			label {
+				margin-bottom: 0;
+				vertical-align: bottom;
+				font-size: 0.8125rem;
+				font-family: $type1-light;
+			}
+			.form-control {
+				background: transparent;
+				border-top: 0;
+				border-left: 0;
+				border-right: 0;
+				border-radius: 0;
+				padding-left: 0;
+				padding-right: 2.5rem;
+				font-size: 0.9375rem;
+			}
+			i {
+				position: absolute;
+				right: 1rem;
+				height: 18px;
+				top: calc((100% - 18px) / 2);
+			}
+		}
+		.btn {
+			font-size: 1.25rem;
+		}
+		.auth-link {
+			font-size: $default-font-size;
+			&:hover {
+				color: initial;
+			}
+		}
+	}
+}