From 54fbc2a7852e9c77aa66bf5b3e2ce0cc26a24097 Mon Sep 17 00:00:00 2001
From: Simon Grim <scary@tasty.sexy>
Date: Tue, 2 Oct 2018 00:18:58 +0500
Subject: [PATCH] add .login-modal SASS

---
 sass/layout/_login.sass | 29 +++++++++++++++++
 sass/pages/_login.sass  | 70 -----------------------------------------
 sass/style.sass         |  2 +-
 3 files changed, 30 insertions(+), 71 deletions(-)
 create mode 100644 sass/layout/_login.sass
 delete mode 100644 sass/pages/_login.sass

diff --git a/sass/layout/_login.sass b/sass/layout/_login.sass
new file mode 100644
index 0000000..c0150bf
--- /dev/null
+++ b/sass/layout/_login.sass
@@ -0,0 +1,29 @@
+/****** LOGIN TO ACCOUNT MODAL ******/
+
+.login-modal
+	.module
+		margin: 4px
+		> div
+			margin: 4px 0
+			padding: 4px 12px
+		> div:last-child
+			text-align: right
+			margin: 8px 0
+		input
+			border: 1px solid rgba(0, 0, 0, .1)
+			width: 320px
+			margin: 12px 16px
+			padding: 2px 4px
+		select
+			border: 1px solid rgba(0, 0, 0, .1)
+			width: 310px
+			margin: 12px 16px
+			padding: 2px 4px
+		input:focus, select:focus
+			border-bottom: solid 1px #B4C669
+		.secret-key
+			width: 500px
+		.availability
+			color: #45474D
+			display: inline-block
+			margin-left: 16px
diff --git a/sass/pages/_login.sass b/sass/pages/_login.sass
deleted file mode 100644
index daf2680..0000000
--- a/sass/pages/_login.sass
+++ /dev/null
@@ -1,70 +0,0 @@
-.login
-
-	h2
-		font-weight: 400
-		+background-image(linear-gradient(to left , $color-green, #5E80A2) )
-		padding: 1rem 2rem
-		color: white
-
-
-	h3
-		font-weight: 600
-		margin-top: 2*$space
-		padding: 0 1.5rem
-		+box-sizing(content-box)
-		&:after
-			display: block
-			content: ''
-			height: 1px
-			width: 100%
-			background: rgba(#5F81A1,.5)
-			margin-top: $space
-
-
-	.module
-		background: $bloc-light-color
-		+box-shadow(1px 2px 2px rgba(#111, 0.1))
-		@extend .clear-fix
-
-		padding: 20px
-		margin-bottom: 1px
-		clear: none
-		p
-			margin-bottom: 5px
-			span
-				@extend h3
-				margin-bottom: 20px
-				display: block
-				padding: 0
-
-
-		input
-			padding: 5px 10px
-			background: #f3f3f3
-			border: solid 1px #dcdcdc
-			transition: box-shadow 0.3s, border 0.3s
-			font-size: 14px
-			max-width: 100%
-			&.new-username, &.username-import
-				float: left
-				margin-right: 10px
-
-		input:focus, select:focus
-			background: white
-			transition: background-color 100ms linear
-			border-bottom: solid 2px $color-green
-
-		select
-			height: 30px
-			padding: 3px 30px 3px 10px
-			margin: 0
-			border: 1px solid #ccc
-			font-size: 14px
-
-		span.availability
-			margin-left: 10px
-			color: #45474d
-
-		.create-user
-			clear: both
-			margin: 20px 0
diff --git a/sass/style.sass b/sass/style.sass
index 1416e52..59dce3f 100755
--- a/sass/style.sass
+++ b/sass/style.sass
@@ -14,6 +14,7 @@
 @import 'layout/_menu'
 @import 'layout/_wrapper'
 @import 'layout/_modal'
+@import 'layout/_login'
 @import 'layout/_profile'
 @import 'layout/_postboard'
 @import 'layout/_groupchat'
@@ -22,7 +23,6 @@
 
 @import 'pages/_profile'
 @import 'pages/_following'
-@import 'pages/_login'
 @import 'pages/_network'
 
 @import 'layout/_tabs'