new template

src/scss/abstracts/_mixins.scss

@@ -29,13 +29,13 @@
 // Anchor aspect
 @mixin anchor-aspect($type: 'main') {
 	@if ($type == 'main') { // Base
-		color: inherit;
-		text-decoration: underline;
+		color: color(primary, 1);
+		text-decoration: none;
 
 		&:hover,
 		&:active {
 			outline: 0;
-			text-decoration: none;
+			text-decoration: underline;
 		}
 	} @else if ($type == 'header') {
 		color: color(typography, 2i);
@@ -52,29 +52,38 @@
 
 		&:hover,
 		&:active {
-			color: color(typography, 2);
 			text-decoration: underline;
 		}
 	}
 }
 
-@mixin shadow {
-	box-shadow: 0 16px 48px color(bg, 3);
-
-	/* Edge fallback */
-	@supports(-ms-ime-align:auto) {
-		box-shadow: 0 16px 48px rgba(color(typography, 1), .12);
+@mixin shadow($layout: false) {
+	@if ( $layout == 'dark' ) {
+		box-shadow: 0 20px 48px rgba(darken(color(bg, 1), 35%), .2);
+	} @else {
+		box-shadow: 0 20px 48px rgba(color(typography, 1), .16);
 	}
 }
 
-@mixin divider-mix {
-	display: block;
-	height: 1px;
-	background: color(bg, 3);
-	background: linear-gradient(to right, rgba(color(bg, 3), .1) 0, rgba(color(bg, 3), .6) 50%, rgba(color(bg, 3), .1) 100%);
+@mixin shadow-sm($layout: false) {
+	@if ( $layout == 'dark' ) {
+		box-shadow: 0 16px 24px rgba(darken(color(bg, 1), 35%), .2);
+	} @else {
+		box-shadow: 0 16px 24px rgba(color(typography, 1), .16);
+	}
 }
 
-@mixin divider($type: false) {
+@mixin divider-mix($layout: false) {
+	display: block;
+	height: 1px;
+	@if ( $layout == 'dark' ) {
+		background: color(bg, 3i);
+	} @else {
+		background: color(bg, 3);
+	}
+}
+
+@mixin divider($type: false, $layout: false) {
 	@if ( $type == 'before' ) {
 		position: relative;
 
@@ -84,7 +93,7 @@
 			top: 0;
 			left: 0;
 			width: 100%;
-			@include divider-mix;
+			@include divider-mix($layout);
 		}
 	} @else if ($type == 'after') {
 		position: relative;
@@ -95,9 +104,9 @@
 			bottom: 0;
 			left: 0;
 			width: 100%;
-			@include divider-mix;
+			@include divider-mix($layout);
 		}
 	} @else {
-		@include divider-mix;
+		@include divider-mix($layout);
 	}
 }