50 lines
1.4 KiB
Plaintext
50 lines
1.4 KiB
Plaintext
// src/default-layout.ts
|
|
var defaultLayout = {
|
|
dividerWeight: "1px",
|
|
disabledOpacity: ".5",
|
|
fontSize: {
|
|
tiny: "0.75rem",
|
|
small: "0.875rem",
|
|
medium: "1rem",
|
|
large: "1.125rem"
|
|
},
|
|
lineHeight: {
|
|
tiny: "1rem",
|
|
small: "1.25rem",
|
|
medium: "1.5rem",
|
|
large: "1.75rem"
|
|
},
|
|
radius: {
|
|
small: "8px",
|
|
medium: "12px",
|
|
large: "14px"
|
|
},
|
|
borderWidth: {
|
|
small: "1px",
|
|
medium: "2px",
|
|
large: "3px"
|
|
},
|
|
boxShadow: {
|
|
small: "0px 0px 5px 0px rgb(0 0 0 / 0.02), 0px 2px 10px 0px rgb(0 0 0 / 0.06), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",
|
|
medium: "0px 0px 15px 0px rgb(0 0 0 / 0.03), 0px 2px 30px 0px rgb(0 0 0 / 0.08), 0px 0px 1px 0px rgb(0 0 0 / 0.3)",
|
|
large: "0px 0px 30px 0px rgb(0 0 0 / 0.04), 0px 30px 60px 0px rgb(0 0 0 / 0.12), 0px 0px 1px 0px rgb(0 0 0 / 0.3)"
|
|
}
|
|
};
|
|
var lightLayout = {
|
|
hoverOpacity: ".8"
|
|
};
|
|
var darkLayout = {
|
|
hoverOpacity: ".9",
|
|
boxShadow: {
|
|
small: "0px 0px 5px 0px rgb(0 0 0 / 0.05), 0px 2px 10px 0px rgb(0 0 0 / 0.2), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
|
|
medium: "0px 0px 15px 0px rgb(0 0 0 / 0.06), 0px 2px 30px 0px rgb(0 0 0 / 0.22), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)",
|
|
large: "0px 0px 30px 0px rgb(0 0 0 / 0.07), 0px 30px 60px 0px rgb(0 0 0 / 0.26), inset 0px 0px 1px 0px rgb(255 255 255 / 0.15)"
|
|
}
|
|
};
|
|
|
|
export {
|
|
defaultLayout,
|
|
lightLayout,
|
|
darkLayout
|
|
};
|