merge

department-of-veterans-affairs · Dec 3, 2024 · 6fc87e5 · 6fc87e5
2 parents 24e9881 + 25e1e72
commit 6fc87e5
Show file tree

Hide file tree

Showing 2 changed files with 73 additions and 2 deletions.
diff --git a/.github/workflows/preview-environment-cleanup.yml b/.github/workflows/preview-environment-cleanup.yml
@@ -55,7 +55,7 @@ jobs:
         uses: EndBug/add-and-commit@1bad3abcf0d6ec49a5857d124b0bfb52dc7bb081 # 9.1.3
         with:
           author_name: va-vsp-bot
-          author_email: devops@va.gov
+          author_email: 70344339+va-vsp-bot@users.noreply.github.com
           branch: main
           cwd: manifests/apps/preview-environment/dev/
           add: 'pe-envs'
@@ -66,7 +66,7 @@ jobs:
         uses: EndBug/add-and-commit@1bad3abcf0d6ec49a5857d124b0bfb52dc7bb081 # 9.1.3
         with:
           author_name: va-vsp-bot
-          author_email: devops@va.gov
+          author_email: 70344339+va-vsp-bot@users.noreply.github.com
           branch: main
           cwd: manifests/apps/preview-environment/dev/
           add: 'argocd-apps'

diff --git a/src/site/assets/sass/style.scss b/src/site/assets/sass/style.scss
@@ -97,6 +97,77 @@
   }
 }
 
+//===== Playbook
+
+// ToDo: It appears that the page-playbook.html template that uses this class is no longer used, can we remove the template and the following classes?
+.va-nav-breadcrumbs--playbook {
+  background: none;
+  margin: 0 0 1em 0;
+  padding: 0;
+
+  h2 {
+    font-size: 1em;
+  }
+
+  li {
+    text-transform: none;
+    margin: 0.25em 0;
+    padding: 0.1em;
+    display: inline-block;
+    line-height: 1.15em;
+    vertical-align: middle;
+    font-size: 1.35em;
+
+    &:hover {
+      border-bottom: none;
+      text-decoration: none;
+    }
+  }
+
+  a {
+    border-bottom: 3px solid var(--vads-color-white);
+    text-decoration: none !important;
+    color: var(--vads-color-white);
+    &:hover {
+      text-decoration: none;
+      background: var(--color-link-default-hover);
+      border-bottom: 3px solid var(--vads-color-warning);
+    }
+  }
+}
+
+.va-nav-breadcrumbs--playbook {
+  .parent {
+    padding-top: 0.5em;
+    margin: 0 0 0.75em 0;
+
+    &:after {
+      content: " › ";
+      display: inline-block;
+      color: var(--vads-color-white);
+      padding: 0 0.5em;
+    }
+  }
+
+  .active {
+    background: var(--vads-color-warning);
+    color: var(--vads-color-black);
+    font: 400 1.35em / 1.15em var(--font-family-serif);
+    margin: 0.5em 0;
+    padding: 0.2em;
+
+    @media (min-width: 768px) {
+      font-size: 1.8em;
+    }
+
+    &:before {
+      content: "";
+      padding: 0;
+      margin: 0;
+    }
+  }
+}
+
 // START: Styles for mobile app promo banner
 .smartbanner {
   position: absolute;