FEATURE: somehow glued Elixir and SASS. Still not even nearly finished, still really experimental

2016-10-27 11:26:15 +02:00
parent 9f430cee11
commit 785168ecc2
175 changed files with 5231 additions and 24135 deletions
@@ -0,0 +1,73 @@
+@import "../imports";
+.auth {
+	position: absolute;
+	width: 100%;
+	height: 100%;
+	left: 0;
+	background-color: #667380;
+	overflow-x: hidden;
+	overflow-y: auto;
+}
+
+.auth-container {
+	width: 450px;
+	min-height: 330px;
+	position: absolute;
+	top: 50%;
+	left: 50%;
+	transform: translateY(-50%) translateX(-50%);
+	
+	.auth-header {
+		//background-color: $color-primary;
+		text-align: center;
+		border-bottom: 1px solid $color-primary;
+	}
+
+	.auth-title {
+		color: #97A4B1;
+		padding: 20px;
+		line-height: 30px;
+		font-size: 26px;
+		font-weight: 600;
+		margin: 0;
+	}
+
+	.auth-content {
+		padding: 30px 50px;
+		min-height: 260px;
+	}
+
+	.forgot-btn {
+		line-height: 28px;
+	}
+
+	.checkbox {
+		label {
+			padding: 0;
+		}
+
+		a {
+			vertical-align: text-top;
+		}
+
+		span {
+			color: #4f5f6f;
+		}
+	}
+}
+
+@include media-down(sm) {
+	.auth-container {
+		width: 100%;
+		position: relative;
+		left: 0;
+		top: 0;
+		transform: inherit;
+		margin: 0;
+		margin-bottom: 10px;
+
+		.auth-content {
+			padding: 30px 25px;
+		}
+	}
+}