wip theme style

Author: erikyo

src/styles/components/_accessibility.scss

@@ -21,10 +21,10 @@
 	&:focus {
 		background-color: var(--wp--preset--color--secondary);
 		border-radius: 3px;
-		box-shadow: 0 0 2px 2px rgba(var(--wp--preset--color--black--decimal), 0.5);
+		box-shadow: 0 0 2px 2px var(--wp--preset--color--black);
 		clip: auto !important;
 		clip-path: none;
-		color: var(--wp--preset--color--white);
+		color: var(--wp--preset--color--background);
 		font-weight: bolder;
 		height: auto;
 		display: block;

src/styles/components/_blocks.scss

@@ -1,3 +1,2 @@
 /* Blocks styles */
 .wp-site-blocks {}
-

src/styles/components/_footer.scss

@@ -1 +1,3 @@
-footer.wp-block-template-part {}
+footer.wp-block-template-part {
+	margin-top: auto;
+}

src/styles/components/_header.scss

@@ -12,6 +12,8 @@ header.wp-block-template-part {
 
 	&.is-style-fixed {
 		position: fixed;
+		width: 100%;
+		transition: 350ms background-color, 175ms 1050ms color;
 
 		> div {
 			transition: 0.7s background-color;
@@ -32,13 +34,6 @@ header.wp-block-template-part {
 		}
 	}
 
-
-	@media #{$mq__responsive_breakpoint} {
-		height: var(--header--branding--height);
-		transform: inherit !important;
-		padding: 0;
-	}
-
 	// if there isn't a featured image compensate void space under the menu
 	@media all and (min-width: 699px) {
 

src/styles/components/_hero.scss

@@ -1,12 +1,3 @@
-/**
- * The style for the text filled with a gradient (used in the hero section / patterns)
- */
-.is-style-gradient {
-	background: -webkit-linear-gradient(45deg, var(--wp--preset--color--primary), var(--wp--preset--color--secondary));
-	-webkit-background-clip: text;
-	-webkit-text-fill-color: transparent;
-}
-
 .modulr-hero {
 	position: relative;
 	.hero-title {
@@ -23,13 +14,13 @@
 		translate: -50% -50%;
 	}
 	&:before {
-		left: -100vw;
+		left: -90vw;
 		background: linear-gradient(80deg,var(--wp--preset--color--primary) 0%,var(--wp--preset--color--primary-light) 100%);
-		mask-image: radial-gradient(rgba(0,0,0,.4),transparent 60%);
+		mask-image: radial-gradient(rgba(0,0,0,.45),transparent 60%);
 	}
 	&:after {
 		left: 100vw;
 		background: linear-gradient(240deg,var(--wp--preset--color--secondary) 0%,var(--wp--preset--color--secondary-light) 100%);
-		mask-image: radial-gradient(rgba(0,0,0,.3),transparent 65%);
+		mask-image: radial-gradient(rgba(0,0,0,.33),transparent 65%);
 	}
 }

src/styles/pages/_author.scss

@@ -1,2 +1 @@
-// todo: styling this
 .article-author {}