@patternfly/patternfly 4.223.2 → 4.224.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/Content/content.css +6 -0
- package/components/Content/content.scss +8 -0
- package/docs/components/Content/examples/Content.md +28 -0
- package/package.json +1 -1
- package/patternfly-no-reset.css +6 -0
- package/patternfly.css +6 -0
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -127,6 +127,12 @@
|
|
|
127
127
|
.pf-c-content ul {
|
|
128
128
|
margin: 0;
|
|
129
129
|
}
|
|
130
|
+
.pf-c-content ol.pf-m-plain,
|
|
131
|
+
.pf-c-content ul.pf-m-plain {
|
|
132
|
+
padding-left: 0;
|
|
133
|
+
margin-left: 0;
|
|
134
|
+
list-style: none;
|
|
135
|
+
}
|
|
130
136
|
.pf-c-content h1 {
|
|
131
137
|
margin-top: var(--pf-c-content--h1--MarginTop);
|
|
132
138
|
margin-bottom: var(--pf-c-content--h1--MarginBottom);
|
|
@@ -75,6 +75,33 @@ cssPrefix: pf-c-content
|
|
|
75
75
|
<em>justo sodales</em> elementum. Maecenas ultrices lacus quis neque consectetur, et lobortis nisi molestie.
|
|
76
76
|
</p>
|
|
77
77
|
<hr />
|
|
78
|
+
<h3>Plain list example</h3>
|
|
79
|
+
<ol class="pf-m-plain">
|
|
80
|
+
<li>Donec blandit a lorem id convallis.</li>
|
|
81
|
+
<li>Cras gravida arcu at diam gravida gravida.</li>
|
|
82
|
+
<li>Integer in volutpat libero.</li>
|
|
83
|
+
<li>Donec a diam tellus.</li>
|
|
84
|
+
<li>
|
|
85
|
+
Etiam auctor nisl et.
|
|
86
|
+
<ul>
|
|
87
|
+
<li>Regular list</li>
|
|
88
|
+
<li>Donec blandit a lorem id convallis.</li>
|
|
89
|
+
<li>Cras gravida arcu at diam gravida gravida.</li>
|
|
90
|
+
<li>
|
|
91
|
+
Integer in volutpat libero.
|
|
92
|
+
<ol class="pf-m-plain">
|
|
93
|
+
<li>Nested plain list</li>
|
|
94
|
+
<li>Donec blandit a lorem id convallis.</li>
|
|
95
|
+
<li>Cras gravida arcu at diam gravida gravida.</li>
|
|
96
|
+
</ol>
|
|
97
|
+
</li>
|
|
98
|
+
</ul>
|
|
99
|
+
</li>
|
|
100
|
+
<li>Aenean nec tortor orci.</li>
|
|
101
|
+
<li>Quisque aliquam cursus urna, non bibendum massa viverra eget.</li>
|
|
102
|
+
<li>Vivamus maximus ultricies pulvinar.</li>
|
|
103
|
+
</ol>
|
|
104
|
+
<hr />
|
|
78
105
|
<h3>Visited link example</h3>
|
|
79
106
|
<p>
|
|
80
107
|
<a class="pf-m-visited" href>Visited link</a>
|
|
@@ -152,3 +179,4 @@ This component is an exception to the variable system since we style type select
|
|
|
152
179
|
| --------------- | ------------------------------------ | ------------------------------------------------------------------------------------------------------------------------- |
|
|
153
180
|
| `.pf-c-content` | `<div>`, `<section>`, or `<article>` | Generates vertical rhythm and typographic treatment to html elements. |
|
|
154
181
|
| `.pf-m-visited` | `.pf-c-content`, `<a>` | Modifies all links in a content block to include visited styles. Can also be applied to a single link in a content block. |
|
|
182
|
+
| `.pf-m-plain` | `<ul>`, `<ol>` | Removes the list marker and indentation. |
|
package/package.json
CHANGED
package/patternfly-no-reset.css
CHANGED
|
@@ -9346,6 +9346,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9346
9346
|
.pf-c-content ul {
|
|
9347
9347
|
margin: 0;
|
|
9348
9348
|
}
|
|
9349
|
+
.pf-c-content ol.pf-m-plain,
|
|
9350
|
+
.pf-c-content ul.pf-m-plain {
|
|
9351
|
+
padding-left: 0;
|
|
9352
|
+
margin-left: 0;
|
|
9353
|
+
list-style: none;
|
|
9354
|
+
}
|
|
9349
9355
|
.pf-c-content h1 {
|
|
9350
9356
|
margin-top: var(--pf-c-content--h1--MarginTop);
|
|
9351
9357
|
margin-bottom: var(--pf-c-content--h1--MarginBottom);
|
package/patternfly.css
CHANGED
|
@@ -9473,6 +9473,12 @@ label.pf-c-check, .pf-c-check__label,
|
|
|
9473
9473
|
.pf-c-content ul {
|
|
9474
9474
|
margin: 0;
|
|
9475
9475
|
}
|
|
9476
|
+
.pf-c-content ol.pf-m-plain,
|
|
9477
|
+
.pf-c-content ul.pf-m-plain {
|
|
9478
|
+
padding-left: 0;
|
|
9479
|
+
margin-left: 0;
|
|
9480
|
+
list-style: none;
|
|
9481
|
+
}
|
|
9476
9482
|
.pf-c-content h1 {
|
|
9477
9483
|
margin-top: var(--pf-c-content--h1--MarginTop);
|
|
9478
9484
|
margin-bottom: var(--pf-c-content--h1--MarginBottom);
|