@appartmint/mint 0.15.8 → 0.15.11

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@appartmint/mint",
   "author": "App Art Mint LLC",
-  "version": "0.15.8",
+  "version": "0.15.11",
   "license": "MIT",
   "description": "The front-end TS/SCSS framework of App Art Mint",
   "keywords": [

package/src/scss/imports/components/_backgrounds.scss

@@ -9,10 +9,30 @@
 
 /// Background Styles
 #{class(bg)} {
-    display: block;
-    opacity: 0;
-    height: 0;
-    width: 0;
-    z-index: -1;
-    transform: none !important;
+	display: block;
+	opacity: 0;
+	height: 0;
+	width: 0;
+	z-index: -1;
+	transform: none !important;
+}
+
+#{class(background)} {
+	position: fixed;
+	left: 0;
+	top: 0;
+	width: 100vw;
+	height: 100vh;
+	object-fit: cover;
+	background-size: cover;
+	background-position: center;
+	background-repeat: no-repeat;
+	z-index: 0;
+	filter: opacity(0) blur(10vw);
+	transition: filter 1000ms ease-out;
+
+	&.active {
+		opacity: 1;
+		filter: opacity(1) blur($back-bg-blur);
+	}
 }

package/src/scss/imports/components/_footer.scss

@@ -36,6 +36,7 @@ app-footer {
     }
 
 	&#{class(hide)} {
+		display: flex;
 		transform: translateY(100%);
 	}
 

package/src/scss/imports/components/_header.scss

@@ -167,7 +167,11 @@
 					&+ul {
 						display: flex !important;
 						height: auto !important;
-						margin-bottom: 1rem !important;
+						margin-bottom: 3rem !important;
+
+						&>li:first-child {
+							font-size: 1.5em;
+						}
 					}
 				}
 			}
@@ -181,7 +185,11 @@
 					&+ul {
 						display: flex !important;
 						height: auto !important;
-						margin-bottom: 1rem;
+						margin-bottom: 3rem;
+
+						&>li:first-child {
+							font-size: 1.5em;
+						}
 					}
 				}
 			}
@@ -213,16 +221,6 @@
 				li {
 					width: 100%;
 				}
-
-				#{$has-controls} {
-					&+ul {
-						margin-bottom: 3rem !important;
-
-						&>li:first-child {
-							font-size: 1.5em;
-						}
-					}
-				}
 			}
 		}
 	}

package/src/scss/imports/global/_global.scss

@@ -75,13 +75,21 @@ main {
 	overflow: hidden;
 	z-index: 1000;
 
-
 	&>router-outlet {
 		flex-grow: 0;
 		
 		&+* {
-			width: 100%;
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+			justify-content: center;
 			flex-grow: 1;
+			width: 100%;
+
+			&+:not(mint-footer) {
+				height: 0;
+				overflow: hidden;
+			}
 		}
 	}
 }

package/src/scss/imports/global/_texture.scss

@@ -30,6 +30,9 @@
         @if ($texture-blend) {
             mix-blend-mode: $texture-blend;
         }
+        @if ($texture-filter) {
+            filter: $texture-filter;
+        }
     }
 
     &::after {

package/src/scss/imports/util/_vars.scss

@@ -152,8 +152,9 @@ $texture-padding: 1rem !default;
 
 $texture-bg: null !default;
 $texture-bg-size: cover !default;
-$texture-bg-position: center !default;
+$texture-bg-position: top !default;
 $texture-blend: null !default;
+$texture-filter: null !default;
 $texture-opacity: 1 !default;
 
 $texture-alt-bg: null !default;
@@ -171,6 +172,9 @@ $texture-border-image: null !default;
 $texture-border-slice: 42 42 !default;
 $texture-border-repeat: round !default;
 
+/// Backgrounds
+$back-bg-blur: 0.15vw !default;
+
 
 /// Themes
 $theme-default: light !default;