style-forge.helpers/src/border.css

Style-Forge.Helpers: essential CSS helper classes for spacing, alignment, visibility, and more in web development.

.bd\:c\:i { border-color: inherit }
.bd\:c\:ii { border-color: initial }

.bd\:st { border-style: solid }
.bd\:st\:n { border-style: none }
.bd\:st\:r { border-style: ridge }
.bd\:st\:da { border-style: dashed }
.bd\:st\:do { border-style: dotted }
.bd\:st\:dbl { border-style: double }
.bd\:st\:g { border-style: groove }
.bd\:st\:h { border-style: hidden }
.bd\:st\:in { border-style: inset }
.bd\:st\:out { border-style: outset }

.bd\:0 { border: 0 }
.bd\:w\:0 { border-width: 0 }

.bd,
.bd\:1 { border: var(--sf-bd-w) solid }
.bd\:2 { border: calc(var(--sf-bd-w) * 2) solid }

.bd\:w,
.bd\:w\:1 { border-width: var(--sf-bd-w) }
.bd\:t\:w { border-block-start-width: var(--sf-bd-w) }
.bd\:r\:w { border-inline-end-width: var(--sf-bd-w) }
.bd\:b\:w { border-block-end-width: var(--sf-bd-w) }
.bd\:l\:w { border-inline-start-width: var(--sf-bd-w) }
.bd\:x\:w { border-inline-width: var(--sf-bd-w) }
.bd\:y\:w { border-block-width: var(--sf-bd-w) }

.bd\:t\:w\:0 { border-block-start-width: 0 }
.bd\:r\:w\:0 { border-inline-end-width: 0 }
.bd\:b\:w\:0 { border-block-end-width: 0 }
.bd\:l\:w\:0 { border-inline-start-width: 0 }
.bd\:x\:w\:0 { border-inline-width: 0 }
.bd\:y\:w\:0 { border-block-width: 0 }

.bd\:w\:2 { border-width: calc(var(--sf-bd-w) * 2) }
.bd\:t\:w\:2 { border-block-start-width: calc(var(--sf-bd-w) * 2) }
.bd\:r\:w\:2 { border-inline-end-width: calc(var(--sf-bd-w) * 2) }
.bd\:b\:w\:2 { border-block-end-width: calc(var(--sf-bd-w) * 2) }
.bd\:l\:w\:2 { border-inline-start-width: calc(var(--sf-bd-w) * 2) }
.bd\:x\:w\:2 { border-inline-width: calc(var(--sf-bd-w) * 2) }
.bd\:y\:w\:2 { border-block-width: calc(var(--sf-bd-w) * 2) }

/* /// */

html.var .bd, html.var .bd\:1 { border: 1px solid }
html.var .bd\:2 { border: 2px solid }

html.var .bd\:w, html.var .bd\:w\:1 { border-width: 1px }

html.var .bd\:t\:w { border-top-width: 1px }
html.var .bd\:r\:w { border-right-width: 1px }
html.var .bd\:b\:w { border-bottom-width: 1px }
html.var .bd\:l\:w { border-left-width: 1px }
html.var .bd\:x\:w { border-left-width: 1px; border-right-width: 1px }
html.var .bd\:y\:w { border-top-width: 1px; border-bottom-width: 1px }

html.var .bd\:t\:w\:0 { border-top-width: 0 }
html.var .bd\:r\:w\:0 { border-right-width: 0 }
html.var .bd\:b\:w\:0 { border-bottom-width: 0 }
html.var .bd\:l\:w\:0 { border-left-width: 0 }
html.var .bd\:x\:w\:0 { border-left-width: 0; border-right-width: 0 }
html.var .bd\:y\:w\:0 { border-top-width: 0; border-bottom-width: 0 }

html.var .bd\:t\:w\:2 { border-top-width: 2px }
html.var .bd\:r\:w\:2 { border-right-width: 2px }
html.var .bd\:b\:w\:2 { border-bottom-width: 2px }
html.var .bd\:l\:w\:2 { border-left-width: 2px }
html.var .bd\:x\:w\:2 { border-left-width: 2px; border-right-width: 2px }
html.var .bd\:y\:w\:2 { border-top-width: 2px; border-bottom-width: 2px }