@patternfly/patternfly 4.170.0 → 4.171.0

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.
Files changed (7) hide show
  1. package/components/Masthead/masthead.css +9 -6
  2. package/components/Masthead/masthead.scss +12 -5
  3. package/package.json +1 -1
  4. package/patternfly-no-reset.css +9 -6
  5. package/patternfly.css +9 -6
  6. package/patternfly.min.css +1 -1
  7. package/patternfly.min.css.map +1 -1
package/components/Masthead/masthead.css CHANGED
@@ -148,13 +148,8 @@
148
148
  padding-left: var(--pf-c-masthead--PaddingLeft);
149
149
  background-color: var(--pf-c-masthead--BackgroundColor);
150
150
  }
151
- @media screen and (min-width: 1200px) {
152
- .pf-c-masthead {
153
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
154
- }
155
- }
156
151
  @media screen and (min-width: 768px) {
157
- .pf-c-masthead {
152
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
158
153
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
159
154
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
160
155
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -174,6 +169,14 @@
174
169
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
175
170
  }
176
171
  }
172
+ @media screen and (min-width: 1200px) {
173
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
174
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
175
+ }
176
+ }
177
+ .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
178
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
179
+ }
177
180
  .pf-c-masthead.pf-m-light {
178
181
  color: var(--pf-global--Color--100);
179
182
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
package/components/Masthead/masthead.scss CHANGED
@@ -150,16 +150,23 @@ $pf-c-masthead--inset-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
150
150
  --pf-c-masthead--c-toolbar__expandable-content--BorderTopWidth: var(--pf-global--BorderWidth--sm);
151
151
  --pf-c-masthead--c-toolbar__expandable-content--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
152
152
 
153
- @media screen and (min-width: $pf-global--breakpoint--xl) {
154
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
155
- }
156
153
 
157
154
  // Set layout to stack by default
158
155
  @include pf-c-masthead--m-display-stack;
159
156
 
160
157
  // Set layout to inline at medium breakpoint
161
- @media screen and (min-width: $pf-global--breakpoint--md) {
162
- @include pf-c-masthead--m-display-inline;
158
+ .pf-c-page:where(:not(.pf-m-resize-observer)) & {
159
+ @media screen and (min-width: $pf-global--breakpoint--md) {
160
+ @include pf-c-masthead--m-display-inline;
161
+ }
162
+
163
+ @media screen and (min-width: $pf-global--breakpoint--xl) {
164
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
165
+ }
166
+ }
167
+
168
+ .pf-c-page:where(.pf-m-breakpoint-xl) & {
169
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
163
170
  }
164
171
 
165
172
  @include pf-t-dark; // force the container to follow the dark theme
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.170.0",
4
+ "version": "4.171.0",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-reset.css CHANGED
@@ -15603,13 +15603,8 @@ ul.pf-c-list {
15603
15603
  padding-left: var(--pf-c-masthead--PaddingLeft);
15604
15604
  background-color: var(--pf-c-masthead--BackgroundColor);
15605
15605
  }
15606
- @media screen and (min-width: 1200px) {
15607
- .pf-c-masthead {
15608
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15609
- }
15610
- }
15611
15606
  @media screen and (min-width: 768px) {
15612
- .pf-c-masthead {
15607
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15613
15608
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
15614
15609
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
15615
15610
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -15629,6 +15624,14 @@ ul.pf-c-list {
15629
15624
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
15630
15625
  }
15631
15626
  }
15627
+ @media screen and (min-width: 1200px) {
15628
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15629
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15630
+ }
15631
+ }
15632
+ .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
15633
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15634
+ }
15632
15635
  .pf-c-masthead.pf-m-light {
15633
15636
  color: var(--pf-global--Color--100);
15634
15637
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);
package/patternfly.css CHANGED
@@ -15725,13 +15725,8 @@ ul.pf-c-list {
15725
15725
  padding-left: var(--pf-c-masthead--PaddingLeft);
15726
15726
  background-color: var(--pf-c-masthead--BackgroundColor);
15727
15727
  }
15728
- @media screen and (min-width: 1200px) {
15729
- .pf-c-masthead {
15730
- --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15731
- }
15732
- }
15733
15728
  @media screen and (min-width: 768px) {
15734
- .pf-c-masthead {
15729
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15735
15730
  --pf-c-masthead--GridTemplateColumns: var(--pf-c-masthead--m-display-inline--GridTemplateColumns);
15736
15731
  --pf-c-masthead__main--GridColumn: var(--pf-c-masthead--m-display-inline__main--GridColumn);
15737
15732
  --pf-c-masthead__main--MinHeight: var(--pf-c-masthead--m-display-inline__main--MinHeight);
@@ -15751,6 +15746,14 @@ ul.pf-c-list {
15751
15746
  --pf-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
15752
15747
  }
15753
15748
  }
15749
+ @media screen and (min-width: 1200px) {
15750
+ .pf-c-page:where(:not(.pf-m-resize-observer)) .pf-c-masthead {
15751
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15752
+ }
15753
+ }
15754
+ .pf-c-page:where(.pf-m-breakpoint-xl) .pf-c-masthead {
15755
+ --pf-c-masthead--inset: var(--pf-c-masthead--xl--inset);
15756
+ }
15754
15757
  .pf-c-masthead.pf-m-light {
15755
15758
  color: var(--pf-global--Color--100);
15756
15759
  --pf-c-masthead--BackgroundColor: var(--pf-c-masthead--m-light--BackgroundColor);