@patternfly/quickstarts 6.0.0-alpha.1 → 6.0.0-alpha.3

package/dist/quickstarts-standalone.css

@@ -1,384 +1,57 @@
-.pfext-quick-start__base .pfext-markdown-view h1, .pfext-quick-start__base .pfext-markdown-view h2, .pfext-quick-start__base .pfext-markdown-view h3, .pfext-quick-start__base .pfext-markdown-view h4, .pfext-quick-start__base .pfext-markdown-view h5, .pfext-quick-start__base .pfext-markdown-view h6,
-.pfext-quick-start__base .pfext-markdown-view .h1, .pfext-quick-start__base .pfext-markdown-view .h2, .pfext-quick-start__base .pfext-markdown-view .h3, .pfext-quick-start__base .pfext-markdown-view .h4, .pfext-quick-start__base .pfext-markdown-view .h5, .pfext-quick-start__base .pfext-markdown-view .h6 {
-  font-family: var(--pf-t--global--font--family--heading);
-  font-weight: var(--pf-t--global--font--weight--heading);
-  line-height: 1.1;
-  color: inherit;
-}
-.pfext-quick-start__base .pfext-markdown-view h1, .pfext-quick-start__base .pfext-markdown-view .h1,
-.pfext-quick-start__base .pfext-markdown-view h2, .pfext-quick-start__base .pfext-markdown-view .h2,
-.pfext-quick-start__base .pfext-markdown-view h3, .pfext-quick-start__base .pfext-markdown-view .h3 {
-  margin-top: 23px;
-  margin-bottom: 11.5px;
-}
-.pfext-quick-start__base .pfext-markdown-view h4, .pfext-quick-start__base .pfext-markdown-view .h4,
-.pfext-quick-start__base .pfext-markdown-view h5, .pfext-quick-start__base .pfext-markdown-view .h5,
-.pfext-quick-start__base .pfext-markdown-view h6, .pfext-quick-start__base .pfext-markdown-view .h6 {
-  margin-top: 11.5px;
-  margin-bottom: 11.5px;
-}
-.pfext-quick-start__base .pfext-markdown-view h1, .pfext-quick-start__base .pfext-markdown-view .h1 {
-  font-size: var(--pf-t--global--font--size--heading--h1);
-}
-.pfext-quick-start__base .pfext-markdown-view h2, .pfext-quick-start__base .pfext-markdown-view .h2 {
-  font-size: var(--pf-t--global--font--size--heading--h2);
-}
-.pfext-quick-start__base .pfext-markdown-view h3, .pfext-quick-start__base .pfext-markdown-view .h3 {
-  font-size: var(--pf-t--global--font--size--heading--h3);
-}
-.pfext-quick-start__base .pfext-markdown-view h4, .pfext-quick-start__base .pfext-markdown-view .h4 {
-  font-size: var(--pf-t--global--font--size--heading--h4);
-}
-.pfext-quick-start__base .pfext-markdown-view h5, .pfext-quick-start__base .pfext-markdown-view .h5 {
-  font-size: var(--pf-t--global--font--size--heading--h5);
-}
-.pfext-quick-start__base .pfext-markdown-view h6, .pfext-quick-start__base .pfext-markdown-view .h6 {
-  font-size: var(--pf-t--global--font--size--heading--h6);
-}
-.pfext-quick-start__base .pfext-markdown-view p {
-  margin: 0 0 11.5px;
-}
-.pfext-quick-start__base .pfext-markdown-view ul,
-.pfext-quick-start__base .pfext-markdown-view ol {
-  margin-top: 0;
-  margin-bottom: 11.5px;
-}
-.pfext-quick-start__base .pfext-markdown-view ul ul,
-.pfext-quick-start__base .pfext-markdown-view ul ol,
-.pfext-quick-start__base .pfext-markdown-view ol ul,
-.pfext-quick-start__base .pfext-markdown-view ol ol {
-  margin-bottom: 0;
-}
-.pfext-quick-start__base .pfext-markdown-view dl {
-  margin-top: 0;
-  margin-bottom: 23px;
-}
-.pfext-quick-start__base .pfext-markdown-view dt,
-.pfext-quick-start__base .pfext-markdown-view dd {
-  line-height: 1.66666667;
-}
-.pfext-quick-start__base .pfext-markdown-view dt {
-  font-weight: 700;
-}
-.pfext-quick-start__base .pfext-markdown-view dd {
-  margin-left: 0;
-}
-.pfext-quick-start__base .pfext-markdown-view blockquote {
-  padding: 11.5px 23px;
-  margin: 0 0 23px;
-  font-size: 17.5px;
-  border-left: 5px solid #f1f1f1;
-}
-.pfext-quick-start__base .pfext-markdown-view blockquote p:last-child,
-.pfext-quick-start__base .pfext-markdown-view blockquote ul:last-child,
-.pfext-quick-start__base .pfext-markdown-view blockquote ol:last-child {
-  margin-bottom: 0;
-}
-.pfext-quick-start__base .pfext-markdown-view code,
-.pfext-quick-start__base .pfext-markdown-view pre {
-  font-family: Menlo, Monaco, Consolas, monospace;
-}
-.pfext-quick-start__base .pfext-markdown-view code {
-  padding: 2px 4px;
-  font-size: 90%;
-  color: #004368;
-  background-color: #def3ff;
-  border-radius: 1px;
-}
-.pfext-quick-start__base .pfext-markdown-view pre {
-  display: block;
-  padding: 11px;
-  margin: 0 0 11.5px;
-  font-size: 13px;
-  line-height: 1.66666667;
-  color: #363636;
-  word-break: break-all;
-  word-wrap: break-word;
-  background-color: #fafafa;
-  border: 1px solid #ccc;
-  border-radius: 1px;
-}
-.pfext-quick-start__base .pfext-markdown-view pre code {
-  padding: 0;
-  font-size: inherit;
-  color: inherit;
-  white-space: pre-wrap;
-  background-color: transparent;
-  border-radius: 0;
-}
-.pfext-quick-start__base .pfext-markdown-view table {
-  background-color: transparent;
-}
-.pfext-quick-start__base .pfext-markdown-view th {
-  text-align: left;
-}
-.pfext-quick-start__base .pfext-quick-start-drawer__body {
-  display: flex;
-  flex-direction: column;
-  z-index: 0;
-  position: relative;
-}
-.pfext-quick-start__base .pfext-quick-start-drawer__modal > .pf-v6-c-modal-box__footer {
-  display: block;
-}
-.pfext-quick-start__base .pfext-quick-start-panel-content__header {
-  position: sticky;
-  top: 0px;
-  background: inherit;
-  z-index: var(--pf-t--global--z-index--xs);
-}
-.pfext-quick-start__base .pfext-quick-start-panel-content__header__shadow {
-  box-shadow: var(--pf-t--global--box-shadow--sm--bottom);
-}
-.pfext-quick-start__base .pfext-quick-start-panel-content__header--blue-white {
+.pfext-quick-start__base .pfext-quick-start-panel-content {
   background-color: var(--pf-t--global--color--brand--default);
-}
-.pfext-quick-start__base .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__title {
-  color: var(--pf-t--global--text--color--on-brand--default);
-}
-.pfext-quick-start__base .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration {
-  color: var(--pf-t--global--text--color--on-brand--default);
-}
-.pfext-quick-start__base .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__close-button button {
-  color: var(--pf-t--global--text--color--on-brand--default) !important;
+  color: var(--pf-t--global--text--color--inverse);
+  padding: var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg);
 }
 .pfext-quick-start__base .pfext-quick-start-panel-content__body {
   display: flex;
   flex-direction: column;
 }
-.pfext-quick-start__base .pfext-quick-start-panel-content__title {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-}
-.pfext-quick-start__base .pfext-quick-start-panel-content__duration {
-  display: inline-block;
-  font-size: var(--pf-t--global--font--size--body--default);
-  font-weight: var(--pf-t--global--font--weight--body);
-  line-height: 1;
-  color: var(--pf-t--global--text--color--subtle);
-}
-.pfext-quick-start__base .pfext-quick-start-panel-content__footer__shadow {
-  box-shadow: var(--pf-t--global--box-shadow--sm--top);
-}
-.pfext-quick-start__base .pfext-quick-start-catalog__gallery {
-  --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, 300px) !important;
-}
-.pfext-quick-start__base .pfext-quick-start-catalog__gallery-item {
-  display: inherit !important;
-}
-.pfext-quick-start__base .pfext-quick-start-tile {
-  height: 100%;
-}
-.pfext-quick-start__base .pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
-  display: block;
-  -webkit-line-clamp: unset;
-}
-.pfext-quick-start__base .pfext-quick-start-tile .catalog-tile-pf-icon {
-  display: flex;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-description {
-  display: -webkit-box;
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-description p {
-  margin: 0 0 11.5px;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-prerequisites {
-  display: inline-flex;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-prerequisites__text {
-  margin-right: var(--pf-t--global--spacer--sm);
-  font-size: var(--pf-t--global--font--size--md);
-  margin-top: 11.5px;
-  margin-bottom: 11.5px;
-  font-family: var(--pf-t--global--font--family--heading);
-  font-weight: var(--pf-t--global--font--weight--heading);
-  line-height: 1.1;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-prerequisites-list {
-  padding-left: 20px;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-header__status {
-  margin: var(--pf-t--global--spacer--sm) 0;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-header--margin {
-  margin-right: var(--pf-t--global--spacer--sm);
-  margin-bottom: var(--pf-t--global--spacer--sm);
-}
-.pfext-quick-start__base .pfext-quick-start-tile-header .pf-v6-c-badge:not(:last-of-type) {
-  margin-right: var(--pf-t--global--spacer--sm);
-}
-.pfext-quick-start__base .pfext-quick-start-catalog__gallery {
-  --pf-v6-l-gallery--GridTemplateColumns: repeat(auto-fill, 300px) !important;
-}
-.pfext-quick-start__base .pfext-quick-start-catalog__gallery-item {
-  display: inherit !important;
+.pfext-quick-start__base .pfext-quick-start-panel-content__close-button button.pf-v6-c-button {
+  --pf-v6-c-button--Color: var(--pf-t--global--text--color--inverse);
 }
-.pfext-quick-start__base .pfext-quick-start-tile {
-  height: 100%;
+.pfext-quick-start__base .pf-v6-c-card__header-main .pf-v6-c-icon__content {
+  display: contents;
 }
-.pfext-quick-start__base .pfext-quick-start-tile .catalog-tile-pf-description .has-footer {
-  display: block;
-  -webkit-line-clamp: unset;
-}
-.pfext-quick-start__base .pfext-quick-start-tile .catalog-tile-pf-icon {
-  display: flex;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-description {
-  display: -webkit-box;
-  overflow: hidden;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 3;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-description p {
-  margin: 0 0 11.5px;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-prerequisites {
-  display: inline-flex;
+.pfext-quick-start__base .pf-v6-c-card.pf-m-selectable::before, .pfext-quick-start__base .pf-v6-c-card.pf-m-clickable::before {
+  border: var(--pf-v6-c-card--BorderColor) var(--pf-v6-c-card--BorderStyle) var(--pf-v6-c-card--BorderWidth) !important;
 }
-.pfext-quick-start__base .pfext-quick-start-tile-prerequisites__text {
-  margin-right: var(--pf-t--global--spacer--sm);
-  font-size: var(--pf-t--global--font--size--md);
-  margin-top: 11.5px;
-  margin-bottom: 11.5px;
-  font-family: var(--pf-t--global--font--family--heading);
-  font-weight: var(--pf-t--global--font--weight--heading);
-  line-height: 1.1;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-prerequisites-list {
-  padding-left: 20px;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-header__status {
-  margin: var(--pf-t--global--spacer--sm) 0;
-}
-.pfext-quick-start__base .pfext-quick-start-tile-header--margin {
-  margin-right: var(--pf-t--global--spacer--sm);
-  margin-bottom: var(--pf-t--global--spacer--sm);
-}
-.pfext-quick-start__base .pfext-quick-start-tile-header .pf-v6-c-badge:not(:last-of-type) {
-  margin-right: var(--pf-t--global--spacer--sm);
-}
-.pfext-quick-start__base .pfext-quick-start-catalog-filter__input {
-  flex-grow: 1;
-  max-width: 500px;
-}
-.pfext-quick-start__base .pfext-quick-start-catalog-filter__count {
-  font-weight: var(--pf-t--global--font--weight--body--bold);
-}
-.pfext-quick-start__base .pf-v6-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex {
-  --pf-v6-c-toolbar--PaddingBottom: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-toolbar--PaddingTop: var(--pf-t--global--spacer--sm);
-  --pf-v6-c-toolbar--RowGap: 0;
-  font-size: 14px;
-}
-.pfext-quick-start__base .pf-v6-c-toolbar.pf-m-page-insets.pfext-quick-start-catalog-filter__flex .pf-v6-c-check {
-  --pf-v6-c-check__label--FontSize: 14px;
-}
-.pfext-quick-start__base .pfext-quick-start-content {
+.pfext-quick-start__base .pfext-quick-start-task {
   flex: 1 1 0;
   overflow: auto;
-  padding: var(--pf-t--global--spacer--lg);
-  font-size: 16px;
 }
-.pfext-quick-start__base .pfext-quick-start-content .pf-v6-c-alert__description p {
-  font-size: 13px;
+.pfext-quick-start__base .pfext-quick-start-task .pf-v6-c-code-block, .pfext-quick-start__base .pfext-quick-start-task .pf-v6-c-alert, .pfext-quick-start__base .pfext-quick-start-task .pf-v6-c-accordion {
+  margin-block-end: var(--pf-v6-c-content--MarginBlockEnd);
 }
 .pfext-quick-start__base .pfext-quick-start-footer {
-  background-color: var(--pf-t--global--background--color--primary--default);
-  flex: 0 0 auto;
-  padding: var(--pf-t--global--spacer--md) var(--pf-t--global--spacer--lg);
+  padding-top: var(--pf-t--global--spacer--md);
 }
-.pfext-quick-start__base .pfext-quick-start-footer__actionbtn {
-  margin-right: var(--pf-t--global--spacer--md);
-}
-.pfext-quick-start__base .pfext-quick-start-footer__restartbtn {
-  float: right;
-}
-.pfext-quick-start__base .pfext-quick-start-intro__prereq {
+.pfext-quick-start__base button.pf-v6-c-wizard__nav-link {
   margin-bottom: var(--pf-t--global--spacer--md);
 }
-.pfext-quick-start__base .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__content {
-  margin-top: var(--pf-t--global--spacer--sm);
-}
-.pfext-quick-start__base .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle {
-  padding-top: 0;
-  padding-bottom: 0;
+.pfext-quick-start__base button.pf-v6-c-wizard__nav-link.pf-m-current {
+  --pf-v6-c-wizard__nav-link-main--BackgroundColor: transparent;
 }
-.pfext-quick-start__base .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-text {
-  margin-left: var(--pf-t--global--spacer--sm);
-}
-.pfext-quick-start__base .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-icon {
-  color: var(--pf-v6-c-expandable-section__toggle--Color);
-}
-.pfext-quick-start__base .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-icon:focus, .pfext-quick-start__base .pfext-quick-start-intro__prereq .pf-v6-c-expandable-section__toggle-icon:hover {
-  --pf-v6-c-expandable-section__toggle--Color: var(--pf-v6-c-expandable-section__toggle--focus--Color);
-}
-.pfext-quick-start__base .pfext-quick-start-intro__prereq-list {
-  padding-left: 20px;
-}
-.pfext-quick-start__base .pfext-quick-start-intro__prereq-list__item::marker {
-  font-size: 0.8rem;
-}
-.pfext-quick-start__base .pfext-quick-start-intro__prereq-list__item-content {
-  position: relative;
-  left: 2px;
+.pfext-quick-start__base button.pf-v6-c-wizard__nav-link::before {
+  background-color: var(--pf-v6-c-wizard__nav-link--m-current--before--BackgroundColor);
+  color: var(--pf-v6-c-wizard__nav-link--m-current--before--Color);
+  min-width: var(--pf-v6-c-wizard__nav-link--before--Width);
 }
 .pfext-quick-start__base .pfext-quick-start-task-header__title {
-  color: var(--pf-t--global--text--color--brand--default) !important;
-  margin-right: var(--pf-t--global--spacer--md) !important;
+  font-family: var(--pf-t--global--font--family--body);
+  font-weight: var(---pf-t--global--font--weight--body--bold);
+  font-size: var(--pf-t--global--font--size--body--lg);
+}
+.pfext-quick-start__base .pfext-quick-start-task-header__subtitle {
+  font-size: var(--pf-t--global--font--size--body--default);
+  color: var(--pf-t--global--text--color--subtle);
+  font-weight: var(--pf-t--global--font--weight--body);
 }
 .pfext-quick-start__base .pfext-quick-start-task-header__tryagain {
   display: block;
   font-size: var(--pf-t--global--font--size--body--default);
-  color: var(--pf-t--global--text--color--subtle) !important;
-}
-.pfext-quick-start__base .pfext-quick-start-task-header__title-success {
-  color: var(--pf-t--global--text--color--status--success--default) !important;
-}
-.pfext-quick-start__base .pfext-quick-start-task-header__title-failed {
-  color: var(--pf-t--global--text--color--status--danger--default) !important;
-}
-.pfext-quick-start__base .pfext-quick-start-task-review-alert {
-  margin: var(--pf-t--global--spacer--lg) 0;
-}
-.pfext-quick-start__base .pfext-quick-start-task-review {
-  font-size: var(--pf-t--global--font--size--md);
-  line-height: var(--pf-t--global--font--line-height--heading);
-  font-family: var(--pf-t--global--font--family--heading);
-}
-.pfext-quick-start__base .pfext-quick-start-task-review__actions {
-  display: flex;
-  align-items: flex-start;
-  margin-bottom: var(--pf-t--global--spacer--sm);
-}
-.pfext-quick-start__base .pfext-quick-start-task-review__actions input[type=radio] {
-  margin-top: 0;
-  margin-right: 0;
-}
-.pfext-quick-start__base .pfext-quick-start-task-review__radio {
-  margin-right: var(--pf-t--global--spacer--xl) !important;
-}
-.pfext-quick-start__base .pfext-quick-start-task-review--success {
-  color: var(--pf-t--global--text--color--status--success--default) !important;
-}
-.pfext-quick-start__base .pfext-quick-start-task-review--failed {
-  color: var(--pf-t--global--text--color--status--danger--default);
-}
-.pfext-quick-start__base .pfext-quick-start-tasks__list button::before {
-  content: none;
-}
-.pfext-quick-start__base .pfext-quick-start-tasks__list li.pf-v6-c-wizard__nav-item {
-  list-style-type: none;
-  display: flex;
-  flex-wrap: wrap;
-  align-items: center;
-  margin-bottom: var(--pf-t--global--spacer--xs);
-}
-.pfext-quick-start__base .pfext-quick-start-tasks__list .pfext-quick-start-task__content {
-  margin-bottom: var(--pf-t--global--spacer--md);
+  color: var(--pf-t--global--text--color--subtle);
+  font-weight: var(--pf-t--global--font--weight--body);
 }
 .pfext-quick-start__base :where(:root, .pf-v6-c-clipboard-copy) {
   --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
@@ -397,24 +70,20 @@
   --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
   --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart: 0;
-  --pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd: 0;
   --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
+  --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
   --pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v6-c-clipboard-copy__actions-item--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v6-c-clipboard-copy__actions-item--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
 }
 .pfext-quick-start__base .pf-v6-c-clipboard-copy.pf-m-inline {
   display: inline;
-  padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
   white-space: nowrap;
   background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
 }
@@ -427,16 +96,12 @@
 }
 .pfext-quick-start__base .pf-v6-c-clipboard-copy__actions {
   display: inline-flex;
+  gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
+  margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
 }
-.pfext-quick-start__base .pf-v6-c-clipboard-copy__actions-item {
-  margin-block-start: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));
-  margin-block-end: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd));
-}
-.pfext-quick-start__base .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
-  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
-  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
-  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
-  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
+.pfext-quick-start__base .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
+  --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
+  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
 }
 .pfext-quick-start__base :where(:root, .pf-v6-c-code-block) {
   --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);