Feat/add styles heather

assets/src/css/brisko.css

@@ -101,20 +101,19 @@ pre {
     grid-gap: 1.5em;
 }
 
-.alignfull {
+/* .alignfull {
     margin-left: calc(50% - 50vw);
     margin-right: calc(50% - 50vw);
     max-width: 100vw;
     width: 100vw;
     overflow: hidden;
-}
+} */
 
-.alignwide {
-    /*max-width: var(--wp--style--global--wide-size);*/
+/* .alignwide {
     max-width: 90vw;
     margin-left: calc(50% - 39vw);
     margin-right: calc(50% - 39vw);
-}
+} */
 
 /*.editor-content > *:not(.alignfull) {
   width: 100%;

assets/src/css/core.css

@@ -109,16 +109,179 @@ html, body {
     grid-gap: 1.5em;
 }
 
-.alignfull {
+/* .alignfull {
     margin-left: calc(50% - 50vw);
     margin-right: calc(50% - 50vw);
     max-width: 100vw;
     width: 100vw;
     overflow: hidden;
 }
 
-/* .alignwide {
+.alignwide {
     max-width: 90vw;
     margin-left: calc(50% - 39vw);
     margin-right: calc(50% - 39vw);
 } */
+
+
+
+
+/*
+======================================
+ WordPress Block Editor Styles
+======================================
+
+Description:
+    This refines various WordPress block editor elements
+    to ensure consistent spacing, clean typography, and better alignment.
+    It addresses common issues like tight spacing, inconsistent alignment,
+    and lack of responsive control for wide/full-width blocks.
+*/
+
+/*--------------------------------------------------------------
+1. General Block Spacing & Typography
+--------------------------------------------------------------*/
+
+:where(.wp-site-blocks) > * {
+    margin-block-start: 0;
+    margin-block-end: 0;
+}
+
+.wp-block-paragraph {
+    margin-bottom: 1.5em;
+}
+
+.wp-block-list,
+.wp-block-quote,
+.wp-block-pullquote {
+    margin-bottom: 1.5em;
+}
+
+.wp-block-heading {
+    margin: 1.5em 0 0.5em;
+}
+
+/*--------------------------------------------------------------
+2. Image, Figure, and Media Blocks
+--------------------------------------------------------------*/
+
+.wp-block-image {
+    margin-bottom: 1.5em;
+}
+
+.wp-block-image figcaption {
+    font-size: 0.9em;
+    text-align: center;
+    color: #666;
+    margin-top: 0.5em;
+}
+
+/*--------------------------------------------------------------
+4. Group Blocks & Inner Containers
+--------------------------------------------------------------*/
+
+/* .wp-block-group {
+    padding: 2em;
+    margin-bottom: 2em;
+    border-radius: 6px;
+} */
+
+.wp-block-group__inner-container {
+    max-width: 800px;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+/*--------------------------------------------------------------
+5. Columns & Media/Text Blocks
+--------------------------------------------------------------*/
+
+/* .wp-block-column {
+    padding: 1em;
+}
+
+.wp-block-media-text {
+    margin-bottom: 2em;
+}
+.wp-block-media-text .wp-block-media-text__content {
+    padding: 1em;
+} */
+
+/*--------------------------------------------------------------
+6. Buttons & Form Styles
+--------------------------------------------------------------*/
+
+.wp-block-button__link {
+    display: inline-block;
+    text-decoration: none;
+    transition: background-color 0.3s ease;
+}
+
+/* .wp-block-button__link:hover,
+.wp-block-button__link:focus {
+    background-color: #004da8;
+} */
+
+.wp-block-search input[type="search"],
+.wp-block-search__inside-wrapper input[type="search"] {
+    width: 100%;
+    padding: 0.75em;
+    /* border: 1px solid #ccc; */
+    margin-bottom: 1em;
+}
+
+/*--------------------------------------------------------------
+7. Tables & Quotes
+--------------------------------------------------------------*/
+
+.wp-block-table {
+    width: 100%;
+    border-collapse: collapse;
+    margin-bottom: 1.5em;
+}
+
+.wp-block-table td,
+.wp-block-table th {
+    border: 1px solid #ddd;
+    padding: 0.75em;
+}
+
+blockquote.wp-block-quote {
+    padding-left: 1em;
+    font-style: italic;
+}
+
+/*--------------------------------------------------------------
+8. Responsive Adjustments
+--------------------------------------------------------------*/
+
+/* @media (max-width: 768px) {
+    .wp-block-column {
+        margin-bottom: 1em;
+    }
+
+    .wp-block-group {
+        padding: 1em;
+    }
+
+    .wp-block-heading h2,
+    .wp-block-heading h3 {
+        font-size: 1.2em;
+    }
+} */
+
+/*--------------------------------------------------------------
+9. Additional Utilities (Optional)
+--------------------------------------------------------------*/
+
+/* Utility class to hide elements visually but keep for screen readers */
+.sr-only {
+    position: absolute !important;
+    width: 1px !important;
+    height: 1px !important;
+    padding: 0 !important;
+    overflow: hidden !important;
+    clip: rect(0, 0, 0, 0) !important;
+    white-space: nowrap !important; /* Added to prevent shift */
+    border: 0 !important;
+}

autoload.md

@@ -23,7 +23,7 @@ project/
 │   │   ├── helpers.php (non-class file)
 │   ├── inc/
 │   │   ├── actions.php (non-class file)
-│   │   ├── template-tags.php (non-class file)
+│   │   ├── functions.php (non-class file)
 ├── vendor/  (optional)
 ├── Autoloader.php
 ├── index.php
@@ -68,7 +68,7 @@ You can also **manually include files** that are not class-based (e.g., helper f
 $autoloader->addFiles([
     "src/Customize/helpers.php",
     "src/inc/actions.php",
-    "src/inc/template-tags.php",
+    "src/inc/functions.php",
 ]);
 ```
 

composer.json

@@ -22,7 +22,7 @@
         "files": [
             "src/Customize/helpers.php",
             "src/inc/actions.php",
-            "src/inc/template-tags.php"
+            "src/inc/functions.php"
         ],
         "psr-4": {
             "Brisko\\": "src"
@@ -32,7 +32,7 @@
         "files": [
             "src/Customize/helpers.php",
             "src/inc/actions.php",
-            "src/inc/template-tags.php"
+            "src/inc/functions.php"
         ],
         "psr-4": {
             "Brisko\\Tests\\": "tests/"

docs/code/classes/Brisko-Customize-Settings-General.html

@@ -204,6 +204,13 @@ <h3 id="toc">
 </dt>
 <dd>Brisko Section name only.</dd>
 
+            <dt class="phpdocumentor-table-of-contents__entry -method -protected">
+    <a href="classes/Brisko-Customize-Settings-General.html#method_global_link_color_settings">global_link_color_settings()</a>
+    <span>
+                                &nbsp;: mixed    </span>
+</dt>
+<dd></dd>
+
             <dt class="phpdocumentor-table-of-contents__entry -method -protected">
     <a href="classes/Brisko-Customize-Settings-General.html#method_hybrid_mode_settings">hybrid_mode_settings()</a>
     <span>
@@ -451,6 +458,50 @@ <h4 class="phpdocumentor-element__name" id="method_short_name">
 
 
 
+        <h5 class="phpdocumentor-return-value__heading">Return values</h5>
+    <span class="phpdocumentor-signature__response_type">mixed</span>
+            &mdash;
+
+
+</article>
+                    <article
+        class="phpdocumentor-element
+            -method
+            -protected
+                                    -static                    "
+>
+    <h4 class="phpdocumentor-element__name" id="method_global_link_color_settings">
+        global_link_color_settings()
+        <a href="classes/Brisko-Customize-Settings-General.html#method_global_link_color_settings" class="headerlink"><i class="fas fa-link"></i></a>
+    </h4>
+    <aside class="phpdocumentor-element-found-in">
+    <abbr class="phpdocumentor-element-found-in__file" title="src/Customize/Settings/General.php"><a href="files/src-customize-settings-general.html"><abbr title="src/Customize/Settings/General.php">General.php</abbr></a></abbr>
+    :
+    <span class="phpdocumentor-element-found-in__line">176</span>
+
+    </aside>
+
+
+    <code class="phpdocumentor-code phpdocumentor-signature ">
+    <span class="phpdocumentor-signature__visibility">protected</span>
+            <span class="phpdocumentor-signature__static">static</span>        <span class="phpdocumentor-signature__name">global_link_color_settings</span><span>(</span><span class="phpdocumentor-signature__argument"><span class="phpdocumentor-signature__argument__return-type">mixed&nbsp;</span><span class="phpdocumentor-signature__argument__name">$wp_customize</span></span><span>)</span><span> : </span><span class="phpdocumentor-signature__response_type">mixed</span></code>
+
+        <section class="phpdocumentor-description"></section>
+
+        <h5 class="phpdocumentor-argument-list__heading">Parameters</h5>
+    <dl class="phpdocumentor-argument-list">
+                    <dt class="phpdocumentor-argument-list__entry">
+                <span class="phpdocumentor-signature__argument__name">$wp_customize</span>
+                : <span class="phpdocumentor-signature__argument__return-type">mixed</span>
+                            </dt>
+            <dd class="phpdocumentor-argument-list__definition">
+                    <section class="phpdocumentor-description"></section>
+
+            </dd>
+            </dl>
+
+
+
         <h5 class="phpdocumentor-return-value__heading">Return values</h5>
     <span class="phpdocumentor-signature__response_type">mixed</span>
             &mdash;
@@ -470,7 +521,7 @@ <h4 class="phpdocumentor-element__name" id="method_hybrid_mode_settings">
     <aside class="phpdocumentor-element-found-in">
     <abbr class="phpdocumentor-element-found-in__file" title="src/Customize/Settings/General.php"><a href="files/src-customize-settings-general.html"><abbr title="src/Customize/Settings/General.php">General.php</abbr></a></abbr>
     :
-    <span class="phpdocumentor-element-found-in__line">195</span>
+    <span class="phpdocumentor-element-found-in__line">202</span>
 
     </aside>