@gov-design-system-ce/components 0.0.38 → 0.0.40

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -7675,15 +7675,21 @@ if (customElements.get('side-nav-page') === undefined) {
7675
7675
  class SpacerPage extends HTMLElement {
7676
7676
  connectedCallback() {
7677
7677
  this.innerHTML = `
7678
- <gov-spacer size="2xs"></gov-spacer>
7679
- <gov-spacer size="xs"></gov-spacer>
7680
- <gov-spacer size="s"></gov-spacer>
7681
- <gov-spacer size="m"></gov-spacer>
7678
+ <style>
7679
+ gov-spacer {
7680
+ background: lightgray;
7681
+ margin-bottom: 10px;
7682
+ }
7683
+ </style>
7684
+ <gov-spacer size="2xs" breakpoint="sm"></gov-spacer>
7685
+ <gov-spacer size="xs" breakpoint="sm"></gov-spacer>
7686
+ <gov-spacer size="s" breakpoint="sm"></gov-spacer>
7687
+ <gov-spacer size="m" breakpoint="sm"></gov-spacer>
7682
7688
  <gov-spacer size="l" breakpoint="sm"></gov-spacer>
7683
- <gov-spacer size="xl"></gov-spacer>
7684
- <gov-spacer size="2xl"></gov-spacer>
7685
- <gov-spacer size="3xl"></gov-spacer>
7686
- <gov-spacer size="4xl"></gov-spacer>
7689
+ <gov-spacer size="xl" breakpoint="sm"></gov-spacer>
7690
+ <gov-spacer size="2xl" breakpoint="sm"></gov-spacer>
7691
+ <gov-spacer size="3xl" breakpoint="sm"></gov-spacer>
7692
+ <gov-spacer size="4xl" breakpoint="sm"></gov-spacer>
7687
7693
  `;
7688
7694
  }
7689
7695
  }