Skip to content
This repository was archived by the owner on Feb 5, 2025. It is now read-only.

Commit 1edaf31

Browse files
jeff-phillips-18dgutride
authored andcommitted
feat(blank slate): Add content variant for Blank Slate (#1133)
This variant removes the padding, sets a 20px margin around the component and removes the borders.
1 parent 701ea9c commit 1edaf31

File tree

4 files changed

+27
-4
lines changed

4 files changed

+27
-4
lines changed

src/less/blank-slate.less

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,4 +42,11 @@
4242
button {
4343
margin-bottom: 5px;
4444
}
45+
46+
&.blank-slate-content-pf {
47+
background: transparent;
48+
border: 0;
49+
padding: 0;
50+
margin: 20px;
51+
}
4552
}

src/sass/converted/patternfly/_blank-slate.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,4 +42,11 @@
4242
button {
4343
margin-bottom: 5px;
4444
}
45+
46+
&.blank-slate-content-pf {
47+
background: transparent;
48+
border: 0;
49+
padding: 0;
50+
margin: 20px;
51+
}
4552
}

src/sass/converted/rcue/_blank-slate.scss

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -42,4 +42,11 @@
4242
button {
4343
margin-bottom: 5px;
4444
}
45+
46+
&.blank-slate-content-pf {
47+
background: transparent;
48+
border: 0;
49+
padding: 0;
50+
margin: 20px;
51+
}
4552
}

tests/pages/blank-slate.html

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
resource: true
66
---
77

8-
<h2>Empty Blank Slate</h2>
8+
<h2>Blank Slate</h2>
99
<div class="blank-slate-pf">
1010
<h1>Empty State Title</h1>
1111
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
@@ -17,11 +17,13 @@ <h1>Empty State Title</h1>
1717
</div>
1818
</div>
1919
<hr>
20-
<h2>Empty Slate with icon and secondary actions</h2>
20+
<h2>Blank Slate with icon and secondary actions</h2>
2121
{% include widgets/communication/blank-slate.html %}
2222
<hr>
23-
<h2>Empty Slate with multiple secondary action buttons</h2>
23+
<h2>Blank Slate with multiple secondary action buttons</h2>
2424
{% include widgets/communication/blank-slate-multiple-secondary-action-buttons.html %}
2525
<hr>
26-
<h2>Empty Slate with multiple secondary action links</h2>
26+
<h2>Blank Slate with multiple secondary action links</h2>
2727
{% include widgets/communication/blank-slate-multiple-secondary-action-links.html %}
28+
<h2>Blank Slate - Content variation</h2>
29+
{% include widgets/communication/blank-slate.html extraClass="blank-slate-content-pf"%}

0 commit comments

Comments
 (0)