Skip to content

Commit 75142f4

Browse files
committed
add responsive container padding utility
1 parent b218499 commit 75142f4

File tree

1 file changed

+16
-0
lines changed

1 file changed

+16
-0
lines changed

packages/primer-utilities/lib/padding.scss

Lines changed: 16 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -65,3 +65,19 @@
6565
}
6666
}
6767
}
68+
69+
// responsive padding for containers
70+
.p-responsive {
71+
padding-right: $spacer-3 !important;
72+
padding-left: $spacer-3 !important;
73+
74+
@include breakpoint(sm) {
75+
padding-right: $spacer-6 !important;
76+
padding-left: $spacer-6 !important;
77+
}
78+
79+
@include breakpoint(lg) {
80+
padding-right: $spacer-3 !important;
81+
padding-left: $spacer-3 !important;
82+
}
83+
}

0 commit comments

Comments
 (0)