flyonui/components/indicator/object.js

The easiest, free and open-source Tailwind CSS component library with semantic classes.

export default {".indicator":{"position":"relative","display":"inline-flex","width":"max-content",":where(.indicator-item)":{"z-index":1,"position":"absolute","white-space":"nowrap","top":"var(--inidicator-t, 0)","bottom":"var(--inidicator-b, auto)","inset-inline-start":"var(--inidicator-s, auto)","inset-inline-end":"var(--inidicator-e, 0)","translate":"var(--inidicator-x, 50%) var(--indicator-y, -50%)","[dir=\"rtl\"] &":{"--inidicator-x":"-50%"}}},".indicator-start":{"--inidicator-s":"0","--inidicator-e":"auto","--inidicator-x":"-50%","[dir=\"rtl\"] &":{"--inidicator-x":"50%"}},".indicator-center":{"--inidicator-s":"50%","--inidicator-e":"50%","--inidicator-x":"-50%","[dir=\"rtl\"] &":{"--inidicator-x":"50%"}},".indicator-end":{"--inidicator-s":"auto","--inidicator-e":"0","--inidicator-x":"50%","[dir=\"rtl\"] &":{"--inidicator-x":"-50%"}},".indicator-bottom":{"--inidicator-t":"auto","--inidicator-b":"0","--indicator-y":"50%"},".indicator-middle":{"--inidicator-t":"50%","--inidicator-b":"50%","--indicator-y":"-50%"},".indicator-top":{"--inidicator-t":"0","--inidicator-b":"auto","--indicator-y":"-50%"}};