| .animate-popover { |
| transform-origin: top; |
| opacity: 0; |
| transition: |
| opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), |
| transform 150ms cubic-bezier(0.4, 0, 0.2, 1); |
| transform: scale(0.95) translateY(-0.5rem); |
| } |
|
|
| .animate-popover[data-enter] { |
| opacity: 1; |
| transform: scale(1) translateY(0); |
| } |
|
|
| .animate-popover-left { |
| transform-origin: left; |
| opacity: 0; |
| transition: |
| opacity 150ms cubic-bezier(0.4, 0, 0.2, 1), |
| transform 150ms cubic-bezier(0.4, 0, 0.2, 1); |
| transform: scale(0.95) translateX(-0.5rem); |
| } |
|
|
| .animate-popover-left[data-enter] { |
| opacity: 1; |
| transform: scale(1) translateX(0); |
| } |
|
|
