UNPKG

@fag-bundle/react-glass-components

Version:

Draggable glassmorphic components for React Applications.

1 lines 1.47 kB
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */.absolute{position:absolute}.fixed{position:fixed}.z-50{z-index:50}.flex{display:flex}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.items-center{align-items:center}.justify-center{justify-content:center}.border{border-style:var(--tw-border-style);border-width:1px}.transition-shadow{transition-duration:var(--tw-duration,0s);transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease)}.glass-effect{overflow:hidden;position:relative}.glass-effect:after{background:linear-gradient(to bottom right,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border-radius:inherit;content:"";inset:0;mix-blend-mode:overlay;pointer-events:none;position:absolute}.glass-effect:hover:before{filter:brightness(1.5)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid}}}