@patternfly/react-core 4.202.33 → 4.202.36

package/dist/umd/react-core.min.css

@@ -1736,6 +1736,70 @@ textarea.pf-c-form-control {
   cursor: not-allowed;
 }
 
+.pf-c-brand {
+  --pf-c-brand--Width: auto;
+  --pf-c-brand--Height: auto;
+  width: var(--pf-c-brand--Width--base);
+  height: var(--pf-c-brand--Height--base);
+  --pf-c-brand--Width--base: var(--pf-c-brand--Width);
+  --pf-c-brand--Height--base: var(--pf-c-brand--Height);
+}
+
+@media (min-width: 576px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width));
+  }
+}
+@media (min-width: 768px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-c-brand {
+    --pf-c-brand--Width--base: var(--pf-c-brand--Width-on-2xl, var(--pf-c-brand--Width-on-xl, var(--pf-c-brand--Width-on-lg, var(--pf-c-brand--Width-on-md, var(--pf-c-brand--Width-on-sm, var(--pf-c-brand--Width))))));
+  }
+}
+@media (min-width: 576px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height));
+  }
+}
+@media (min-width: 768px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)));
+  }
+}
+@media (min-width: 992px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))));
+  }
+}
+@media (min-width: 1200px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height)))));
+  }
+}
+@media (min-width: 1450px) {
+  .pf-c-brand {
+    --pf-c-brand--Height--base: var(--pf-c-brand--Height-on-2xl, var(--pf-c-brand--Height-on-xl, var(--pf-c-brand--Height-on-lg, var(--pf-c-brand--Height-on-md, var(--pf-c-brand--Height-on-sm, var(--pf-c-brand--Height))))));
+  }
+}
+.pf-c-brand.pf-m-picture {
+  display: inline-flex;
+  max-width: 100%;
+}
+
 .pf-c-breadcrumb {
   --pf-c-breadcrumb__item--FontSize: var(--pf-global--FontSize--sm);
   --pf-c-breadcrumb__item--LineHeight: var(--pf-global--LineHeight--sm);