@activecollab/components
Version:
ActiveCollab Components
23 lines • 1.08 kB
JavaScript
import styled from "styled-components";
import { BoxSizingStyle } from "../BoxSizingStyle";
import { FontStyle } from "../FontStyle";
export const StyledBubble = styled.div.withConfig({
displayName: "Styles__StyledBubble",
componentId: "sc-tloccl-0"
})(["", " transition:opacity 0.2s,visibility 0.2s;", " ", " background-color:var(--page-paper-main);"], {
"visibility": "visible",
"display": "block",
"borderRadius": "0.5rem",
"borderWidth": "1px",
"borderStyle": "solid",
"borderColor": "var(--color-theme-200)",
"--tw-bg-opacity": "1",
"backgroundColor": "rgb(255 255 255 / var(--tw-bg-opacity, 1))",
"color": "var(--color-theme-800)",
"opacity": "1",
"--tw-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
"--tw-shadow-colored": "0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color)",
"boxShadow": "var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)"
}, FontStyle, BoxSizingStyle);
StyledBubble.displayName = "StyledBubble";
//# sourceMappingURL=Styles.js.map