@varlet/ui
Version:
A Vue3 component library based on Material Design 2 and 3, supporting mobile and desktop.
48 lines (47 loc) • 1.79 kB
JavaScript
var stdin_default = {
"--card-title-color": "#ffffff",
"--card-subtitle-color": "#aaaaaa",
"--card-description-color": "#aaaaaa",
"--card-padding": "0 0 15px 0",
"--card-background": "var(--color-surface-container-highest)",
"--card-filled-background": "var(--color-surface-container-highest)",
"--card-outline-color": "var(--color-outline)",
"--card-border-radius": "4px",
"--card-image-width": "100%",
"--card-row-image-width": "140px",
"--card-image-height": "200px",
"--card-row-height": "140px",
"--card-title-font-size": "20px",
"--card-title-padding": "0 12px",
"--card-title-margin": "15px 0 0 0",
"--card-title-row-margin": "12px 0",
"--card-content-padding": "0 16px",
"--card-content-margin": "16px 0 0 0",
"--card-content-color": "var(--color-on-surface-variant)",
"--card-content-font-size": "14px",
"--card-content-row-margin": "16px 0 0 0",
"--card-subtitle-font-size": "14px",
"--card-subtitle-padding": "0 12px",
"--card-subtitle-margin": "10px 0 0 0",
"--card-subtitle-row-margin": "-8px 0 0 0",
"--card-description-font-size": "14px",
"--card-description-margin": "20px 0 0 0",
"--card-description-padding": "0 13px",
"--card-footer-padding": "0 12px",
"--card-footer-right": "13px",
"--card-footer-bottom": "9px",
"--card-footer-margin": "30px 0 0 0",
"--card-line-height": "22px",
"--card-row-line-height": "1.5",
"--card-floating-buttons-bottom": "16px",
"--card-floating-buttons-right": "16px",
"--card-floating-buttons-color": "#fff",
"--card-close-button-icon-size": "24px",
"--card-close-button-size": "56px",
"--card-close-button-primary-color": "#212121",
"--card-close-button-text-color": "#fff",
"--card-close-button-border-radius": "50%"
};
export {
stdin_default as default
};