updated helpers

Author: UnderlineWords

src/Components/Panel/Panel.scss

@@ -61,10 +61,8 @@
 			@if options('panel', 'features', 'media') {
 				&>.#{class('panel', 'media')} {
 					min-width: 0;
-					max-width: 100%;
 					flex: auto;
 					margin-bottom: 32px;
-					width: 100%;
 					flex-wrap: wrap;
 					display: flex;
 					@include embedded-media();

src/Utilities/helpers.scss

@@ -49,6 +49,7 @@
 	///
 	@include setHelperList($align-items, "align-items", "!important");
 	@include setHelperList($align-self, "align-self", "!important");
+	@include setHelperList($justify-self, "justify-self", "!important");
 	@include setHelperList($justify-content, "justify-content", "!important");
 
 	///

src/Utilities/mixins.scss

@@ -120,6 +120,12 @@
 		min-height: 100%;
 		max-height: 100%;
 	}
+	.vh-100 {
+		height: 100vh;
+	}
+	.vw-100 {
+		width: 100vw;
+	}
 	.fade {opacity: 0;}
 	.hide {display: none !important;}
 	/* seperator for flex */

src/Utilities/variables.scss

@@ -129,6 +129,21 @@ $align-self: (
 	("align-self-initial", initial),
 	("align-self-inherit", inherit)
 );
+$justify-self: (
+	// class name, value
+	("justify-self-auto", auto),
+	("justify-self-normal", normal),
+	("justify-self-stretch", stretch),
+	("justify-self-start", start),
+	("justify-self-left", left),
+	("justify-self-center", center),
+	("justify-self-end", end),
+	("justify-self-right", right),
+	("justify-self-first-baseline", first baseline),
+	("justify-self-last-baseline", last baseline),
+	("justify-self-initial", initial),
+	("justify-self-inherit", inherit)
+);
 $justify-content: (
 	// class name, value
 	("justify-content-baseline", baseline),