Skip to content

Commit af5a3ae

Browse files
authored
Update Subhead actions (#1690)
* Right align .Subhead-actions * Create dull-chefs-cover.md * Increase spacing when description follows actions
1 parent b7fd01d commit af5a3ae

File tree

2 files changed

+11
-0
lines changed

2 files changed

+11
-0
lines changed

.changeset/dull-chefs-cover.md

+5
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@primer/css": patch
3+
---
4+
5+
Update `Subhead` actions

src/subhead/subhead.scss

+6
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
margin-bottom: $spacer-3;
66
border-bottom: $border-width $border-style var(--color-border-muted);
77
flex-flow: row wrap;
8+
justify-content: flex-end; // Keep actions right aligned.
89
}
910

1011
// Modifier class to give a lot of breathing room between sections of content.
@@ -34,6 +35,11 @@
3435

3536
// Add 1 or 2 buttons to the right of the heading
3637
.Subhead-actions {
38+
margin: $spacer-1 0 $spacer-1 $spacer-1;
3739
align-self: center;
3840
justify-content: flex-end;
41+
42+
+ .Subhead-description {
43+
margin-top: $spacer-1;
44+
}
3945
}

0 commit comments

Comments
 (0)