primer/css
1
1
Fork 0
mirror of https://github.com/primer/css.git synced 2024-11-29 14:14:26 +03:00
Code Issues Projects Releases Wiki Activity

Update Subhead actions (#1690)

Browse Source 
* Right align .Subhead-actions

* Create dull-chefs-cover.md

* Increase spacing when description follows actions
This commit is contained in:
simurai 2021-10-26 15:05:58 +09:00 committed by GitHub
parent b7fd01d5a1
commit af5a3ae826
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 11 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
.changeset/dull-chefs-cover.md Normal file
View File

@ -0,0 +1,5 @@
---
"@primer/css": patch
---
Update `Subhead` actions

6
src/subhead/subhead.scss
View File

@ -5,6 +5,7 @@
margin-bottom: $spacer-3;
border-bottom: $border-width $border-style var(--color-border-muted);
flex-flow: row wrap;
justify-content: flex-end; // Keep actions right aligned.
}
// Modifier class to give a lot of breathing room between sections of content.
@ -34,6 +35,11 @@
// Add 1 or 2 buttons to the right of the heading
.Subhead-actions {
margin: $spacer-1 0 $spacer-1 $spacer-1;
align-self: center;
justify-content: flex-end;
+ .Subhead-description {
margin-top: $spacer-1;
}
}