style-forge.media/src/mobile/border.css

Style-Forge.Media: comprehensive CSS media query helpers for responsive web design.

@media only screen and (max-width: 600px) {
  .\@mob\:bd\:c\:i { border-color: inherit }
  .\@mob\:bd\:c\:ii { border-color: initial }

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

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

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

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

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

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

  /* /// */

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

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

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

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

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