@primer/brand-css 0.56.2 → 0.56.3-rc.105ba4ca

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.
@@ -536,6 +536,10 @@
536
536
  display: none;
537
537
  }
538
538
 
539
+ .SubNav__container--with-anchor-nav .SubNav__heading {
540
+ padding-block-end: 1px;
541
+ }
542
+
539
543
  .SubNav__heading {
540
544
  font-size: calc(var(--base-size-20) - 2px);
541
545
  line-height: var(--base-size-24);
@@ -543,6 +547,12 @@
543
547
 
544
548
  .SubNav__heading-separator {
545
549
  margin-inline-end: var(--base-size-20);
550
+ display: inline-flex;
551
+ top: 0;
552
+ }
553
+
554
+ .SubNav__container--with-anchor-nav .SubNav__heading-separator {
555
+ top: -1px;
546
556
  }
547
557
 
548
558
  .SubNav--header-container-outer {
@@ -554,6 +564,11 @@
554
564
  margin-inline-end: var(--base-size-20);
555
565
  }
556
566
 
567
+ .SubNav__header-container {
568
+ display: flex;
569
+ align-items: center;
570
+ }
571
+
557
572
  .SubNav__subHeading {
558
573
  font-size: var(--brand-text-size-100);
559
574
  line-height: var(--brand-text-lineHeight-100);
@@ -78,6 +78,11 @@
78
78
  color: var(--brand-InlineLink-color-pressed);
79
79
  }
80
80
 
81
+ .Timeline__item a:focus-visible {
82
+ outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
83
+ outline-offset: var(--base-size-2);
84
+ }
85
+
81
86
  /* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
82
87
  @media (prefers-reduced-motion: reduce) {
83
88
  .Timeline__item,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@primer/brand-css",
3
- "version": "0.56.2",
3
+ "version": "0.56.3-rc.105ba4ca",
4
4
  "description": "CSS stylesheets for Primer Brand components",
5
5
  "keywords": [
6
6
  "primer",