@patternfly/quickstarts 1.4.1-rc.0 → 2.0.1-rc.2

package/dist/patternfly-nested.css

@@ -84,15 +84,12 @@
 
 .pfext-quick-start__base {
   text-align: left; }
-  .pfext-quick-start__base *,
-  .pfext-quick-start__base *::before,
-  .pfext-quick-start__base *::after {
+  .pfext-quick-start__base [class*="pf-c-"], .pfext-quick-start__base [class*="pf-c-"]::before, .pfext-quick-start__base [class*="pf-c-"]::after {
     padding: 0;
     margin: 0;
-    background-color: transparent;
-    border: 0;
-    min-width: auto;
-    height: auto; }
+    background-color: transparent; }
+  .pfext-quick-start__base html {
+    font-size: unset !important; }
   .pfext-quick-start__base .pf-u-screen-reader {
     position: fixed;
     top: 0;
@@ -7234,8 +7231,3 @@
     @media (min-width: 1450px) {
       .pfext-quick-start__base .pf-l-gallery {
         --pf-l-gallery--GridTemplateColumns--minmax--max: var(--pf-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-l-gallery--GridTemplateColumns--max-on-md, var(--pf-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-l-gallery--GridTemplateColumns--max)))))); } }
-  .pfext-quick-start__base .pfext-quick-start__base * + .pf-c-select__toggle-arrow {
-    margin-right: var(--pf-c-select__toggle-arrow--MarginRight);
-    margin-left: var(--pf-c-select__toggle-arrow--MarginLeft); }
-  .pfext-quick-start__base .pfext-quick-start__base .pf-c-select.pf-m-top.pf-m-expanded .pf-c-select__toggle-arrow {
-    transform: rotate(var(--pf-c-select__toggle-arrow--m-top--m-expanded__toggle-arrow--Rotate)); }

package/dist/quickstarts-base.css

@@ -369,7 +369,6 @@
     background: var(--pf-global--palette--black-150); }
 
 .pfext-page-layout__header {
-  padding-top: 1px;
   background-color: var(--pf-global--BackgroundColor--light-100); }
 
 .pfext-page-layout__hint {
@@ -588,6 +587,15 @@
 .pfext-markdown-view th {
   text-align: left; }
 
+.pfext-quick-start-drawer__body {
+  display: flex;
+  flex-direction: column;
+  z-index: 0;
+  position: relative; }
+
+.pfext-quick-start-drawer__modal > .pf-c-modal-box__footer {
+  display: block; }
+
 .pfext-quick-start-panel-content__header {
   position: sticky;
   top: 0px;
@@ -625,14 +633,11 @@
 .pfext-quick-start-panel-content__footer__shadow {
   box-shadow: var(--pf-global--BoxShadow--sm-top); }
 
-.pfext-quick-start-drawer__body {
-  display: flex;
-  flex-direction: column;
-  z-index: 0;
-  position: relative; }
+.pfext-quick-start-catalog__gallery {
+  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, 300px) !important; }
 
-.pfext-quick-start-drawer__modal > .pf-c-modal-box__footer {
-  display: block; }
+.pfext-quick-start-catalog__gallery-item {
+  display: inherit !important; }
 
 .pfext-quick-start-tile-description {
   display: -webkit-box;
@@ -659,6 +664,14 @@
   .pfext-quick-start-tile-prerequisites-list {
     padding-left: 20px; }
 
+.pfext-quick-start-tile {
+  height: 100%; }
+  .pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
+    display: block;
+    -webkit-line-clamp: unset; }
+  .pfext-quick-start-tile .catalog-tile-pf-icon {
+    display: flex; }
+
 .pfext-quick-start-tile-header__status {
   margin: var(--pf-global--spacer--sm) 0; }
 
@@ -669,20 +682,6 @@
 .pfext-quick-start-tile-header .pf-c-badge:not(:last-of-type) {
   margin-right: var(--pf-global--spacer--sm); }
 
-.pfext-quick-start-catalog__gallery {
-  --pf-l-gallery--GridTemplateColumns: repeat(auto-fill, 300px) !important; }
-
-.pfext-quick-start-catalog__gallery-item {
-  display: inherit !important; }
-
-.pfext-quick-start-tile {
-  height: 100%; }
-  .pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
-    display: block;
-    -webkit-line-clamp: unset; }
-  .pfext-quick-start-tile .catalog-tile-pf-icon {
-    display: flex; }
-
 .pfext-quick-start-catalog-filter__input {
   flex-grow: 1;
   max-width: 500px; }
@@ -700,6 +699,14 @@
   .pf-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-c-check {
     --pf-c-check__label--FontSize: 14px; }
 
+.pfext-quick-start-content {
+  flex: 1 1 0;
+  overflow: auto;
+  padding: var(--pf-global--spacer--lg);
+  font-size: 16px; }
+  .pfext-quick-start-content .pf-c-alert__description p {
+    font-size: 13px; }
+
 .pfext-quick-start-footer {
   background-color: var(--pf-global--Color--light-100);
   flex: 0 0 auto;
@@ -709,14 +716,6 @@
   .pfext-quick-start-footer__restartbtn {
     float: right; }
 
-.pfext-quick-start-content {
-  flex: 1 1 0;
-  overflow: auto;
-  padding: var(--pf-global--spacer--lg);
-  font-size: 16px; }
-  .pfext-quick-start-content .pf-c-alert__description p {
-    font-size: 13px; }
-
 .pfext-markdown-view.is-empty {
   color: #999; }
 
@@ -734,6 +733,27 @@
 .pfext-markdown-view th {
   padding-top: 0; }
 
+.pfext-quick-start-intro__prereq {
+  margin-bottom: var(--pf-global--spacer--md); }
+  .pfext-quick-start-intro__prereq .pf-c-expandable-section__content {
+    margin-top: var(--pf-global--spacer--sm); }
+  .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle {
+    padding-top: 0;
+    padding-bottom: 0; }
+    .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-text {
+      margin-left: var(--pf-global--spacer--sm); }
+    .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon {
+      color: var(--pf-c-expandable-section__toggle--Color); }
+      .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:focus, .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:hover {
+        --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color); }
+  .pfext-quick-start-intro__prereq-list {
+    padding-left: 20px; }
+    .pfext-quick-start-intro__prereq-list__item::marker {
+      font-size: 0.8rem; }
+    .pfext-quick-start-intro__prereq-list__item-content {
+      position: relative;
+      left: 2px; }
+
 .pfext-quick-start-tasks__list button::before {
   content: none; }
 
@@ -793,26 +813,16 @@
     .pfext-quick-start-tasks__list .task-pflist-list__item__content .task-pflist-list__item__content__note__body {
       font-size: 14px; }
 
-.pfext-quick-start-intro__prereq {
-  margin-bottom: var(--pf-global--spacer--md); }
-  .pfext-quick-start-intro__prereq .pf-c-expandable-section__content {
-    margin-top: var(--pf-global--spacer--sm); }
-  .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle {
-    padding-top: 0;
-    padding-bottom: 0; }
-    .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-text {
-      margin-left: var(--pf-global--spacer--sm); }
-    .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon {
-      color: var(--pf-c-expandable-section__toggle--Color); }
-      .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:focus, .pfext-quick-start-intro__prereq .pf-c-expandable-section__toggle-icon:hover {
-        --pf-c-expandable-section__toggle--Color: var(--pf-c-expandable-section__toggle--focus--Color); }
-  .pfext-quick-start-intro__prereq-list {
-    padding-left: 20px; }
-    .pfext-quick-start-intro__prereq-list__item::marker {
-      font-size: 0.8rem; }
-    .pfext-quick-start-intro__prereq-list__item-content {
-      position: relative;
-      left: 2px; }
+.pfext-quick-start-task-header__list {
+  padding: 0 !important; }
+  .pfext-quick-start-task-header__list button::before {
+    content: none; }
+  .pfext-quick-start-task-header__list li {
+    list-style-type: none;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    margin-bottom: var(--pf-global--spacer--xs); }
 
 .pfext-quick-start-task-header {
   margin-bottom: var(--pf-global--spacer--sm);
@@ -871,16 +881,8 @@
   .pfext-quick-start-task-review--failed {
     color: var(--pf-chart-global--danger--Color--100); }
 
-.pfext-quick-start-task-header__list {
-  padding: 0 !important; }
-  .pfext-quick-start-task-header__list button::before {
-    content: none; }
-  .pfext-quick-start-task-header__list li {
-    list-style-type: none;
-    display: flex;
-    flex-wrap: wrap;
-    align-items: center;
-    margin-bottom: var(--pf-global--spacer--xs); }
+.pfext-modal {
+  position: absolute !important; }
 
 .pfext-markdown-view .pfext-code-block__pre {
   /* override the styles applied by showdown while parsing <pre /> */
@@ -903,9 +905,6 @@
 .pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-play {
   display: none; }
 
-.pfext-modal {
-  position: absolute !important; }
-
 @keyframes pfext-spotlight-expand {
   0% {
     outline-offset: -4px;

package/dist/quickstarts-standalone.css

@@ -112,7 +112,6 @@
     .pfext-quick-start__base .pfext-page-layout__content.pfext-is-dark {
       background: var(--pf-global--palette--black-150); }
   .pfext-quick-start__base .pfext-page-layout__header {
-    padding-top: 1px;
     background-color: var(--pf-global--BackgroundColor--light-100); }
   .pfext-quick-start__base .pfext-page-layout__hint {
     padding-left: var(--pf-global--spacer--lg);