From 37daedba713ad2c8e102329db76a602d06bda071 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Thu, 24 Oct 2024 08:53:58 +0200
Subject: Border suffix

---
 src/_utils.scss | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/src/_utils.scss b/src/_utils.scss
index cdb2a32..844ff90 100644
--- a/src/_utils.scss
+++ b/src/_utils.scss
@@ -230,6 +230,20 @@ $-sizes: (
                     border#{$suffix}: 0;
                 }
             }
+
+            @each $breakpoint in map.keys(media.$breakpoints) {
+                @include media.media('<=#{$breakpoint}') {
+                    @include bem.suffix('#{$breakpoint}-lo') {
+                        border#{$suffix}: 0;
+                    }
+                }
+    
+                @include media.media('>#{$breakpoint}') {
+                    @include bem.suffix('#{$breakpoint}-hi') {
+                        border#{$suffix}: 0;
+                    }
+                }
+            }
         }
         
         @include bem.utility('b#{$dir}-1') {
@@ -246,6 +260,20 @@ $-sizes: (
                     border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border);
                 }
             }
+
+            @each $breakpoint in map.keys(media.$breakpoints) {
+                @include media.media('<=#{$breakpoint}') {
+                    @include bem.suffix('#{$breakpoint}-lo') {
+                        border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border);
+                    }
+                }
+    
+                @include media.media('>#{$breakpoint}') {
+                    @include bem.suffix('#{$breakpoint}-hi') {
+                        border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border);
+                    }
+                }
+            }
         }
         
         @include bem.utility('b#{$dir}-1-mute') {
@@ -262,6 +290,20 @@ $-sizes: (
                     border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute);
                 }
             }
+
+            @each $breakpoint in map.keys(media.$breakpoints) {
+                @include media.media('<=#{$breakpoint}') {
+                    @include bem.suffix('#{$breakpoint}-lo') {
+                        border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute);
+                    }
+                }
+    
+                @include media.media('>#{$breakpoint}') {
+                    @include bem.suffix('#{$breakpoint}-hi') {
+                        border#{$suffix}: props.get(vars.$border-width--thin) solid props.get(vars.$theme, --border-mute);
+                    }
+                }
+            }
         }
     }
 
-- 
cgit v1.2.3-70-g09d2