@revenuecat/purchases-ui-js
Version:
Web components for Paywalls. Powered by RevenueCat
27 lines (26 loc) • 901 B
JavaScript
import { mapSize, mapSpacing } from "../../utils/base-utils";
export function getTimelineInlineStyles(props) {
return {
display: "grid",
"grid-template-columns": "auto 1fr",
"column-gap": `${props.column_gutter}px`,
"align-items": "stretch",
position: "relative",
flex: "0 1 auto",
width: mapSize(props.size.width),
height: mapSize(props.size.height),
padding: mapSpacing(props.padding),
margin: mapSpacing(props.margin),
};
}
export function getTimelineItemContentInlineStyles(_colorMode, timelineSpacing) {
return {
display: "flex",
"flex-direction": "column",
"justify-content": "flex-start",
"align-items": "flex-start",
gap: `${timelineSpacing.text_spacing}px`,
height: "fit-content",
"margin-bottom": `${timelineSpacing.item_spacing}px`,
};
}