fixing nested rules

hlxsites · Jan 17, 2024 · 6c19b04 · 6c19b04
1 parent 309c281
commit 6c19b04
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/blocks/breadcrumbs/breadcrumbs.css b/blocks/breadcrumbs/breadcrumbs.css
@@ -4,7 +4,7 @@ raqn-breadcrumbs {
   gap: 10px;
   align-items: center;
   padding: 10px 0;
-  background-color: var(--scope-background, transparent);
+  background: var(--scope-background, transparent);
 }
 
 raqn-breadcrumbs ul {

diff --git a/blocks/breadcrumbs/breadcrumbs.js b/blocks/breadcrumbs/breadcrumbs.js
@@ -1,6 +1,12 @@
 import ComponentBase from '../../scripts/component-base.js';
 
 export default class BreadCrumbs extends ComponentBase {
+  constructor() {
+    super();
+    this.classList.add('full-width');
+    this.classList.add('breadcrumbs');
+  }
+
   capitalize(string) {
     return string
       .split('-')
@@ -10,7 +16,6 @@ export default class BreadCrumbs extends ComponentBase {
 
   ready() {
     this.path = window.location.pathname.split('/');
-    this.classList.add('breadcrumbs');
     this.innerHTML = `
     <ul>
         ${this.path