Update some source files

Author: mrmrs

src/css/_hovers.css

@@ -133,6 +133,7 @@
 .shadow-hover::after {
   content: '';
   box-shadow: 0px 0px 16px 2px rgba( 0, 0, 0, .2 );
+  border-radius: inherit;
   opacity: 0;
   position: absolute;
   top: 0;

src/css/_skins-pseudo.css

@@ -75,8 +75,8 @@
 .hover-bg-near-black:focus { background-color: var(--near-black); }
 .hover-bg-dark-gray:hover, 
 .hover-bg-dark-gray:focus { background-color: var(--dark-gray); }
-.hover-bg-dark-gray:focus, 
-.hover-bg-mid-gray:hover { background-color: var(--mid-gray); }
+.hover-bg-mid-gray:hover, 
+.hover-bg-mid-gray:focus { background-color: var(--mid-gray); }
 .hover-bg-gray:hover, 
 .hover-bg-gray:focus { background-color: var(--gray); }
 .hover-bg-silver:hover, 

src/css/_text-align.css

@@ -10,6 +10,7 @@
     l = left
     r = right
     c = center
+    j = justify
 
   Media Query Extensions:
     -ns = not-small
@@ -21,22 +22,26 @@
 .tl  { text-align: left; }
 .tr  { text-align: right; }
 .tc  { text-align: center; }
+.tj  { text-align: justify; }
 
 @media (--breakpoint-not-small) {
   .tl-ns  { text-align: left; }
   .tr-ns  { text-align: right; }
   .tc-ns  { text-align: center; }
+  .tj-ns  { text-align: justify; }
 }
 
 @media (--breakpoint-medium) {
   .tl-m  { text-align: left; }
   .tr-m  { text-align: right; }
   .tc-m  { text-align: center; }
+  .tj-m  { text-align: justify; }
 }
 
 @media (--breakpoint-large) {
   .tl-l  { text-align: left; }
   .tr-l  { text-align: right; }
   .tc-l  { text-align: center; }
+  .tj-l  { text-align: justify; }
 }
 

src/css/_utilities.css

@@ -19,23 +19,32 @@
   margin-left: auto;
 }
 
+.mr-auto { margin-right: auto; }
+.ml-auto { margin-left:  auto; }
+
 @media (--breakpoint-not-small){
   .center-ns {
     margin-right: auto;
     margin-left: auto;
   }
+  .mr-auto-ns { margin-right: auto; }
+  .ml-auto-ns { margin-left:  auto; }
 }
 
 @media (--breakpoint-medium){
   .center-m {
     margin-right: auto;
     margin-left: auto;
   }
+  .mr-auto-m { margin-right: auto; }
+  .ml-auto-m { margin-left:  auto; }
 }
 
 @media (--breakpoint-large){
   .center-l {
     margin-right: auto;
     margin-left: auto;
   }
+  .mr-auto-l { margin-right: auto; }
+  .ml-auto-l { margin-left:  auto; }
 }