initial commit

assets/css/_animation.scss

@@ -0,0 +1,9 @@
+/**
+ * _animation.scss
+ * Custom WooCommerce Animations.
+ */
+@keyframes spin {
+	100% {
+		transform: rotate( 360deg );
+	}
+}

assets/css/_fonts.scss

@@ -0,0 +1,25 @@
+/**
+ * _fonts.scss
+ * Custom WooCommerce fonts.
+ */
+@font-face {
+	font-family: 'star';
+	src: url('../fonts/star.eot');
+	src: url('../fonts/star.eot?#iefix') format('embedded-opentype'),
+		url('../fonts/star.woff') format('woff'),
+		url('../fonts/star.ttf') format('truetype'),
+		url('../fonts/star.svg#star') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}
+
+@font-face {
+	font-family: 'WooCommerce';
+	src: url('../fonts/WooCommerce.eot');
+	src: url('../fonts/WooCommerce.eot?#iefix') format('embedded-opentype'),
+		url('../fonts/WooCommerce.woff') format('woff'),
+		url('../fonts/WooCommerce.ttf') format('truetype'),
+		url('../fonts/WooCommerce.svg#WooCommerce') format('svg');
+	font-weight: normal;
+	font-style: normal;
+}

assets/css/_mixins.scss

@@ -0,0 +1,288 @@
+/**
+ * Deprecated
+ * Fallback for bourbon equivalent
+ */
+@mixin clearfix() {
+	*zoom: 1;
+
+	&::before,
+	&::after {
+		content: " ";
+		display: table;
+	}
+
+	&::after {
+		clear: both;
+	}
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin border_radius($radius: 4px) {
+	border-radius: $radius;
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin border_radius_right($radius: 4px) {
+	border-top-right-radius: $radius;
+	border-bottom-right-radius: $radius;
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin border_radius_left($radius: 4px) {
+	border-top-left-radius: $radius;
+	border-bottom-left-radius: $radius;
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin border_radius_bottom($radius: 4px) {
+	border-bottom-left-radius: $radius;
+	border-bottom-right-radius: $radius;
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin border_radius_top($radius: 4px) {
+	border-top-left-radius: $radius;
+	border-top-right-radius: $radius;
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin opacity( $opacity: 0.75 ) {
+	opacity: $opacity;
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
+	box-shadow: $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin inset_box_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_in: 3px, $shadow_color: #888) {
+	box-shadow: inset $shadow_x $shadow_y $shadow_rad $shadow_in $shadow_color;
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin text_shadow($shadow_x: 3px, $shadow_y: 3px, $shadow_rad: 3px, $shadow_color: #fff) {
+	text-shadow: $shadow_x $shadow_y $shadow_rad $shadow_color;
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin vertical_gradient($from: #000, $to: #fff) {
+	background-color: $from;
+	background: -webkit-linear-gradient($from, $to);
+}
+
+/**
+ * Deprecated
+ * Vendor prefix no longer required.
+ */
+@mixin transition($selector: all, $animation: ease-in-out, $duration: 0.2s) {
+	transition: $selector $animation $duration;
+}
+
+/**
+ * Deprecated
+ * Use bourbon mixin instead `@include transform(scale(1.5));`
+ */
+@mixin scale($ratio: 1.5) {
+	-webkit-transform: scale($ratio);
+	transform: scale($ratio);
+}
+
+/**
+ * Deprecated
+ * Use bourbon mixin instead `@include box-sizing(border-box);`
+ */
+@mixin borderbox() {
+	box-sizing: border-box;
+}
+
+@mixin darkorlighttextshadow($a, $opacity: 0.8) {
+
+	@if lightness($a) >= 65% {
+
+		@include text_shadow(0, -1px, 0, rgba(0, 0, 0, $opacity));
+	}
+
+	@else {
+
+		@include text_shadow(0, 1px, 0, rgba(255, 255, 255, $opacity));
+	}
+}
+
+/**
+ * Objects
+ */
+@mixin menu() {
+
+	@include clearfix();
+
+	li {
+		display: inline-block;
+	}
+}
+
+@mixin mediaright() {
+
+	@include clearfix();
+
+	img {
+		float: right;
+		height: auto;
+	}
+}
+
+@mixin medialeft() {
+
+	@include clearfix();
+
+	img {
+		float: right;
+		height: auto;
+	}
+}
+
+@mixin ir() {
+	display: block;
+	text-indent: -9999px;
+	position: relative;
+	height: 1em;
+	width: 1em;
+}
+
+@mixin icon( $glyph: "\e001" ) {
+	font-family: "WooCommerce";
+	speak: never;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	margin: 0;
+	text-indent: 0;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	text-align: center;
+	content: $glyph;
+}
+
+@mixin icon_dashicons( $glyph: "\f333" ) {
+	font-family: "Dashicons";
+	speak: never;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	margin: 0;
+	text-indent: 0;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	text-align: center;
+	content: $glyph;
+}
+
+@mixin iconbefore( $glyph: "\e001" ) {
+	font-family: "WooCommerce";
+	speak: never;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	margin-right: 0.618em;
+	content: $glyph;
+	text-decoration: none;
+}
+
+@mixin iconbeforedashicons( $glyph: "\f333" ) {
+	font-family: "Dashicons";
+	speak: never;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	content: $glyph;
+	text-decoration: none;
+}
+
+@mixin iconafter( $glyph: "\e001" ) {
+	font-family: "WooCommerce";
+	speak: never;
+	font-weight: normal;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	-webkit-font-smoothing: antialiased;
+	margin-left: 0.618em;
+	content: $glyph;
+	text-decoration: none;
+}
+
+@mixin loader() {
+
+	&::before {
+		height: 1em;
+		width: 1em;
+		display: block;
+		position: absolute;
+		top: 50%;
+		left: 50%;
+		margin-left: -0.5em;
+		margin-top: -0.5em;
+		content: "";
+		animation: spin 1s ease-in-out infinite;
+		background: url("../images/icons/loader.svg") center center;
+		background-size: cover;
+		line-height: 1;
+		text-align: center;
+		font-size: 2em;
+		color: rgba(#000, 0.75);
+	}
+}
+
+@mixin inversebuttoncolors {
+	background-color: transparent !important;
+	color: var(--button--color-text-hover) !important;
+
+	&:hover {
+		background-color: var(--button--color-background) !important;
+		color: var(--button--color-text) !important;
+		text-decoration: none !important;
+	}
+}

assets/css/_variables.scss

@@ -0,0 +1,38 @@
+/**
+ * WooCommerce CSS Variables
+ */
+
+$woocommerce:   	#a46497 !default;
+$green:         	#7ad03a !default;
+$red:           	#a00 !default;
+$orange:        	#ffba00 !default;
+$blue:          	#2ea2cc !default;
+
+$primary:           #a46497 !default;                                  // Primary color for buttons (alt)
+$primarytext:       desaturate(lighten($primary, 50%), 18%) !default;    // Text on primary color bg
+
+$secondary:         desaturate(lighten($primary, 40%), 21%) !default;    // Secondary buttons
+$secondarytext:     desaturate(darken($secondary, 60%), 21%) !default;   // Text on secondary color bg
+
+$highlight:         adjust-hue($primary, 150deg) !default;               // Prices, In stock labels, sales flash
+$highlightext:      desaturate(lighten($highlight, 50%), 18%) !default;  // Text on highlight color bg
+
+$contentbg:         #fff !default;                                     // Content BG - Tabs (active state)
+$subtext:           #767676 !default;                                  // small, breadcrumbs etc
+
+// export vars as CSS vars
+:root {
+	--woocommerce: #{$woocommerce};
+	--wc-green: #{$green};
+	--wc-red: #{$red};
+	--wc-orange: #{$orange};
+	--wc-blue: #{$blue};
+	--wc-primary: #{$primary};
+	--wc-primary-text: #{$primarytext};
+	--wc-secondary: #{$secondary};
+	--wc-secondary-text: #{$secondarytext};
+	--wc-highlight: #{$highlight};
+	--wc-highligh-text: #{$highlightext};
+	--wc-content-bg: #{$contentbg};
+	--wc-subtext: #{$subtext};
+}

assets/css/activation-rtl.css

@@ -0,0 +1 @@
+div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-right-color:#cc99c2!important}.woocommerce-message .button-primary,p.woocommerce-actions .button-primary{background:#bb77ae;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597;color:#fff;text-shadow:0 -1px 1px #a36597,-1px 0 1px #a36597,0 1px 1px #a36597,1px 0 1px #a36597}.woocommerce-message .button-primary:active,.woocommerce-message .button-primary:focus,.woocommerce-message .button-primary:hover,p.woocommerce-actions .button-primary:active,p.woocommerce-actions .button-primary:focus,p.woocommerce-actions .button-primary:hover{background:#a36597;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:left;top:0;left:0;padding:0 28px 10px 15px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;right:-20px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-right:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important}

assets/css/activation.css

@@ -0,0 +1 @@
+div.woocommerce-message{overflow:hidden;position:relative}div.woocommerce-message.updated{border-left-color:#cc99c2!important}.woocommerce-message .button-primary,p.woocommerce-actions .button-primary{background:#bb77ae;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597;color:#fff;text-shadow:0 -1px 1px #a36597,1px 0 1px #a36597,0 1px 1px #a36597,-1px 0 1px #a36597}.woocommerce-message .button-primary:active,.woocommerce-message .button-primary:focus,.woocommerce-message .button-primary:hover,p.woocommerce-actions .button-primary:active,p.woocommerce-actions .button-primary:focus,p.woocommerce-actions .button-primary:hover{background:#a36597;border-color:#a36597;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 1px 0 #a36597}.woocommerce-message a.woocommerce-message-close,p.woocommerce-actions a.woocommerce-message-close{position:static;float:right;top:0;right:0;padding:0 15px 10px 28px;margin-top:-10px;font-size:13px;line-height:1.23076923;text-decoration:none}.woocommerce-message a.woocommerce-message-close::before,p.woocommerce-actions a.woocommerce-message-close::before{position:relative;top:18px;left:-20px;-webkit-transition:all .1s ease-in-out;transition:all .1s ease-in-out}.woocommerce-message .button-primary,.woocommerce-message .button-secondary,p.woocommerce-actions .button-primary,p.woocommerce-actions .button-secondary{text-decoration:none!important}.woocommerce-message .twitter-share-button,p.woocommerce-actions .twitter-share-button{margin-top:-3px;margin-left:3px;vertical-align:middle}.woocommerce-about-text,p.woocommerce-actions{margin-bottom:1em!important}

assets/css/activation.scss

@@ -0,0 +1,71 @@
+/**
+ * activation.scss
+ * Styles applied to elements displayed on activation
+ */
+
+/**
+ * Styling begins
+ */
+div.woocommerce-message {
+	overflow: hidden;
+	position: relative;
+
+	&.updated {
+		border-left-color: #cc99c2 !important;
+	}
+}
+
+p.woocommerce-actions,
+.woocommerce-message {
+
+	.button-primary {
+		background: #bb77ae;
+		border-color: #a36597;
+		box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
+		color: #fff;
+		text-shadow: 0 -1px 1px #a36597, 1px 0 1px #a36597, 0 1px 1px #a36597, -1px 0 1px #a36597;
+
+		&:hover,
+		&:focus,
+		&:active {
+			background: #a36597;
+			border-color: #a36597;
+			box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 #a36597;
+		}
+	}
+
+	a.woocommerce-message-close {
+		position: static;
+		float: right;
+		top: 0;
+		right: 0;
+		padding: 0 15px 10px 28px;
+		margin-top: -10px;
+		font-size: 13px;
+		line-height: 1.23076923;
+		text-decoration: none;
+
+		&::before {
+			position: relative;
+			top: 18px;
+			left: -20px;
+			transition: all 0.1s ease-in-out;
+		}
+	}
+
+	.button-primary,
+	.button-secondary {
+		text-decoration: none !important;
+	}
+
+	.twitter-share-button {
+		margin-top: -3px;
+		margin-left: 3px;
+		vertical-align: middle;
+	}
+}
+
+p.woocommerce-actions,
+.woocommerce-about-text {
+	margin-bottom: 1em !important;
+}

assets/css/auth-rtl.css

@@ -0,0 +1 @@
+body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:0 0 24px;padding:0;text-align:center}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#a16696}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#111}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions 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 0 0 1em}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:right;height:70px;margin:0 0 0 1em}.wc-auth-logged-in-as .wc-auth-logout{float:left}.wc-auth .wc-auth-actions{overflow:hidden;padding-right:24px}.wc-auth .wc-auth-actions .button{background:#f7f7f7;border-bottom-width:2px;border:1px solid #d7d7d7;box-sizing:border-box;color:#777;float:left;font-size:1.25em;height:auto;line-height:1em;padding:1em 2em;text-align:center;width:50%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#ad6ea1;border-color:#a16696;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(0,0,0,.15);color:#fff;float:left;opacity:1;text-shadow:0 -1px 1px #8a4f7f,-1px 0 1px #8a4f7f,0 1px 1px #8a4f7f,1px 0 1px #8a4f7f}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#b472a8;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:left}.wc-auth .wc-auth-actions .wc-auth-deny{float:right;margin-right:-24px}

assets/css/auth.css

@@ -0,0 +1 @@
+body{background:#f1f1f1;box-shadow:none;margin:100px auto 24px;padding:0}#wc-logo{border:0;margin:0 0 24px;padding:0;text-align:center}#wc-logo img{max-width:50%}.wc-auth-content{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.13);overflow:hidden;padding:24px 24px 0;zoom:1}.wc-auth-content h1,.wc-auth-content h2,.wc-auth-content h3,.wc-auth-content table{border:0;clear:none;color:#666;margin:0 0 24px;padding:0}.wc-auth-content p,.wc-auth-content ul{color:#666;font-size:1em;line-height:1.75em;margin:0 0 24px}.wc-auth-content p{padding:0}.wc-auth-content a{color:#a16696}.wc-auth-content a:focus,.wc-auth-content a:hover{color:#111}.wc-auth-content .wc-auth-login label{color:#999;display:block;margin-bottom:.5em}.wc-auth-content .wc-auth-login input{box-sizing:border-box;font-size:1.3em;padding:.5em;width:100%}.wc-auth-content .wc-auth-login .wc-auth-actions{padding:0}.wc-auth-content .wc-auth-login .wc-auth-actions .wc-auth-login-button{float:none;width:100%}.wc-auth-permissions{list-style:disc inside;padding:0}.wc-auth-permissions 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}.wc-auth-logged-in-as p{margin:0;line-height:70px}.wc-auth-logged-in-as img{float:left;height:70px;margin:0 1em 0 0}.wc-auth-logged-in-as .wc-auth-logout{float:right}.wc-auth .wc-auth-actions{overflow:hidden;padding-left:24px}.wc-auth .wc-auth-actions .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%}.wc-auth .wc-auth-actions .button:focus,.wc-auth .wc-auth-actions .button:hover{background:#fcfcfc}.wc-auth .wc-auth-actions .button-primary{background:#ad6ea1;border-color:#a16696;box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(0,0,0,.15);color:#fff;float:right;opacity:1;text-shadow:0 -1px 1px #8a4f7f,1px 0 1px #8a4f7f,0 1px 1px #8a4f7f,-1px 0 1px #8a4f7f}.wc-auth .wc-auth-actions .button-primary:focus,.wc-auth .wc-auth-actions .button-primary:hover{background:#b472a8;color:#fff}.wc-auth .wc-auth-actions .wc-auth-approve{float:right}.wc-auth .wc-auth-actions .wc-auth-deny{float:left;margin-left:-24px}

assets/css/auth.scss

@@ -0,0 +1,149 @@
+body {
+	background: #f1f1f1;
+	box-shadow: none;
+	margin: 100px auto 24px;
+	padding: 0;
+}
+
+#wc-logo {
+	border: 0;
+	margin: 0 0 24px;
+	padding: 0;
+	text-align: center;
+
+	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: #a16696;
+		&:hover, &:focus {
+			color: #111;
+		}
+	}
+
+	.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: #ad6ea1;
+		border-color: #a16696;
+		box-shadow: inset 0 1px 0 rgba( 255, 255, 255, 0.2 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
+		color: #fff;
+		float: right;
+		opacity: 1;
+		text-shadow: 0 -1px 1px #8a4f7f, 1px 0 1px #8a4f7f, 0 1px 1px #8a4f7f, -1px 0 1px #8a4f7f;
+
+		&:hover, &:focus {
+			background: #b472a8;
+			color: #fff;
+		}
+	}
+	.wc-auth-approve {
+		float: right;
+	}
+	.wc-auth-deny {
+		float: left;
+		margin-left: -24px;
+	}
+}

assets/css/dashboard-setup-rtl.css

@@ -0,0 +1 @@
+.dashboard-widget-finish-setup .progress-wrapper{border:1px solid #757575;border-radius:16px;font-size:.9em;padding:2px 8px 2px 8px;display:inline-block;box-sizing:border-box}.dashboard-widget-finish-setup .progress-wrapper span{position:relative;top:-3px;color:#757575}.dashboard-widget-finish-setup .description div{margin-top:11px;float:right;width:70%}.dashboard-widget-finish-setup .description img{float:left;width:30%}.dashboard-widget-finish-setup .circle-progress{margin-top:1px;margin-right:-3px}.dashboard-widget-finish-setup .circle-progress circle{stroke:#f0f0f0;stroke-width:1px}.dashboard-widget-finish-setup .circle-progress .bar{stroke:#949494}

assets/css/dashboard-setup.css

@@ -0,0 +1 @@
+.dashboard-widget-finish-setup .progress-wrapper{border:1px solid #757575;border-radius:16px;font-size:.9em;padding:2px 8px 2px 8px;display:inline-block;box-sizing:border-box}.dashboard-widget-finish-setup .progress-wrapper span{position:relative;top:-3px;color:#757575}.dashboard-widget-finish-setup .description div{margin-top:11px;float:left;width:70%}.dashboard-widget-finish-setup .description img{float:right;width:30%}.dashboard-widget-finish-setup .circle-progress{margin-top:1px;margin-left:-3px}.dashboard-widget-finish-setup .circle-progress circle{stroke:#f0f0f0;stroke-width:1px}.dashboard-widget-finish-setup .circle-progress .bar{stroke:#949494}

assets/css/dashboard-setup.scss

@@ -0,0 +1,52 @@
+/**
+ * dashboard-setup.scss
+ * Styles for WooCommerce dashboard finish setup widgets
+ * only loaded on the dashboard itself.
+ */
+
+/**
+ * Styling begins
+ */
+
+.dashboard-widget-finish-setup {
+
+	.progress-wrapper {
+		border: 1px solid #757575;
+		border-radius: 16px;
+		font-size: 0.9em;
+		padding: 2px 8px 2px 8px;
+		display: inline-block;
+		box-sizing: border-box;
+	}
+
+	.progress-wrapper span {
+		position: relative;
+		top: -3px;
+		color: #757575;
+	}
+
+	.description div {
+		margin-top: 11px;
+		float: left;
+		width: 70%;
+	}
+
+	.description img {
+		float: right;
+		width: 30%;
+	}
+
+	.circle-progress {
+		margin-top: 1px;
+		margin-left: -3px;
+
+		circle {
+			stroke: #f0f0f0;
+			stroke-width: 1px;
+		}
+
+		.bar {
+			stroke: #949494;
+		}
+	}
+}

assets/css/dashboard.scss

@@ -0,0 +1,272 @@
+/**
+ * dashboard.scss
+ * Styles for WooCommerce dashboard widgets, only loaded on the dashboard itself.
+ */
+
+/**
+ * Imports
+ */
+@import "mixins";
+@import "variables";
+@import "fonts";
+
+/**
+ * Styling begins
+ */
+ul.woocommerce_stats {
+	overflow: hidden;
+	zoom: 1;
+
+	li {
+		width: 25%;
+		padding: 0 1em;
+		text-align: center;
+		float: left;
+		font-size: 0.8em;
+		border-left: 1px solid #fff;
+		border-right: 1px solid #ececec;
+		box-sizing: border-box;
+	}
+
+	li:first-child {
+		border-left: 0;
+	}
+
+	li:last-child {
+		border-right: 0;
+	}
+
+	strong {
+		font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
+		font-size: 4em;
+		line-height: 1.2em;
+		font-weight: normal;
+		text-align: center;
+		display: block;
+	}
+}
+
+#woocommerce_dashboard_status {
+
+	.inside {
+		padding: 0;
+		margin: 0;
+	}
+
+	.best-seller-this-month {
+
+		a {
+
+			strong {
+				margin-right: 48px;
+			}
+		}
+	}
+
+	.wc_status_list {
+		overflow: hidden;
+		margin: 0;
+
+		li {
+			width: 50%;
+			float: left;
+			padding: 0;
+			box-sizing: border-box;
+			margin: 0;
+			border-top: 1px solid #ececec;
+			color: #aaa;
+
+			a {
+				display: block;
+				color: #aaa;
+				padding: 9px 12px;
+				transition: all ease 0.5s;
+				position: relative;
+				font-size: 12px;
+
+				.wc_sparkline {
+					width: 4em;
+					height: 2em;
+					display: block;
+					float: right;
+					position: absolute;
+					right: 0;
+					top: 50%;
+					margin-right: 12px;
+					margin-top: -1.25em;
+				}
+
+				strong {
+					font-size: 18px;
+					line-height: 1.2em;
+					font-weight: normal;
+					display: block;
+					color: #21759b;
+				}
+
+				&:hover {
+					color: #2ea2cc;
+
+					&::before,
+					strong {
+						color: #2ea2cc !important;
+					}
+				}
+
+				&::before {
+
+					@include icon();
+					font-size: 2em;
+					position: relative;
+					width: auto;
+					line-height: 1.2em;
+					color: #464646;
+					float: left;
+					margin-right: 12px;
+					margin-bottom: 12px;
+				}
+			}
+		}
+
+		li:first-child {
+			border-top: 0;
+		}
+
+		li.sales-this-month {
+			width: 100%;
+
+			a::before {
+				font-family: "Dashicons";
+				content: "\f185";
+			}
+		}
+
+		li.best-seller-this-month {
+			width: 100%;
+
+			a::before {
+				content: "\e006";
+			}
+		}
+
+		li.processing-orders {
+			border-right: 1px solid #ececec;
+
+			a::before {
+				content: "\e011";
+				color: $green;
+			}
+		}
+
+		li.on-hold-orders {
+
+			a::before {
+				content: "\e033";
+				color: #999;
+			}
+		}
+
+		li.low-in-stock {
+			border-right: 1px solid #ececec;
+
+			a::before {
+				content: "\e016";
+				color: $orange;
+			}
+		}
+
+		li.out-of-stock {
+
+			a::before {
+				content: "\e013";
+				color: $red;
+			}
+		}
+	}
+}
+
+#woocommerce_dashboard_recent_reviews {
+
+	li {
+		line-height: 1.5em;
+		margin-bottom: 12px;
+	}
+
+	h4.meta {
+		line-height: 1.4;
+		margin: -0.2em 0 0 0;
+		font-weight: normal;
+		color: #999;
+	}
+
+	blockquote {
+		padding: 0;
+		margin: 0;
+	}
+
+	.avatar {
+		float: left;
+		margin: 0 10px 5px 0;
+	}
+
+	.star-rating {
+		float: right;
+		overflow: hidden;
+		position: relative;
+		height: 1.5em;
+		line-height: 1.5;
+		margin-left: 0.5em;
+		width: 5.4em;
+		font-family: "WooCommerce" !important;
+
+		&::before {
+			content: "\e021\e021\e021\e021\e021";
+			color: darken(#ccc, 10%);
+			float: left;
+			top: 0;
+			left: 0;
+			position: absolute;
+			letter-spacing: 0.1em;
+			letter-spacing: 0\9; // IE8 & below hack ;-(
+		}
+
+		span {
+			overflow: hidden;
+			float: left;
+			top: 0;
+			left: 0;
+			position: absolute;
+			padding-top: 1.5em;
+		}
+
+		span::before {
+			content: "\e020\e020\e020\e020\e020";
+			top: 0;
+			position: absolute;
+			left: 0;
+			letter-spacing: 0.1em;
+			letter-spacing: 0\9; // IE8 & below hack ;-(
+			color: #9c5d90;
+		}
+	}
+}
+
+#dash-right-now li.product-count a::before {
+	font-family: "WooCommerce";
+	content: "\e01d";
+}
+
+#dashboard_activity {
+	#activity-widget {
+		#the-comment-list {
+			.review.comment-item {
+				.avatar {
+					margin-right: 12px;
+					position: relative;
+					top: 0;
+					float: left;
+				}
+			}
+		}
+	}
+}

assets/css/marketplace-suggestions.scss

@@ -0,0 +1,304 @@
+/**
+ * marketplace-suggestions.scss
+ * Styling for in-product marketplace suggestions.
+ */
+
+@import "mixins";
+@import "variables";
+
+$suggestions-pale-gray: #ddd;
+$suggestions-metabox-pale-gray: #eee;
+
+$suggestions-copy-text: #444;
+
+a.suggestion-dismiss {
+	border: none;
+	box-shadow: none;
+	color: $suggestions-pale-gray;
+}
+
+a.suggestion-dismiss:hover {
+	color: #aaa;
+}
+
+a.suggestion-dismiss::before {
+
+	@include iconbeforedashicons( "\f335" );
+
+	font-size: 1.5em;
+}
+
+#woocommerce-product-data ul.wc-tabs li.marketplace-suggestions_tab {
+
+
+	a::before {
+
+		@include iconbeforedashicons( "\f106" );
+
+		@media only screen and (max-width: 900px) {
+			line-height: 40px;
+		}
+	}
+
+	a span {
+		margin: 0 0.618em;
+	}
+}
+
+.marketplace-suggestions-metabox-nosuggestions-placeholder {
+	max-width: 325px;
+	margin: 2em auto;
+	text-align: center;
+
+	.marketplace-suggestion-placeholder-content {
+		margin-bottom: 1em;
+	}
+
+	h4,
+	a,
+	p {
+		margin: auto;
+		text-align: center;
+		display: block;
+		margin-top: 0.75em;
+		line-height: 1.75;
+	}
+}
+
+.marketplace-suggestions-container.showing-suggestion {
+	text-align: left;
+
+	.marketplace-suggestion-container {
+		align-items: flex-start;
+		display: flex;
+		flex-direction: column;
+
+		// Allows us to position the dismiss x button
+		// relative to container on mobile.
+		position: relative;
+
+		img.marketplace-suggestion-icon {
+			height: 40px;
+			margin: 0;
+			margin-right: 1.5em;
+			flex: 0 0 40px;
+		}
+
+		.marketplace-suggestion-container-content {
+			flex: 1 1 60%;
+
+			h4 {
+				margin: 0;
+			}
+
+			p {
+				margin: 0;
+				margin-top: 4px;
+				color: $suggestions-copy-text;
+			}
+		}
+
+		.marketplace-suggestion-container-cta {
+			flex: 1 1 30%;
+			min-width: 160px;
+			text-align: right;
+
+			.suggestion-dismiss {
+				text-decoration: none;
+				position: absolute;
+				top: 1em;
+				right: 1em;
+			}
+		}
+	}
+
+	@media screen and (min-width: 600px) {
+
+		.marketplace-suggestion-container {
+			align-items: center;
+			flex-direction: row;
+
+			img.marketplace-suggestion-icon {
+				// display: inline-block;
+			}
+		}
+	}
+}
+
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] {
+
+	.marketplace-suggestion-container {
+
+		.marketplace-suggestion-container-content {
+
+			h4 {
+				font-size: 1.1em;
+				margin: 0;
+				margin-bottom: 0;
+			}
+		}
+	}
+}
+
+// Additional breathing space margin under empty-state footer.
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] {
+
+	margin-bottom: 6em;
+}
+
+
+// Optimise footer suggestion layout for left-aligned CTA link button only.
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] {
+
+	.marketplace-suggestion-container {
+
+		flex-direction: row-reverse;
+
+		.marketplace-suggestion-container-cta {
+
+			text-align: left;
+		}
+
+		.marketplace-suggestion-container-content.has-manage-link {
+			text-align: right;
+		}
+	}
+}
+
+
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-body"] {
+
+	.marketplace-suggestion-container {
+		padding: 1em 1.5em;
+
+		.marketplace-suggestion-container-content {
+
+			p {
+				padding: 0;
+				line-height: 1.5;
+			}
+		}
+	}
+}
+
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"] {
+
+	.marketplace-suggestion-container {
+		padding: 1.5em;
+	}
+}
+
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-body"] {
+
+	.marketplace-suggestion-container {
+		padding: 0.75em 1.5em;
+
+		&:first-child {
+			padding-top: 1.5em;
+		}
+
+		&:last-child {
+			padding-bottom: 1.5em;
+		}
+
+		.marketplace-suggestion-container-content {
+
+			p:last-child {
+				margin-bottom: 0;
+			}
+		}
+	}
+}
+
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-header"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="products-list-empty-body"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-header"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="orders-list-empty-body"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-header"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-footer"],
+.marketplace-suggestions-container.showing-suggestion[data-marketplace-suggestions-context="product-edit-meta-tab-body"] {
+
+	// hide by default (mobile first)
+	display: none;
+
+	.marketplace-suggestion-container .marketplace-suggestion-container-cta {
+
+		a.button {
+			display: inline-block;
+			min-width: 120px;
+			text-align: center;
+			margin: 0;
+		}
+
+		a.linkout {
+			font-size: 1.1em;
+			text-decoration: none;