Add left-shift class for hero image position adjustment

blueprints/modular/hero.yaml

@@ -13,7 +13,7 @@ form:
               type: text
               label: Hero Classes
               markdown: true
-              description: 'There are several Hero class options that can be listed here (space separated):<br />`text-light`, `text-dark`, `title-h1h2`, `parallax`, `overlay-dark-gradient`, `overlay-light-gradient`, `overlay-dark`, `overlay-light`, `hero-fullscreen`, `hero-large`, `hero-medium`, `hero-small`, `hero-tiny`<br />Please consult the [Quark documentation](https://github.com/getgrav/grav-theme-quark#hero-options) for more details.'
+              description: 'There are several Hero class options that can be listed here (space separated):<br />`text-light`, `text-dark`, `title-h1h2`, `parallax`, `overlay-dark-gradient`, `overlay-light-gradient`, `overlay-dark`, `overlay-light`, `left-shift`, `hero-fullscreen`, `hero-large`, `hero-medium`, `hero-small`, `hero-tiny`<br />Please consult the [Quark documentation](https://github.com/getgrav/grav-theme-quark#hero-options) for more details.'
             header.hero_image:
               type: filepicker
               label: Hero Image

blueprints/partials/blog-bits.yaml

@@ -8,7 +8,7 @@ form:
       type: text
       label: Hero Classes
       markdown: true
-      description: 'There are several Hero class options that can be listed here (space separated):<br />`text-light`, `text-dark`, `title-h1h2`, `parallax`, `overlay-dark-gradient`, `overlay-light-gradient`, `overlay-dark`, `overlay-light`, `hero-fullscreen`, `hero-large`, `hero-medium`, `hero-small`, `hero-tiny`<br />Please consult the [Quark documentation](https://github.com/getgrav/grav-theme-quark#hero-options) for more details.'
+      description: 'There are several Hero class options that can be listed here (space separated):<br />`text-light`, `text-dark`, `title-h1h2`, `parallax`, `overlay-dark-gradient`, `overlay-light-gradient`, `overlay-dark`, `overlay-light`, `left-shift`, `hero-fullscreen`, `hero-large`, `hero-medium`, `hero-small`, `hero-tiny`<br />Please consult the [Quark documentation](https://github.com/getgrav/grav-theme-quark#hero-options) for more details.'
 
     header.hero_image:
       type: filepicker
@@ -59,4 +59,4 @@ form:
         1: PLUGIN_ADMIN.ENABLED
         0: PLUGIN_ADMIN.DISABLED
       validate:
-        type: bool
+        type: bool

scss/theme/_framework.scss

@@ -54,9 +54,13 @@ section.section {
   &.hero-tiny {
     height: 8rem;
   }
-  
+
   background-position: 50% 0;
 
+  &.left-shift {
+    background-position: 33% 0 !important;
+  }
+
   //&.parallax {
   //  background-attachment: fixed;
   //}