@patternfly/quickstarts 1.3.0 → 1.4.0

package/dist/quickstarts-base.css

@@ -1,40 +1,44 @@
-.pfext-quick-start-panel-content dl {
+.pfext-quick-start-panel-content__body dl {
   margin: 0px; }
 
-.pfext-quick-start-panel-content dt {
+.pfext-quick-start-panel-content__body dt {
   font-weight: var(--pf-global--FontWeight--bold); }
 
-.pfext-quick-start-panel-content dd {
+.pfext-quick-start-panel-content__body dd {
   margin-bottom: 20px; }
 
-.pfext-quick-start-panel-content dd:last-child {
+.pfext-quick-start-panel-content__body dd:last-child {
   margin-bottom: 0px; }
 
-.pfext-quick-start-panel-content input[type="number"] {
+.pfext-quick-start-panel-content__body input[type="number"] {
   -webkit-appearance: textfield;
   appearance: textfield;
   max-width: 100px; }
-  .pfext-quick-start-panel-content input[type="number"]::-webkit-inner-spin-button, .pfext-quick-start-panel-content input[type="number"]::-webkit-outer-spin-button {
+  .pfext-quick-start-panel-content__body input[type="number"]::-webkit-inner-spin-button, .pfext-quick-start-panel-content__body input[type="number"]::-webkit-outer-spin-button {
     -webkit-appearance: none; }
 
-.pfext-quick-start-panel-content input[type="radio"] {
+.pfext-quick-start-panel-content__body input[type="radio"] {
   margin-right: 7px; }
 
-.pfext-quick-start-panel-content,
+.pfext-quick-start-panel-content__header,
+.pfext-quick-start-panel-content__body,
 .pfext-page-layout__content,
-.pfext-page-layout__base {
+.pfext-popover__base {
   --pf-global--FontSize--md: 14px;
   --pf-global--FontSize--sm: 13px; }
-  .pfext-quick-start-panel-content ul,
+  .pfext-quick-start-panel-content__header ul,
+  .pfext-quick-start-panel-content__body ul,
   .pfext-page-layout__content ul,
-  .pfext-page-layout__base ul {
+  .pfext-popover__base ul {
     list-style-type: disc; }
-  .pfext-quick-start-panel-content input[type='radio'],
-  .pfext-quick-start-panel-content input[type='checkbox'],
+  .pfext-quick-start-panel-content__header input[type='radio'],
+  .pfext-quick-start-panel-content__header input[type='checkbox'],
+  .pfext-quick-start-panel-content__body input[type='radio'],
+  .pfext-quick-start-panel-content__body input[type='checkbox'],
   .pfext-page-layout__content input[type='radio'],
   .pfext-page-layout__content input[type='checkbox'],
-  .pfext-page-layout__base input[type='radio'],
-  .pfext-page-layout__base input[type='checkbox'] {
+  .pfext-popover__base input[type='radio'],
+  .pfext-popover__base input[type='checkbox'] {
     margin-top: 1px !important; }
 
 .pfext-icon-and-text {
@@ -47,6 +51,23 @@
   flex-shrink: 0;
   margin-right: 5px; }
 
+.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; }
+
 .catalog-item-header-pf-subtitle {
   font-size: 13px; }
 
@@ -366,6 +387,80 @@
   font-weight: var(--pf-global--FontWeight--normal);
   line-height: 1.1; }
 
+.pfext-markdown-view .pfext-code-block__pre {
+  /* override the styles applied by showdown while parsing <pre /> */
+  display: flex;
+  border: none;
+  border-radius: none;
+  background-color: transparent;
+  margin: 0;
+  padding: 0; }
+
+.pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-check {
+  display: none; }
+
+.pfext-markdown-view .pfext-markdown-execute-snippet__button > i.fa-play {
+  display: inline; }
+
+.pfext-markdown-view .pfext-markdown-execute-snippet__button[data-executed] > i.fa-check {
+  display: inline; }
+
+.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;
+    outline-width: 4px;
+    opacity: 1; }
+  100% {
+    outline-offset: 21px;
+    outline-width: 12px;
+    opacity: 0; } }
+
+@keyframes pfext-spotlight-fade-in {
+  0% {
+    opacity: 0; }
+  100% {
+    opacity: 1; } }
+
+@keyframes pfext-spotlight-fade-out {
+  0% {
+    opacity: 1; }
+  100% {
+    opacity: 0; } }
+
+.pfext-spotlight {
+  pointer-events: none;
+  position: absolute; }
+  .pfext-spotlight__with-backdrop {
+    mix-blend-mode: hard-light; }
+  .pfext-spotlight__element-highlight-noanimate {
+    border: var(--pf-global--BorderWidth--xl) solid var(--pf-global--palette--blue-200);
+    background-color: var(--pf-global--palette--black-500);
+    z-index: 9999; }
+  .pfext-spotlight__element-highlight-animate {
+    pointer-events: none;
+    position: absolute;
+    box-shadow: inset 0px 0px 0px 4px var(--pf-global--palette--blue-200);
+    opacity: 0;
+    animation: 0.4s pfext-spotlight-fade-in 0s ease-in-out, 5s pfext-spotlight-fade-out 12.8s ease-in-out;
+    animation-fill-mode: forwards; }
+    .pfext-spotlight__element-highlight-animate::after {
+      content: '';
+      position: absolute;
+      left: 0;
+      right: 0;
+      top: 0;
+      bottom: 0;
+      animation: 1.2s pfext-spotlight-expand 1.6s ease-out;
+      animation-fill-mode: forwards;
+      outline: 4px solid var(--pf-global--palette--blue-200);
+      outline-offset: -4px; }
+
 .pfext-markdown-view h1, .pfext-markdown-view h2, .pfext-markdown-view h3, .pfext-markdown-view h4, .pfext-markdown-view h5, .pfext-markdown-view h6,
 .pfext-markdown-view .h1, .pfext-markdown-view .h2, .pfext-markdown-view .h3, .pfext-markdown-view .h4, .pfext-markdown-view .h5, .pfext-markdown-view .h6 {
   font-family: var(--pf-global--FontFamily--heading--sans-serif);
@@ -600,7 +695,7 @@
   flex: 1 1 0;
   overflow: auto;
   padding: var(--pf-global--spacer--sm) var(--pf-global--spacer--lg);
-  font-size: 14px; }
+  font-size: 16px; }
   .pfext-quick-start-content .pf-c-alert__description p {
     font-size: 13px; }
 
@@ -630,6 +725,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; }
 
@@ -669,7 +785,7 @@
   .pfext-quick-start-task-header__title-success {
     color: var(--pf-global--palette--green-500) !important; }
   .pfext-quick-start-task-header__title-failed {
-    color: var(--pf-chart-global--danger--Color--100) !important; }
+    color: var(--pf-global--danger-color--100) !important; }
   .pfext-quick-start-task-header__task-icon-init {
     background-color: var(--pf-global--palette--blue-400);
     border-radius: var(--pf-global--BorderRadius--lg);
@@ -681,6 +797,9 @@
   .pfext-quick-start-task-header__task-icon-success, .pfext-quick-start-task-header__task-icon-failed {
     vertical-align: middle !important; }
 
+.pfext-quick-start-task-review-alert {
+  margin: var(--pf-global--spacer--lg) 0; }
+
 .pfext-quick-start-task-review {
   font-size: var(--pf-global--FontSize--md);
   line-height: var(--pf-global--FontSize--xl);