Merged in feature/from-pantheon (pull request #16)

code from pantheon

* code from pantheon

wp/wp-content/plugins/woocommerce/assets/css/auth.scss

@@ -0,0 +1,152 @@
+@import "variables";
+
+body {
+	background: #f1f1f1;
+	box-shadow: none;
+	margin: 100px auto 24px;
+	padding: 0;
+}
+
+#wc-logo {
+	border: 0;
+	margin: 33px 24px;
+	padding: 0;
+	text-align: center;
+	font-size: 0;
+
+	img {
+		max-width: 50%;
+	}
+}
+
+.wc-auth-content {
+	background: #fff;
+	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.13);
+	overflow: hidden;
+	padding: 24px 24px 0;
+	zoom: 1;
+
+	h1, h2, h3, table {
+		border: 0;
+		clear: none;
+		color: #666;
+		margin: 0 0 24px;
+		padding: 0;
+	}
+
+	p, ul {
+		color: #666;
+		font-size: 1em;
+		line-height: 1.75em;
+		margin: 0 0 24px;
+	}
+
+	p {
+		padding: 0;
+	}
+
+	a {
+		color: $primary;
+		&:hover, &:focus {
+			color: darken($primary, 40%);
+		}
+	}
+
+	.wc-auth-login {
+		label {
+			color: #999;
+			display: block;
+			margin-bottom: 0.5em;
+		}
+
+		input {
+			box-sizing: border-box;
+			font-size: 1.3em;
+			padding: 0.5em;
+			width: 100%;
+		}
+
+		.wc-auth-actions {
+			padding: 0;
+
+			.wc-auth-login-button {
+				float: none;
+				width: 100%;
+			}
+		}
+	}
+}
+.wc-auth-permissions {
+	list-style: disc inside;
+	padding: 0;
+
+	li {
+		font-size: 1em;
+	}
+}
+.wc-auth-logged-in-as {
+	background: #f5f5f5;
+	border-bottom: 2px solid #eee;
+	line-height: 70px;
+	margin: 0 0 24px;
+	padding: 0 1em 0 0;
+
+	p {
+		margin: 0;
+		line-height: 70px;
+	}
+
+	img {
+		float: left;
+		height: 70px;
+		margin: 0 1em 0 0;
+	}
+
+	.wc-auth-logout {
+		float: right;
+	}
+}
+.wc-auth .wc-auth-actions {
+	overflow: hidden;
+	padding-left: 24px;
+
+	.button {
+		background: #f7f7f7;
+		border-bottom-width: 2px;
+		border: 1px solid #d7d7d7;
+		box-sizing: border-box;
+		color: #777;
+		float: right;
+		font-size: 1.25em;
+		height: auto;
+		line-height: 1em;
+		padding: 1em 2em;
+		text-align: center;
+		width: 50%;
+
+		&:hover, &:focus {
+			background: #fcfcfc;
+		}
+	}
+	.button-primary {
+		background: $primary;
+		border-color: $primary;
+		box-shadow: 0 0 0;
+		color: #fff;
+		float: right;
+		opacity: 1;
+		text-shadow: none;
+
+		&:hover, &:focus {
+			background: lighten($primary, 5%);
+			color: #fff;
+		}
+	}
+	.wc-auth-approve {
+		float: right;
+	}
+	.wc-auth-deny {
+		float: left;
+		margin-left: -24px;
+	}
+}