style-forge.media
Version:
Style-Forge.Media: comprehensive CSS media query helpers for responsive web design.
40 lines (30 loc) • 1.5 kB
CSS
@media only screen and (max-width: 600px) {
.\@mob\:ol\:c\:i { outline-color: inherit }
.\@mob\:ol\:c\:ii { outline-color: initial }
.\@mob\:ol\:st { outline-style: solid }
.\@mob\:ol\:st\:a { outline-style: auto }
.\@mob\:ol\:st\:n { outline-style: none }
.\@mob\:ol\:st\:do { outline-style: dotted }
.\@mob\:ol\:st\:da { outline-style: dashed }
.\@mob\:ol\:st\:dbl { outline-style: double }
.\@mob\:ol\:st\:g { outline-style: groove }
.\@mob\:ol\:st\:r { outline-style: ridge }
.\@mob\:ol\:st\:in { outline-style: inset }
.\@mob\:ol\:st\:out { outline-style: outset }
.\@mob\:ol\:0 { outline: 0 }
.\@mob\:ol\:w\:0 { outline-width: 0 }
.\@mob\:ol\:off\:0 { outline-offset: 0 }
.\@mob\:ol, .\@mob\:ol\:1 { outline: var(--sf-ol-w) solid }
.\@mob\:ol\:2 { outline: calc(var(--sf-ol-w) * 2) solid }
.\@mob\:ol\:off, .\@mob\:ol\:off\:1 { outline-offset: var(--sf-ol-w) }
.\@mob\:ol\:off\:2 { outline-offset: calc(var(--sf-ol-w) * 2) }
.\@mob\:ol\:w, .\@mob\:ol\:w\:1 { outline-width: var(--sf-ol-w) }
.\@mob\:ol\:w\:2 { outline-width: calc(var(--sf-ol-w) * 2) }
/* /// */
html.var .\@mob\:ol, html.var .\@mob\:ol\:1 { outline: 1px solid }
html.var .\@mob\:ol\:2 { outline: 2px solid }
html.var .\@mob\:ol\:off, html.var .\@mob\:ol\:off\:1 { outline-width: 1px }
html.var .\@mob\:ol\:off\:2 { outline-width: 2px }
html.var .\@mob\:ol\:w, html.var .\@mob\:ol\:w\:1 { outline-width: 1px }
html.var .\@mob\:ol\:w\:2 { outline-width: 2px }
}