@patternfly/quickstarts 2.2.0 → 2.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -44,6 +44,50 @@
44
44
  .pfext-popover__base input[type='checkbox'] {
45
45
  margin-top: 1px !important; }
46
46
 
47
+ .pf-theme-dark .pfext-catalog-item-icon__img--large {
48
+ filter: brightness(1.5) invert(1) hue-rotate(180deg) saturate(4); }
49
+
50
+ .pf-theme-dark .pfext-quick-start-panel-content__header--blue-white .pfext-quick-start-panel-content__duration {
51
+ color: var(--pf-global--Color--light-100); }
52
+
53
+ .pf-theme-dark .pfext-quick-start-task-header__subtitle {
54
+ color: var(--pf-global--palette--black-200) !important; }
55
+
56
+ .pf-theme-dark .pfext-quick-start-task-header__task-icon-init {
57
+ background-color: var(--pf-global--primary-color--300); }
58
+
59
+ .pf-theme-dark .pfext-quick-start-task-header__tryagain {
60
+ color: var(--pf-global--palette--black-200) !important; }
61
+
62
+ .pf-theme-dark .pfext-markdown-view pre {
63
+ background-color: var(--pf-global--BackgroundColor--100);
64
+ border-color: var(--pf-global--BorderColor--100); }
65
+
66
+ .pf-theme-dark .pfext-markdown-view code {
67
+ color: var(--pf-global--Color--100);
68
+ background-color: var(--pf-global--palette--black-600); }
69
+
70
+ .pf-theme-dark .pfext-markdown-view .pf-c-code-block,
71
+ .pf-theme-dark .pfext-markdown-view .pf-c-code-block code {
72
+ background-color: var(--pf-global--BackgroundColor--400); }
73
+
74
+ .pf-theme-dark :where(.pfext-markdown-view) .pf-c-clipboard-copy.pf-m-inline {
75
+ --pf-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-global--BackgroundColor--400); }
76
+
77
+ .pf-theme-dark .pfext-page-layout__content {
78
+ background-color: var(--pf-global--BackgroundColor--200); }
79
+
80
+ .pf-theme-dark .pfext-quick-start-catalog__gallery-item .pf-c-card {
81
+ --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--100); }
82
+
83
+ .pf-theme-dark .pf-c-alert {
84
+ --pf-c-alert--BackgroundColor: var(--pf-global--palette--black-700);
85
+ --pf-c-alert--m-inline--BackgroundColor: var(--pf-global--palette--black-700);
86
+ --pf-c-alert--m-inline--m-success--BackgroundColor: var(--pf-global--palette--black-700);
87
+ --pf-c-alert--m-inline--m-danger--BackgroundColor: var(--pf-global--palette--black-700);
88
+ --pf-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-global--palette--black-700);
89
+ --pf-c-alert--m-inline--m-info--BackgroundColor: var(--pf-global--palette--black-700); }
90
+
47
91
  .pfext-icon-and-text {
48
92
  align-items: baseline;
49
93
  display: flex; }
@@ -368,8 +412,6 @@
368
412
  .pfext-page-layout__content {
369
413
  padding: var(--pf-global--spacer--lg);
370
414
  flex: 1; }
371
- .pfext-page-layout__content.pfext-is-dark {
372
- background: var(--pf-global--palette--black-150); }
373
415
 
374
416
  .pfext-page-layout__header {
375
417
  padding-top: 1px;
@@ -678,10 +720,6 @@
678
720
  font-family: var(--pf-global--FontFamily--heading--sans-serif);
679
721
  font-weight: var(--pf-global--FontWeight--normal);
680
722
  line-height: 1.1; }
681
- .pfext-quick-start-tile-prerequisites__icon {
682
- color: var(--pf-global--info-color--100) !important; }
683
- .pfext-quick-start-tile-prerequisites__icon:hover {
684
- color: var(--pf-global--info-color--200) !important; }
685
723
  .pfext-quick-start-tile-prerequisites-list {
686
724
  padding-left: 20px; }
687
725
 
@@ -721,7 +759,7 @@
721
759
  font-size: 13px; }
722
760
 
723
761
  .pfext-quick-start-footer {
724
- background-color: var(--pf-global--Color--light-100);
762
+ background-color: var(--pf-global--BackgroundColor--100);
725
763
  flex: 0 0 auto;
726
764
  padding: var(--pf-global--spacer--md) var(--pf-global--spacer--lg); }
727
765
  .pfext-quick-start-footer__actionbtn {
@@ -836,27 +874,6 @@
836
874
  align-items: center;
837
875
  margin-bottom: var(--pf-global--spacer--xs); }
838
876
 
839
- .pfext-quick-start-task-review-alert {
840
- margin: var(--pf-global--spacer--lg) 0; }
841
-
842
- .pfext-quick-start-task-review {
843
- font-size: var(--pf-global--FontSize--md);
844
- line-height: var(--pf-global--FontSize--xl);
845
- font-family: var(--pf-global--FontFamily--heading--sans-serif); }
846
- .pfext-quick-start-task-review__actions {
847
- display: flex;
848
- align-items: flex-start;
849
- margin-bottom: var(--pf-global--spacer--sm); }
850
- .pfext-quick-start-task-review__actions input[type='radio'] {
851
- margin-top: 0;
852
- margin-right: 0; }
853
- .pfext-quick-start-task-review__radio {
854
- margin-right: var(--pf-global--spacer--xl) !important; }
855
- .pfext-quick-start-task-review--success {
856
- color: var(--pf-global--palette--green-500); }
857
- .pfext-quick-start-task-review--failed {
858
- color: var(--pf-chart-global--danger--Color--100); }
859
-
860
877
  .pfext-quick-start-task-header {
861
878
  margin-bottom: var(--pf-global--spacer--sm);
862
879
  display: grid;
@@ -875,11 +892,11 @@
875
892
  font-size: var(--pf-global--FontSize--md);
876
893
  color: var(--pf-global--Color--300) !important; }
877
894
  .pfext-quick-start-task-header__title-success {
878
- color: var(--pf-global--palette--green-500) !important; }
895
+ color: var(--pf-global--success-color--100) !important; }
879
896
  .pfext-quick-start-task-header__title-failed {
880
897
  color: var(--pf-global--danger-color--100) !important; }
881
898
  .pfext-quick-start-task-header__task-icon-init {
882
- background-color: var(--pf-global--palette--blue-400);
899
+ background-color: var(--pf-global--primary-color--100);
883
900
  border-radius: var(--pf-global--BorderRadius--lg);
884
901
  color: var(--pf-global--Color--light-100);
885
902
  display: inline-flex;
@@ -889,10 +906,34 @@
889
906
  .pfext-quick-start-task-header__task-icon-success, .pfext-quick-start-task-header__task-icon-failed {
890
907
  vertical-align: middle !important; }
891
908
  .pfext-quick-start-task-header__task-icon-success {
892
- color: var(--pf-global--palette--green-500) !important; }
909
+ color: var(--pf-global--success-color--100) !important; }
893
910
  .pfext-quick-start-task-header__task-icon-failed {
894
911
  color: var(--pf-global--danger-color--100) !important; }
895
912
 
913
+ .pfext-quick-start-task-review-alert {
914
+ margin: var(--pf-global--spacer--lg) 0; }
915
+
916
+ .pfext-quick-start-task-review {
917
+ font-size: var(--pf-global--FontSize--md);
918
+ line-height: var(--pf-global--FontSize--xl);
919
+ font-family: var(--pf-global--FontFamily--heading--sans-serif); }
920
+ .pfext-quick-start-task-review__actions {
921
+ display: flex;
922
+ align-items: flex-start;
923
+ margin-bottom: var(--pf-global--spacer--sm); }
924
+ .pfext-quick-start-task-review__actions input[type='radio'] {
925
+ margin-top: 0;
926
+ margin-right: 0; }
927
+ .pfext-quick-start-task-review__radio {
928
+ margin-right: var(--pf-global--spacer--xl) !important; }
929
+ .pfext-quick-start-task-review--success {
930
+ color: var(--pf-global--success-color--100) !important; }
931
+ .pfext-quick-start-task-review--failed {
932
+ color: var(--pf-chart-global--danger--Color--100); }
933
+
934
+ .pfext-modal {
935
+ position: absolute !important; }
936
+
896
937
  .pfext-markdown-view .pfext-code-block__pre {
897
938
  /* override the styles applied by showdown while parsing <pre /> */
898
939
  display: flex;
@@ -925,9 +966,6 @@
925
966
  color: var(--pf-c-alert__title--Color);
926
967
  word-break: break-word; }
927
968
 
928
- .pfext-modal {
929
- position: absolute !important; }
930
-
931
969
  @keyframes pfext-spotlight-expand {
932
970
  0% {
933
971
  outline-offset: -4px;