@patternfly/quickstarts 5.4.0 → 5.4.2

package/dist/patternfly-docs/quick-starts/design-guidelines/design-guidelines.md

@@ -98,7 +98,7 @@ Here are some general guidelines to follow when authoring quick start content:
   * Provide links at the end of quick starts if the user is likely to need or want additional technical  information upon completion.
   * Provide links in the check your work module when a user answers **No** if more robust information can help the user understand what actions they must take to complete the task.  
 
-For more specific quick start content guidelines, refer to the [Red Hat OpenShift documentation](https://docs.openshift.com/container-platform/4.7/web_console/creating-quick-start-tutorials.html). While these guidelines are geared toward Red Hat OpenShift, they can apply to quick starts in any product.
+For more specific quick start content guidelines, refer to _Best practices for writing quick starts_ on [UXD Hub](https://www.uxd-hub.com/entries/resource/best-practices-for-writing-quick-starts). The [Red Hat OpenShift documentation](https://docs.openshift.com/container-platform/4.16/web_console/creating-quick-start-tutorials.html) contains similar guidelines geared toward Red Hat OpenShift.
 
 ## Quick starts in context
 

package/dist/quickstarts-base.css

@@ -818,17 +818,6 @@
   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-tile-description {
   display: -webkit-box;
   overflow: hidden;
@@ -854,6 +843,17 @@
   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-v5-global--spacer--sm) 0;
 }
@@ -868,24 +868,6 @@
   flex: 1;
 }
 
-.pfext-markdown-view.is-empty {
-  color: #999;
-}
-.pfext-markdown-view table {
-  display: block;
-  margin-bottom: 11.5px;
-  overflow-x: auto;
-}
-.pfext-markdown-view td,
-.pfext-markdown-view th {
-  border-bottom: 1px solid #ededed;
-  padding: 10px;
-  vertical-align: top;
-}
-.pfext-markdown-view th {
-  padding-top: 0;
-}
-
 .pfext-quick-start-catalog-filter__input {
   flex-grow: 1;
   max-width: 500px;
@@ -907,6 +889,24 @@
   --pf-v5-c-check__label--FontSize: 14px;
 }
 
+.pfext-markdown-view.is-empty {
+  color: #999;
+}
+.pfext-markdown-view table {
+  display: block;
+  margin-bottom: 11.5px;
+  overflow-x: auto;
+}
+.pfext-markdown-view td,
+.pfext-markdown-view th {
+  border-bottom: 1px solid #ededed;
+  padding: 10px;
+  vertical-align: top;
+}
+.pfext-markdown-view th {
+  padding-top: 0;
+}
+
 .pfext-quick-start-content {
   flex: 1 1 0;
   overflow: auto;
@@ -1044,6 +1044,34 @@
   margin-bottom: var(--pf-v5-global--spacer--xs);
 }
 
+.pfext-quick-start-task-review-alert {
+  margin: var(--pf-v5-global--spacer--lg) 0;
+}
+
+.pfext-quick-start-task-review {
+  font-size: var(--pf-v5-global--FontSize--md);
+  line-height: var(--pf-v5-global--FontSize--xl);
+  font-family: var(--pf-v5-global--FontFamily--heading--sans-serif);
+}
+.pfext-quick-start-task-review__actions {
+  display: flex;
+  align-items: flex-start;
+  margin-bottom: var(--pf-v5-global--spacer--sm);
+}
+.pfext-quick-start-task-review__actions input[type=radio] {
+  margin-top: 0;
+  margin-right: 0;
+}
+.pfext-quick-start-task-review__radio {
+  margin-right: var(--pf-v5-global--spacer--xl) !important;
+}
+.pfext-quick-start-task-review--success {
+  color: var(--pf-v5-global--success-color--100) !important;
+}
+.pfext-quick-start-task-review--failed {
+  color: var(--pf-chart-global--danger--Color--100);
+}
+
 .pfext-quick-start-task-header {
   margin-bottom: var(--pf-v5-global--spacer--sm);
   display: grid;
@@ -1091,38 +1119,6 @@
   color: var(--pf-v5-global--danger-color--100) !important;
 }
 
-.pfext-quick-start-task-review-alert {
-  margin: var(--pf-v5-global--spacer--lg) 0;
-}
-
-.pfext-quick-start-task-review {
-  font-size: var(--pf-v5-global--FontSize--md);
-  line-height: var(--pf-v5-global--FontSize--xl);
-  font-family: var(--pf-v5-global--FontFamily--heading--sans-serif);
-}
-.pfext-quick-start-task-review__actions {
-  display: flex;
-  align-items: flex-start;
-  margin-bottom: var(--pf-v5-global--spacer--sm);
-}
-.pfext-quick-start-task-review__actions input[type=radio] {
-  margin-top: 0;
-  margin-right: 0;
-}
-.pfext-quick-start-task-review__radio {
-  margin-right: var(--pf-v5-global--spacer--xl) !important;
-}
-.pfext-quick-start-task-review--success {
-  color: var(--pf-v5-global--success-color--100) !important;
-}
-.pfext-quick-start-task-review--failed {
-  color: var(--pf-chart-global--danger--Color--100);
-}
-
-.pfext-modal {
-  position: absolute !important;
-}
-
 .pfext-markdown-view .pfext-code-block__pre {
   /* override the styles applied by showdown while parsing <pre /> */
   display: flex;
@@ -1157,6 +1153,10 @@
   word-break: break-word;
 }
 
+.pfext-modal {
+  position: absolute !important;
+}
+
 @keyframes pfext-spotlight-expand {
   0% {
     outline-offset: -4px;