TailwindCSS Variants for Obs.js

obsjs-tailwind.css

/** Requires: https://csswizardry.com/Obs.js/demo/ */

@custom-variant has-bandwidth-high {
    &:where(.has-bandwidth-high *) {
        @slot;
    }
}

@custom-variant has-battery-charging {
    &:where(.has-battery-charging *) {
        @slot;
    }
}

@custom-variant has-connection-capability-strong {
    &:where(.has-connection-capability-strong *) {
        @slot;
    }
}

@custom-variant has-conservation-preference-neutral {
    &:where(.has-conservation-preference-neutral *) {
        @slot;
    }
}

@custom-variant has-cpu-high {
    &:where(.has-cpu-high *) {
        @slot;
    }
}

@custom-variant has-delivery-mode-rich {
    &:where(.has-delivery-mode-rich *) {
        @slot;
    }
}

@custom-variant has-device-capability-strong {
    &:where(.has-device-capability-strong *) {
        @slot;
    }
}

@custom-variant has-latency-low {
    &:where(.has-latency-low *) {
        @slot;
    }
}

@custom-variant has-ram-high {
    &:where(.has-ram-high *) {
        @slot;
    }
}