Consistent attribute patterns

Author: philwareham

package.json

@@ -50,7 +50,7 @@
     "stylelint-scss": "3.18.0"
   },
   "dependencies": {
-    "hive-framework": "0.18.10",
+    "hive-framework": "0.18.11",
     "leaflet": "1.7.1"
   },
   "browserslist": [

templates/forms/misc/-content--homepage.txp

@@ -2,7 +2,7 @@
     <div class="container">
 
         <main id="main" aria-label="Main content">
-            <txp:output_form form="-module--text--heading01" id="null" align="center" y-padding="2" />
+            <txp:output_form form="-module--text--heading01" id="null" align="center" padding-y="2" />
         </main>
 
     </div>

templates/forms/misc/-module--gallery--carousel.txp

@@ -1,4 +1,4 @@
-<section<txp:evaluate> class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="y-padding">py-<txp:yield name="y-padding" /></txp:if_yield>"</txp:evaluate>>
+<section<txp:evaluate> class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="padding-y">py-<txp:yield name="padding-y" /></txp:if_yield>"</txp:evaluate>>
     <txp:if_yield><txp:yield /><txp:else /><h3 class="accessibility"><txp:text item="gallery" /></h3></txp:if_yield>
     <div class="glide">
         <div class="glide__track" data-glide-el="track">
@@ -32,5 +32,5 @@
             </txp:evaluate>
         </div>
     </div>
-    <txp:if_variable name="gallery-fallback"><txp:output_form form="instructions">To use this module, please create an an image category named <code>gallery</code> and assign one of more images to that category. Module also accepts <code>align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>y-padding=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded above gallery content.</txp:output_form></txp:if_variable>
+    <txp:if_variable name="gallery-fallback"><txp:output_form form="instructions">To use this module, please create an an image category named <code>gallery</code> and assign one of more images to that category. Module also accepts <code>align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>padding-y=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded above gallery content.</txp:output_form></txp:if_variable>
 </section>

templates/forms/misc/-module--gallery--grid.txp

@@ -1,5 +1,5 @@
 <txp:output_form form="--variables--gallery" />
-<section<txp:evaluate> class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="y-padding">py-<txp:yield name="y-padding" /></txp:if_yield>"</txp:evaluate>>
+<section<txp:evaluate> class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="padding-y">py-<txp:yield name="padding-y" /></txp:if_yield>"</txp:evaluate>>
     <txp:if_yield><txp:yield /><txp:else /><h3 class="accessibility"><txp:text item="gallery" /></h3></txp:if_yield>
     <div class="layout-container <txp:if_yield name="align-vertical">layout-align-<txp:yield name="align-vertical" /><txp:else />layout-align-block-center</txp:if_yield><txp:if_yield name="align"> layout-align-<txp:yield name="align" /></txp:if_yield> gallery<txp:if_variable name="--gallery-gap" not value=""> gap-<txp:variable name="--gallery-gap" /></txp:if_variable>">
         <txp:evaluate>
@@ -30,5 +30,5 @@
             </div>
         </txp:evaluate>
     </div>
-    <txp:if_variable name="gallery-fallback"><txp:output_form form="instructions">To use this module, please create an an image category named <code>gallery</code> and assign one of more images to that category. Grid layout options can be adjusted by editing the <code>--variables--gallery</code> form template. Module also accepts <code>align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>), <code>align-vertical=""</code> (allowed values: <code>top</code>, <code>middle</code>, <code>bottom</code>, <code>block-start</code>, <code>block-end</code>) and <code>y-padding=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded above gallery content.</txp:output_form></txp:if_variable>
+    <txp:if_variable name="gallery-fallback"><txp:output_form form="instructions">To use this module, please create an an image category named <code>gallery</code> and assign one of more images to that category. Grid layout options can be adjusted by editing the <code>--variables--gallery</code> form template. Module also accepts <code>align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>), <code>align-vertical=""</code> (allowed values: <code>top</code>, <code>middle</code>, <code>bottom</code>, <code>block-start</code>, <code>block-end</code>) and <code>padding-y=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded above gallery content.</txp:output_form></txp:if_variable>
 </section>

templates/forms/misc/-module--gallery--vertical-masonry.txp

@@ -1,5 +1,5 @@
 <txp:output_form form="--variables--gallery" />
-<section<txp:evaluate> class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="y-padding">py-<txp:yield name="y-padding" /></txp:if_yield>"</txp:evaluate>>
+<section<txp:evaluate> class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="padding-y">py-<txp:yield name="padding-y" /></txp:if_yield>"</txp:evaluate>>
     <txp:if_yield><txp:yield /><txp:else /><h3 class="accessibility"><txp:text item="gallery" /></h3></txp:if_yield>
     <div class="layout-text<txp:variable name="--gallery-columns" />col gallery<txp:if_variable name="--gallery-gap" not value=""> gap-<txp:variable name="--gallery-gap" /></txp:if_variable>">
         <txp:evaluate>
@@ -16,5 +16,5 @@
             <img loading="lazy" src="<txp:page_url type="theme_path" />/assets/img/placeholders//img-hd-3.png" alt="Placeholder Image 6" itemprop="image">
         </txp:evaluate>
     </div>
-    <txp:if_variable name="gallery-fallback"><txp:output_form form="instructions">To use this module, please create an an image category named <code>gallery</code> and assign one of more images to that category. Grid layout options can be adjusted by editing the <code>--variables--gallery</code> form template. Module also accepts <code>align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>y-padding=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded above gallery content.</txp:output_form></txp:if_variable>
+    <txp:if_variable name="gallery-fallback"><txp:output_form form="instructions">To use this module, please create an an image category named <code>gallery</code> and assign one of more images to that category. Grid layout options can be adjusted by editing the <code>--variables--gallery</code> form template. Module also accepts <code>align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>padding-y=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded above gallery content.</txp:output_form></txp:if_variable>
 </section>

templates/forms/misc/-module--text--heading01.txp

@@ -1,4 +1,4 @@
-<div class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="y-padding">py-<txp:yield name="y-padding" /><txp:else />py-2</txp:if_yield>">
+<div class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="padding-y">py-<txp:yield name="padding-y" /><txp:else />py-2</txp:if_yield>">
     <txp:article_custom limit="1" id='<txp:yield name="id" default="null" />'>
         <txp:if_excerpt><h3><txp:excerpt escape="tidy, p, h1, h2, h3, h4, h5, h6" /></h3></txp:if_excerpt>
         <h1><txp:title /></h1>
@@ -10,7 +10,7 @@
     <txp:else />
         <h3>Preamble heading</h3>
         <h1>A main h1 heading about our service offering, and some general statements about how great we are, basically.</h1>
-        <txp:output_form form="instructions">To use this module, please create an article within a <a target="_blank" rel="noopener" href="https://textpattern.com/weblog/426/feature-focus-live-pageless-sections-for-hidden-content">pageless section</a> and call it from the <code>&lt;txp:output_form /&gt;</code> tag it via its unique article <code>id</code>. Module also accepts <code>align=""</code> and <code>body-align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>y-padding=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded below article content.<br>For example: <code>&lt;txp:output_form form="-module--text--heading01" id="2" align="center" body-align="left" y-padding="2" /&gt;</code>.</txp:output_form>
+        <txp:output_form form="instructions">To use this module, please create an article within a <a target="_blank" rel="noopener" href="https://textpattern.com/weblog/426/feature-focus-live-pageless-sections-for-hidden-content">pageless section</a> and call it from the <code>&lt;txp:output_form /&gt;</code> tag it via its unique article <code>id</code>. Module also accepts <code>align=""</code> and <code>body-align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>padding-y=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded below article content.<br>For example: <code>&lt;txp:output_form form="-module--text--heading01" id="2" align="center" body-align="left" padding-y="2" /&gt;</code>.</txp:output_form>
     </txp:article_custom>
     <txp:yield />
 </div>

templates/forms/misc/-module--text--heading02.txp

@@ -1,4 +1,4 @@
-<div class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="y-padding">py-<txp:yield name="y-padding" /><txp:else />py-2</txp:if_yield>">
+<div class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="padding-y">py-<txp:yield name="padding-y" /><txp:else />py-2</txp:if_yield>">
     <txp:article_custom limit="1" id='<txp:yield name="id" default="null" />'>
         <txp:if_excerpt><h4><txp:excerpt escape="tidy, p, h1, h2, h3, h4, h5, h6" /></h4></txp:if_excerpt>
         <h2><txp:title /></h2>
@@ -10,7 +10,7 @@
     <txp:else />
         <h4>Preamble heading</h4>
         <h2>A main h1 heading about our service offering, and some general statements about how great we are, basically.</h2>
-        <txp:output_form form="instructions">To use this module, please create an article within a <a target="_blank" rel="noopener" href="https://textpattern.com/weblog/426/feature-focus-live-pageless-sections-for-hidden-content">pageless section</a> and call it from the <code>&lt;txp:output_form /&gt;</code> tag it via its unique article <code>id</code>. Module also accepts <code>align=""</code> and <code>body-align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>y-padding=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded below article content.<br>For example: <code>&lt;txp:output_form form="-module--text--heading02" id="2" align="center" body-align="left" y-padding="2" /&gt;</code>.</txp:output_form>
+        <txp:output_form form="instructions">To use this module, please create an article within a <a target="_blank" rel="noopener" href="https://textpattern.com/weblog/426/feature-focus-live-pageless-sections-for-hidden-content">pageless section</a> and call it from the <code>&lt;txp:output_form /&gt;</code> tag it via its unique article <code>id</code>. Module also accepts <code>align=""</code> and <code>body-align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>padding-y=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded below article content.<br>For example: <code>&lt;txp:output_form form="-module--text--heading02" id="2" align="center" body-align="left" padding-y="2" /&gt;</code>.</txp:output_form>
     </txp:article_custom>
     <txp:yield />
 </div>

themes/hive-framework-0.0.6/assets/css/style.css

@@ -2,7 +2,7 @@
     <div class="container">
 
         <main id="main" aria-label="Main content">
-            <txp:output_form form="-module--text--heading01" id="null" align="center" y-padding="2" />
+            <txp:output_form form="-module--text--heading01" id="null" align="center" padding-y="2" />
         </main>
 
     </div>

themes/hive-framework-0.0.6/forms/misc/-content--homepage.txp

@@ -1,4 +1,4 @@
-<section<txp:evaluate> class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="y-padding">py-<txp:yield name="y-padding" /></txp:if_yield>"</txp:evaluate>>
+<section<txp:evaluate> class="<txp:if_yield name="align">align-<txp:yield name="align" /> </txp:if_yield><txp:if_yield name="padding-y">py-<txp:yield name="padding-y" /></txp:if_yield>"</txp:evaluate>>
     <txp:if_yield><txp:yield /><txp:else /><h3 class="accessibility"><txp:text item="gallery" /></h3></txp:if_yield>
     <div class="glide">
         <div class="glide__track" data-glide-el="track">
@@ -32,5 +32,5 @@
             </txp:evaluate>
         </div>
     </div>
-    <txp:if_variable name="gallery-fallback"><txp:output_form form="instructions">To use this module, please create an an image category named <code>gallery</code> and assign one of more images to that category. Module also accepts <code>align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>y-padding=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded above gallery content.</txp:output_form></txp:if_variable>
+    <txp:if_variable name="gallery-fallback"><txp:output_form form="instructions">To use this module, please create an an image category named <code>gallery</code> and assign one of more images to that category. Module also accepts <code>align=""</code> (allowed values: <code>left</code>, <code>right</code>, <code>center</code>, <code>inline-start</code>, <code>inline-end</code>) and <code>padding-y=""</code> (allowed values: <code>0</code> to <code>5</code>). If used as a container tag, any contained content is yielded above gallery content.</txp:output_form></txp:if_variable>
 </section>