Skip to content

Add common marketing utilities to primer/marketing #1254

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 12 commits into from
Mar 26, 2021
Merged

Add common marketing utilities to primer/marketing #1254

Changes from 1 commit
Commits
Show all changes
12 commits
Select commit Hold shift + click to select a range
a4f79a9
Add negative margins
tobiasahlin Mar 18, 2021
efcd58d
Add common margin auto utilities
tobiasahlin Mar 18, 2021
ba0bb9e
Add sizing utilities
tobiasahlin Mar 18, 2021
14514bc
Add z-index
tobiasahlin Mar 18, 2021
c03f6d3
Import sizing utilities
tobiasahlin Mar 18, 2021
8d0ca03
Add hover animation
tobiasahlin Mar 18, 2021
f60b781
Move utility classes to layout, to align with rest of primer
tobiasahlin Mar 19, 2021
9a97629
Add and use easing variable
tobiasahlin Mar 24, 2021
3ec257d
Clean up most of the new margin utilities
tobiasahlin Mar 24, 2021
c4761ac
Add default for easing var
tobiasahlin Mar 24, 2021
2b96556
Merge branch 'main' into tobiasahlin/add-common-utilities
jonrohan Mar 26, 2021
5d2f0be
Create nervous-plants-smell.md
jonrohan Mar 26, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Next Next commit
Add negative margins
  • Loading branch information
@tobiasahlin
tobiasahlin committed Mar 18, 2021
commit a4f79a9ebd8963b99becb3b97433c9e5d6b5675d
3 changes: 3 additions & 0 deletions src/marketing/utilities/margin.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,9 @@
.mt#{$variant}-#{$scale} { margin-top: $size !important; }
.mb#{$variant}-#{$scale} { margin-bottom: $size !important; }

.mt#{$variant}-n#{$scale} { margin-top: -$size !important; }
.mb#{$variant}-n#{$scale} { margin-bottom: -$size !important; }

.my#{$variant}-#{$scale} {
margin-top: $size !important;
margin-bottom: $size !important;
Expand Down