Layout: Merge branch 'main' into maximus-sidebar-scroll-anchor-578

Author: maximusmith529

.editorconfig

@@ -0,0 +1,7 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+end_of_line = lf

Makefile

@@ -1,5 +1,4 @@
 BIOME_BASE_CMD := $(if $(shell which biome),biome,npx @biomejs/[email protected])
-BIOME_CONFIG_PATH := --config-path="biome.json"
 WRITE_FLAG := --write
 
 .PHONY: list help
@@ -26,11 +25,11 @@ ifeq ($(BIOME_ARGS), write)
 endif
 
 biome-format:
-	$(BIOME_BASE_CMD) format $(BIOME_CONFIG_PATH) $(FLAG)
+	$(BIOME_BASE_CMD) format $(FLAG)
 biome-lint:
-	$(BIOME_BASE_CMD) lint $(BIOME_CONFIG_PATH) $(FLAG)
+	$(BIOME_BASE_CMD) lint $(FLAG)
 biome-all:
-	$(BIOME_BASE_CMD) check $(BIOME_CONFIG_PATH) $(FLAG)
+	$(BIOME_BASE_CMD) check $(FLAG)
 
 setup-pre-commit:
 	@if ! command -v pre-commit &> /dev/null; then \

assets/css/v2/style.css

@@ -246,8 +246,9 @@ textarea:not([rows]) {
   --product-selector-background: 0.98 0 0;
 
   /* vars for the primary grid setup */
-  --grid-content: minmax(34rem, 50rem);
-  --grid-content-mobile: minmax(20rem, 50rem);
+  --grid-max: 50rem;
+  --grid-content: minmax(34rem, var(--grid-max));
+  --grid-content-mobile: minmax(20rem, var(--grid-max));
   --grid-side-callout: minmax(18rem, 26rem);
   --grid-column-gutter: 3.5rem;
 
@@ -313,7 +314,7 @@ textarea:not([rows]) {
   --sidebar-item-padding-tb: 0.25rem;
   --content-max-width: 88rem;
 
-  --main-col: minmax(34rem, 50rem);
+  --main-col: minmax(34rem, var(--grid-max));
   --side-col: minmax(18rem, 26rem);
 }
 
@@ -1293,7 +1294,6 @@ main {
 /* Search results on content */
 atomic-search-interface#search-v2 {
   position: relative;
-  z-index: 1;
   /* biome-ignore lint: Coveo override */
   display: inline-block !important;
   width: 95vw;
@@ -1930,6 +1930,7 @@ table {
   font-size: var(--font-step-0);
 
   td {
+    max-width: var(--grid-max);
     vertical-align: middle;
     padding: var(--table-inner-padding);
     background: transparent;
@@ -2012,9 +2013,22 @@ blockquote {
     margin: 0;
   }
 
+  /* Prevent codeblock x-axis overflow within callouts, retaining flow-gap for y */
+  .callout-content:has(.code-block) {
+    .code-block {
+      margin-right: 0;
+      margin-left: 0;
+    }
+  }
+
   .callout-content {
     margin: 0;
   }
+
+  /* To help them align with text, side callouts should not have top margin*/
+  &[data-grid="last-third"] {
+    --margin-callout: 0 0 0 1rem;
+  }
 }
 
 blockquote.note {
@@ -2388,6 +2402,10 @@ ul .code-block {
 
 .banner {
   margin-block-start: 1rem;
+
+  blockquote {
+    margin-left: 0rem;
+  }
 }
 
 /* MARK: Images

biome.json

@@ -1,6 +1,6 @@
 {
   "$schema": "https://biomejs.dev/schemas/2.2.2/schema.json",
-  "root": false,
+  "root": true,
   "vcs": {
     "enabled": true,
     "clientKind": "git",

exampleSite/data/f5-sites.yaml

@@ -0,0 +1,7 @@
+- title: NGINX Documentation
+  url: https://docs.nginx.com/
+  description: Learn how to deliver, manage, and protect your applications using F5 NGINX products.
+
+- title: NGINX
+  url: https://nginx.org/
+  description: Learn more about NGINX Open Source and read the community blog

layouts/partials/callout.html

@@ -35,11 +35,11 @@
 <blockquote class="{{ $class }}" data-grid="{{ $dataGrid }}">
   <div>
     <div class="call-out-type">
-      {{ partial "lucide" (dict "context" . "icon" $icon) .}}
+      {{ partial "lucide" (dict "context" . "icon" $icon) . }}
       {{ $title }}
     </div>
     <div class="callout-content">
-      {{ .content | markdownify }}
+      {{- .content | markdownify -}}
     </div>
   </div>
 </blockquote>

layouts/partials/f5-sites.html

@@ -0,0 +1,25 @@
+<div class="header__f5sites">
+{{ with index .Site.Data "f5-sites" }}
+{{ $f5Sites := . }}
+<div class="navbar navbar-nav">
+    <div class="nav-item-explore active">
+    <button id="navbar-sites-button" class="button navbar-button dropdown-button" data-testid="header__f5sites_button">
+        F5 Sites
+        <span class="header__f5sites--icon">
+        {{ partial "lucide" (dict "context" . "icon" "chevron-down") }}
+        </span>
+    </button>
+    <div class="dropdown-content" id="dropdown-content" data-testid="header__f5sites_content">
+        <ul>
+        {{ range $f5Sites }}
+            <li>
+            <a href="{{ .url }}" target="_blank" >{{ .title }}</a>
+            <p>{{ .description }}</p>
+            </li>
+        {{ end }}
+        </ul>
+    </div>
+    </div>
+</div>
+{{ end }}
+</div>

layouts/partials/footer-v2.html

@@ -34,6 +34,6 @@
             target="_blank"
             >Do Not Sell My Personal Information
         </a>
-        <span id="teconsent-v2"></span>
+        <span id="teconsent"></span>
     </div>
 </div>