Skip to content

Commit 4cb2112

Browse files
updated helpers (border-{x/y}-{border})
1 parent 5d55b3f commit 4cb2112

File tree

2 files changed

+18
-0
lines changed

2 files changed

+18
-0
lines changed

src/Utilities/helpers.scss

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@
2727

2828
/// Border
2929
@include setHelperListWithRange($borders, specs('borders'), "px", "!important");
30+
@include setBorderSides(specs('borders'));
3031

3132
/// Border Styles
3233
@include setHelperListWithRange($border-radius, specs('border-radius'), "px", "!important");

src/Utilities/mixins.scss

Lines changed: 17 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -162,6 +162,23 @@
162162
}
163163
}
164164

165+
///
166+
/// Horizontal or vertical border sides
167+
/// @param {Integer} $borders
168+
///
169+
@mixin setBorderSides($borders) {
170+
@each $border in $borders {
171+
.border-x-#{$border} {
172+
border-left-width: #{$border}px !important;
173+
border-right-width: #{$border}px !important;
174+
}
175+
.border-y-#{$border} {
176+
border-top-width: #{$border}px !important;
177+
border-bottom-width: #{$border}px !important;
178+
}
179+
}
180+
}
181+
165182
///
166183
/// Other Helpers
167184
///

0 commit comments

Comments
 (0)