@patternfly/patternfly 4.216.4 → 4.217.0
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.
- package/components/Button/button.css +11 -1
- package/components/Button/button.scss +10 -1
- package/components/Spinner/spinner.css +4 -0
- package/components/Spinner/spinner.scss +7 -0
- package/docs/components/Button/examples/Button.md +26 -6
- package/docs/components/Spinner/examples/Spinner.md +23 -6
- package/docs/demos/Drawer/examples/Drawer.md +168 -144
- package/docs/demos/JumpLinks/examples/JumpLinks.md +168 -144
- package/package.json +1 -1
- package/patternfly-no-reset.css +15 -1
- package/patternfly.css +15 -1
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -4720,83 +4720,97 @@ section: components
|
|
|
4720
4720
|
class="pf-c-drawer__content"
|
|
4721
4721
|
id="jump-links-drawer-drawer-scrollable-container"
|
|
4722
4722
|
>
|
|
4723
|
-
<div class="pf-c-drawer__body
|
|
4723
|
+
<div class="pf-c-drawer__body">
|
|
4724
4724
|
<div class="pf-c-sidebar">
|
|
4725
4725
|
<div class="pf-c-sidebar__main">
|
|
4726
4726
|
<div class="pf-c-sidebar__panel pf-m-sticky pf-m-gutter">
|
|
4727
|
-
<
|
|
4728
|
-
|
|
4729
|
-
|
|
4730
|
-
|
|
4731
|
-
|
|
4732
|
-
<
|
|
4733
|
-
<
|
|
4734
|
-
|
|
4735
|
-
|
|
4736
|
-
|
|
4737
|
-
|
|
4738
|
-
|
|
4739
|
-
|
|
4740
|
-
|
|
4741
|
-
|
|
4742
|
-
|
|
4743
|
-
|
|
4744
|
-
|
|
4745
|
-
|
|
4746
|
-
|
|
4747
|
-
>
|
|
4748
|
-
|
|
4749
|
-
|
|
4750
|
-
|
|
4751
|
-
|
|
4752
|
-
|
|
4753
|
-
|
|
4754
|
-
|
|
4755
|
-
|
|
4756
|
-
|
|
4757
|
-
|
|
4758
|
-
|
|
4759
|
-
|
|
4760
|
-
|
|
4761
|
-
|
|
4762
|
-
>
|
|
4763
|
-
|
|
4764
|
-
|
|
4765
|
-
|
|
4766
|
-
|
|
4767
|
-
|
|
4768
|
-
|
|
4769
|
-
|
|
4770
|
-
|
|
4771
|
-
|
|
4772
|
-
>
|
|
4773
|
-
|
|
4774
|
-
|
|
4775
|
-
|
|
4776
|
-
|
|
4777
|
-
|
|
4727
|
+
<section class="pf-c-page__main-section pf-m-light">
|
|
4728
|
+
<nav
|
|
4729
|
+
class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
|
|
4730
|
+
>
|
|
4731
|
+
<div class="pf-c-jump-links__label">Jump to section</div>
|
|
4732
|
+
<ul class="pf-c-jump-links__list">
|
|
4733
|
+
<li class="pf-c-jump-links__item pf-m-current">
|
|
4734
|
+
<a
|
|
4735
|
+
class="pf-c-jump-links__link"
|
|
4736
|
+
href="#jump-links-drawer-jump-links-first"
|
|
4737
|
+
>
|
|
4738
|
+
<span
|
|
4739
|
+
class="pf-c-jump-links__link-text"
|
|
4740
|
+
>First section</span>
|
|
4741
|
+
</a>
|
|
4742
|
+
</li>
|
|
4743
|
+
<li class="pf-c-jump-links__item">
|
|
4744
|
+
<a
|
|
4745
|
+
class="pf-c-jump-links__link"
|
|
4746
|
+
href="#jump-links-drawer-jump-links-second"
|
|
4747
|
+
>
|
|
4748
|
+
<span
|
|
4749
|
+
class="pf-c-jump-links__link-text"
|
|
4750
|
+
>Second section</span>
|
|
4751
|
+
</a>
|
|
4752
|
+
</li>
|
|
4753
|
+
<li class="pf-c-jump-links__item">
|
|
4754
|
+
<a
|
|
4755
|
+
class="pf-c-jump-links__link"
|
|
4756
|
+
href="#jump-links-drawer-jump-links-third"
|
|
4757
|
+
>
|
|
4758
|
+
<span
|
|
4759
|
+
class="pf-c-jump-links__link-text"
|
|
4760
|
+
>Third section</span>
|
|
4761
|
+
</a>
|
|
4762
|
+
</li>
|
|
4763
|
+
<li class="pf-c-jump-links__item">
|
|
4764
|
+
<a
|
|
4765
|
+
class="pf-c-jump-links__link"
|
|
4766
|
+
href="#jump-links-drawer-jump-links-fourth"
|
|
4767
|
+
>
|
|
4768
|
+
<span
|
|
4769
|
+
class="pf-c-jump-links__link-text"
|
|
4770
|
+
>Fourth section</span>
|
|
4771
|
+
</a>
|
|
4772
|
+
</li>
|
|
4773
|
+
<li class="pf-c-jump-links__item">
|
|
4774
|
+
<a
|
|
4775
|
+
class="pf-c-jump-links__link"
|
|
4776
|
+
href="#jump-links-drawer-jump-links-fifth"
|
|
4777
|
+
>
|
|
4778
|
+
<span
|
|
4779
|
+
class="pf-c-jump-links__link-text"
|
|
4780
|
+
>Fifth section</span>
|
|
4781
|
+
</a>
|
|
4782
|
+
</li>
|
|
4783
|
+
</ul>
|
|
4784
|
+
</nav>
|
|
4785
|
+
</section>
|
|
4778
4786
|
</div>
|
|
4779
4787
|
<div class="pf-c-sidebar__content">
|
|
4780
|
-
<
|
|
4781
|
-
<
|
|
4782
|
-
<
|
|
4783
|
-
|
|
4788
|
+
<section class="pf-c-page__main-section pf-m-light">
|
|
4789
|
+
<div class="pf-c-content">
|
|
4790
|
+
<p>
|
|
4791
|
+
<b>Note:</b> Jump links require javascript to look and function properly, so while clicking on the jump links in these demos may take you to anchors on the page, the full functionality isn't implemented. Refer to the react demos to see the intended design and functionality.
|
|
4792
|
+
</p>
|
|
4784
4793
|
|
|
4785
|
-
|
|
4786
|
-
|
|
4794
|
+
<h2 id="jump-links-drawer-jump-links-first">First section</h2>
|
|
4795
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4787
4796
|
|
|
4788
|
-
|
|
4789
|
-
|
|
4797
|
+
<h2
|
|
4798
|
+
id="jump-links-drawer-jump-links-second"
|
|
4799
|
+
>Second section</h2>
|
|
4800
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4790
4801
|
|
|
4791
|
-
|
|
4792
|
-
|
|
4802
|
+
<h2 id="jump-links-drawer-jump-links-third">Third section</h2>
|
|
4803
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4793
4804
|
|
|
4794
|
-
|
|
4795
|
-
|
|
4805
|
+
<h2
|
|
4806
|
+
id="jump-links-drawer-jump-links-fourth"
|
|
4807
|
+
>Fourth section</h2>
|
|
4808
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4796
4809
|
|
|
4797
|
-
|
|
4798
|
-
|
|
4799
|
-
|
|
4810
|
+
<h2 id="jump-links-drawer-jump-links-fifth">Fifth section</h2>
|
|
4811
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
4812
|
+
</div>
|
|
4813
|
+
</section>
|
|
4800
4814
|
</div>
|
|
4801
4815
|
</div>
|
|
4802
4816
|
</div>
|
|
@@ -5659,93 +5673,103 @@ section: components
|
|
|
5659
5673
|
class="pf-c-drawer__content"
|
|
5660
5674
|
id="jump-links-drawer-expanded-drawer-scrollable-container"
|
|
5661
5675
|
>
|
|
5662
|
-
<div class="pf-c-drawer__body
|
|
5676
|
+
<div class="pf-c-drawer__body">
|
|
5663
5677
|
<div class="pf-c-sidebar">
|
|
5664
5678
|
<div class="pf-c-sidebar__main">
|
|
5665
5679
|
<div class="pf-c-sidebar__panel pf-m-sticky pf-m-gutter">
|
|
5666
|
-
<
|
|
5667
|
-
|
|
5668
|
-
|
|
5669
|
-
|
|
5670
|
-
|
|
5671
|
-
<
|
|
5672
|
-
<
|
|
5673
|
-
|
|
5674
|
-
|
|
5675
|
-
|
|
5676
|
-
|
|
5677
|
-
|
|
5678
|
-
|
|
5679
|
-
|
|
5680
|
-
|
|
5681
|
-
|
|
5682
|
-
|
|
5683
|
-
|
|
5684
|
-
|
|
5685
|
-
|
|
5686
|
-
>
|
|
5687
|
-
|
|
5688
|
-
|
|
5689
|
-
|
|
5690
|
-
|
|
5691
|
-
|
|
5692
|
-
|
|
5693
|
-
|
|
5694
|
-
|
|
5695
|
-
|
|
5696
|
-
|
|
5697
|
-
|
|
5698
|
-
|
|
5699
|
-
|
|
5700
|
-
|
|
5701
|
-
>
|
|
5702
|
-
|
|
5703
|
-
|
|
5704
|
-
|
|
5705
|
-
|
|
5706
|
-
|
|
5707
|
-
|
|
5708
|
-
|
|
5709
|
-
|
|
5710
|
-
|
|
5711
|
-
>
|
|
5712
|
-
|
|
5713
|
-
|
|
5714
|
-
|
|
5715
|
-
|
|
5716
|
-
|
|
5680
|
+
<section class="pf-c-page__main-section pf-m-light">
|
|
5681
|
+
<nav
|
|
5682
|
+
class="pf-c-jump-links pf-m-vertical pf-m-non-expandable-on-md pf-m-expandable"
|
|
5683
|
+
>
|
|
5684
|
+
<div class="pf-c-jump-links__label">Jump to section</div>
|
|
5685
|
+
<ul class="pf-c-jump-links__list">
|
|
5686
|
+
<li class="pf-c-jump-links__item pf-m-current">
|
|
5687
|
+
<a
|
|
5688
|
+
class="pf-c-jump-links__link"
|
|
5689
|
+
href="#jump-links-drawer-expanded-jump-links-first"
|
|
5690
|
+
>
|
|
5691
|
+
<span
|
|
5692
|
+
class="pf-c-jump-links__link-text"
|
|
5693
|
+
>First section</span>
|
|
5694
|
+
</a>
|
|
5695
|
+
</li>
|
|
5696
|
+
<li class="pf-c-jump-links__item">
|
|
5697
|
+
<a
|
|
5698
|
+
class="pf-c-jump-links__link"
|
|
5699
|
+
href="#jump-links-drawer-expanded-jump-links-second"
|
|
5700
|
+
>
|
|
5701
|
+
<span
|
|
5702
|
+
class="pf-c-jump-links__link-text"
|
|
5703
|
+
>Second section</span>
|
|
5704
|
+
</a>
|
|
5705
|
+
</li>
|
|
5706
|
+
<li class="pf-c-jump-links__item">
|
|
5707
|
+
<a
|
|
5708
|
+
class="pf-c-jump-links__link"
|
|
5709
|
+
href="#jump-links-drawer-expanded-jump-links-third"
|
|
5710
|
+
>
|
|
5711
|
+
<span
|
|
5712
|
+
class="pf-c-jump-links__link-text"
|
|
5713
|
+
>Third section</span>
|
|
5714
|
+
</a>
|
|
5715
|
+
</li>
|
|
5716
|
+
<li class="pf-c-jump-links__item">
|
|
5717
|
+
<a
|
|
5718
|
+
class="pf-c-jump-links__link"
|
|
5719
|
+
href="#jump-links-drawer-expanded-jump-links-fourth"
|
|
5720
|
+
>
|
|
5721
|
+
<span
|
|
5722
|
+
class="pf-c-jump-links__link-text"
|
|
5723
|
+
>Fourth section</span>
|
|
5724
|
+
</a>
|
|
5725
|
+
</li>
|
|
5726
|
+
<li class="pf-c-jump-links__item">
|
|
5727
|
+
<a
|
|
5728
|
+
class="pf-c-jump-links__link"
|
|
5729
|
+
href="#jump-links-drawer-expanded-jump-links-fifth"
|
|
5730
|
+
>
|
|
5731
|
+
<span
|
|
5732
|
+
class="pf-c-jump-links__link-text"
|
|
5733
|
+
>Fifth section</span>
|
|
5734
|
+
</a>
|
|
5735
|
+
</li>
|
|
5736
|
+
</ul>
|
|
5737
|
+
</nav>
|
|
5738
|
+
</section>
|
|
5717
5739
|
</div>
|
|
5718
5740
|
<div class="pf-c-sidebar__content">
|
|
5719
|
-
<
|
|
5720
|
-
<
|
|
5721
|
-
<
|
|
5722
|
-
|
|
5741
|
+
<section class="pf-c-page__main-section pf-m-light">
|
|
5742
|
+
<div class="pf-c-content">
|
|
5743
|
+
<p>
|
|
5744
|
+
<b>Note:</b> Jump links require javascript to look and function properly, so while clicking on the jump links in these demos may take you to anchors on the page, the full functionality isn't implemented. Refer to the react demos to see the intended design and functionality.
|
|
5745
|
+
</p>
|
|
5723
5746
|
|
|
5724
|
-
|
|
5725
|
-
|
|
5726
|
-
|
|
5727
|
-
|
|
5747
|
+
<h2
|
|
5748
|
+
id="jump-links-drawer-expanded-jump-links-first"
|
|
5749
|
+
>First section</h2>
|
|
5750
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5728
5751
|
|
|
5729
|
-
|
|
5730
|
-
|
|
5731
|
-
|
|
5732
|
-
|
|
5752
|
+
<h2
|
|
5753
|
+
id="jump-links-drawer-expanded-jump-links-second"
|
|
5754
|
+
>Second section</h2>
|
|
5755
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5733
5756
|
|
|
5734
|
-
|
|
5735
|
-
|
|
5736
|
-
|
|
5737
|
-
|
|
5757
|
+
<h2
|
|
5758
|
+
id="jump-links-drawer-expanded-jump-links-third"
|
|
5759
|
+
>Third section</h2>
|
|
5760
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5738
5761
|
|
|
5739
|
-
|
|
5740
|
-
|
|
5741
|
-
|
|
5742
|
-
|
|
5762
|
+
<h2
|
|
5763
|
+
id="jump-links-drawer-expanded-jump-links-fourth"
|
|
5764
|
+
>Fourth section</h2>
|
|
5765
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5743
5766
|
|
|
5744
|
-
|
|
5745
|
-
|
|
5746
|
-
|
|
5747
|
-
|
|
5748
|
-
|
|
5767
|
+
<h2
|
|
5768
|
+
id="jump-links-drawer-expanded-jump-links-fifth"
|
|
5769
|
+
>Fifth section</h2>
|
|
5770
|
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed dui ullamcorper, dignissim purus eu, mattis leo. Curabitur eleifend turpis ipsum, aliquam pretium risus efficitur vel. Etiam eget enim vitae quam facilisis pharetra at eget diam. Suspendisse ut vulputate magna. Nunc viverra posuere orci sit amet pulvinar. Quisque dui justo, egestas ac accumsan suscipit, tristique eu risus. In aliquet libero ante, ac pulvinar lectus pretium in. Ut enim tellus, vulputate et lorem et, hendrerit rutrum diam. Cras pharetra dapibus elit vitae ullamcorper. Nulla facilisis euismod diam, at sodales sem laoreet hendrerit. Curabitur porttitor ex nulla. Proin ligula leo, egestas ac nibh a, pellentesque mollis augue. Donec nec augue vehicula eros pulvinar vehicula eget rutrum neque. Duis sit amet interdum lorem. Vivamus porttitor nec quam a accumsan. Nam pretium vitae leo vitae rhoncus.</p>
|
|
5771
|
+
</div>
|
|
5772
|
+
</section>
|
|
5749
5773
|
</div>
|
|
5750
5774
|
</div>
|
|
5751
5775
|
</div>
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -7449,6 +7449,12 @@ button.pf-c-breadcrumb__link {
|
|
|
7449
7449
|
--pf-c-button--m-link--m-inline--FontSize: inherit;
|
|
7450
7450
|
--pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
|
|
7451
7451
|
--pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
|
|
7452
|
+
--pf-c-button--m-link--m-inline--PaddingTop: 0;
|
|
7453
|
+
--pf-c-button--m-link--m-inline--PaddingRight: 0;
|
|
7454
|
+
--pf-c-button--m-link--m-inline--PaddingBottom: 0;
|
|
7455
|
+
--pf-c-button--m-link--m-inline--PaddingLeft: 0;
|
|
7456
|
+
--pf-c-button--m-link--m-inline__progress--Left: var(--pf-global--spacer--xs);
|
|
7457
|
+
--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-global--spacer--sm));
|
|
7452
7458
|
--pf-c-button--m-link--m-danger--BackgroundColor: transparent;
|
|
7453
7459
|
--pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
|
|
7454
7460
|
--pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
|
|
@@ -7647,8 +7653,9 @@ button.pf-c-breadcrumb__link {
|
|
|
7647
7653
|
}
|
|
7648
7654
|
.pf-c-button.pf-m-link.pf-m-inline {
|
|
7649
7655
|
--pf-c-button--FontSize: var(--pf-c-button--m-link--m-inline--FontSize);
|
|
7656
|
+
--pf-c-button__progress--Left: var(--pf-c-button--m-link--m-inline__progress--Left);
|
|
7650
7657
|
display: inline;
|
|
7651
|
-
padding:
|
|
7658
|
+
padding: var(--pf-c-button--m-link--m-inline--PaddingTop) var(--pf-c-button--m-link--m-inline--PaddingRight) var(--pf-c-button--m-link--m-inline--PaddingBottom) var(--pf-c-button--m-link--m-inline--PaddingLeft);
|
|
7652
7659
|
text-align: left;
|
|
7653
7660
|
white-space: normal;
|
|
7654
7661
|
cursor: pointer;
|
|
@@ -7814,6 +7821,9 @@ button.pf-c-breadcrumb__link {
|
|
|
7814
7821
|
--pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
|
|
7815
7822
|
transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
|
|
7816
7823
|
}
|
|
7824
|
+
.pf-c-button.pf-m-in-progress {
|
|
7825
|
+
--pf-c-button--m-link--m-inline--PaddingLeft: var(--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
|
|
7826
|
+
}
|
|
7817
7827
|
.pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
|
|
7818
7828
|
--pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
|
|
7819
7829
|
--pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
|
|
@@ -25792,10 +25802,14 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25792
25802
|
--pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
|
|
25793
25803
|
--pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
|
|
25794
25804
|
--pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
|
|
25805
|
+
--pf-c-spinner--m-inline--diameter: 1em;
|
|
25795
25806
|
width: var(--pf-c-spinner--Width);
|
|
25796
25807
|
height: var(--pf-c-spinner--Height);
|
|
25797
25808
|
overflow: hidden;
|
|
25798
25809
|
}
|
|
25810
|
+
.pf-c-spinner.pf-m-inline {
|
|
25811
|
+
--pf-c-spinner--diameter: var(--pf-c-spinner--m-inline--diameter);
|
|
25812
|
+
}
|
|
25799
25813
|
.pf-c-spinner.pf-m-sm {
|
|
25800
25814
|
--pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
|
|
25801
25815
|
}
|
package/patternfly.css
CHANGED
|
@@ -7576,6 +7576,12 @@ button.pf-c-breadcrumb__link {
|
|
|
7576
7576
|
--pf-c-button--m-link--m-inline--FontSize: inherit;
|
|
7577
7577
|
--pf-c-button--m-link--m-inline--hover--TextDecoration: var(--pf-global--link--TextDecoration--hover);
|
|
7578
7578
|
--pf-c-button--m-link--m-inline--hover--Color: var(--pf-global--link--Color--hover);
|
|
7579
|
+
--pf-c-button--m-link--m-inline--PaddingTop: 0;
|
|
7580
|
+
--pf-c-button--m-link--m-inline--PaddingRight: 0;
|
|
7581
|
+
--pf-c-button--m-link--m-inline--PaddingBottom: 0;
|
|
7582
|
+
--pf-c-button--m-link--m-inline--PaddingLeft: 0;
|
|
7583
|
+
--pf-c-button--m-link--m-inline__progress--Left: var(--pf-global--spacer--xs);
|
|
7584
|
+
--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft: calc(var(--pf-c-button--m-link--m-inline__progress--Left) + 1rem + var(--pf-global--spacer--sm));
|
|
7579
7585
|
--pf-c-button--m-link--m-danger--BackgroundColor: transparent;
|
|
7580
7586
|
--pf-c-button--m-link--m-danger--Color: var(--pf-global--danger-color--100);
|
|
7581
7587
|
--pf-c-button--m-link--m-danger--hover--BackgroundColor: transparent;
|
|
@@ -7774,8 +7780,9 @@ button.pf-c-breadcrumb__link {
|
|
|
7774
7780
|
}
|
|
7775
7781
|
.pf-c-button.pf-m-link.pf-m-inline {
|
|
7776
7782
|
--pf-c-button--FontSize: var(--pf-c-button--m-link--m-inline--FontSize);
|
|
7783
|
+
--pf-c-button__progress--Left: var(--pf-c-button--m-link--m-inline__progress--Left);
|
|
7777
7784
|
display: inline;
|
|
7778
|
-
padding:
|
|
7785
|
+
padding: var(--pf-c-button--m-link--m-inline--PaddingTop) var(--pf-c-button--m-link--m-inline--PaddingRight) var(--pf-c-button--m-link--m-inline--PaddingBottom) var(--pf-c-button--m-link--m-inline--PaddingLeft);
|
|
7779
7786
|
text-align: left;
|
|
7780
7787
|
white-space: normal;
|
|
7781
7788
|
cursor: pointer;
|
|
@@ -7941,6 +7948,9 @@ button.pf-c-breadcrumb__link {
|
|
|
7941
7948
|
--pf-c-button--PaddingLeft: var(--pf-c-button--m-progress--PaddingLeft);
|
|
7942
7949
|
transition: var(--pf-c-button--m-progress--TransitionProperty) var(--pf-c-button--m-progress--TransitionDuration);
|
|
7943
7950
|
}
|
|
7951
|
+
.pf-c-button.pf-m-in-progress {
|
|
7952
|
+
--pf-c-button--m-link--m-inline--PaddingLeft: var(--pf-c-button--m-link--m-inline--m-in-progress--PaddingLeft);
|
|
7953
|
+
}
|
|
7944
7954
|
.pf-c-button.pf-m-in-progress:not(.pf-m-plain) {
|
|
7945
7955
|
--pf-c-button--PaddingRight: var(--pf-c-button--m-in-progress--PaddingRight);
|
|
7946
7956
|
--pf-c-button--PaddingLeft: var(--pf-c-button--m-in-progress--PaddingLeft);
|
|
@@ -25919,10 +25929,14 @@ label.pf-c-radio, .pf-c-radio__label,
|
|
|
25919
25929
|
--pf-c-spinner--m-md--diameter: var(--pf-global--icon--FontSize--md);
|
|
25920
25930
|
--pf-c-spinner--m-lg--diameter: var(--pf-global--icon--FontSize--lg);
|
|
25921
25931
|
--pf-c-spinner--m-xl--diameter: var(--pf-global--icon--FontSize--xl);
|
|
25932
|
+
--pf-c-spinner--m-inline--diameter: 1em;
|
|
25922
25933
|
width: var(--pf-c-spinner--Width);
|
|
25923
25934
|
height: var(--pf-c-spinner--Height);
|
|
25924
25935
|
overflow: hidden;
|
|
25925
25936
|
}
|
|
25937
|
+
.pf-c-spinner.pf-m-inline {
|
|
25938
|
+
--pf-c-spinner--diameter: var(--pf-c-spinner--m-inline--diameter);
|
|
25939
|
+
}
|
|
25926
25940
|
.pf-c-spinner.pf-m-sm {
|
|
25927
25941
|
--pf-c-spinner--diameter: var(--pf-c-spinner--m-sm--diameter);
|
|
25928
25942
|
}
|