Skip to content

Instantly share code, notes, and snippets.

@jessekelly881
Created March 22, 2021 22:37
Show Gist options
  • Select an option

  • Save jessekelly881/a4c201b5a8507b1a3a6ce9e6d53ddd8a to your computer and use it in GitHub Desktop.

Select an option

Save jessekelly881/a4c201b5a8507b1a3a6ce9e6d53ddd8a to your computer and use it in GitHub Desktop.
const colors = require("tailwindcss/colors");
module.exports = {
theme: {
spacing: {
sm: "1rem",
md: "2rem",
lg: "4rem",
xl: "8rem",
},
borderRadius: {
none: "0px",
sm: "0.125rem",
DEFAULT: "0.25rem",
lg: "0.5rem",
xl: "1rem",
full: "9999px",
},
borderWidth: {
none: "0px",
DEFAULT: "1px",
lg: "2px",
xl: "4px",
},
fontSize: {
d1: ["6rem", { lineHeight: "1" }],
d2: ["4.5rem", { lineHeight: "1" }],
h1: ["3rem", { lineHeight: "1" }],
h2: ["2.25rem", { lineHeight: "2.5rem" }],
h3: ["1.875rem", { lineHeight: "2.25rem" }],
h4: ["1.5rem", { lineHeight: "2rem" }],
base: ["1rem", { lineHeight: "1.5rem" }],
sm: ["0.875rem", { lineHeight: "1.25rem" }],
},
fontWeight: {
light: "300",
normal: "400",
bold: "600",
},
boxShadow: {
sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
DEFAULT:
"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
lg:
"0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)",
inner: "inset 0 2px 4px 0 rgba(0, 0, 0, 0.06)",
none: "none",
},
lineHeight: {
none: "1",
sm: "1.375rem",
md: "1.5rem",
lg: "1.625rem",
// xl: "2rem",
},
letterSpacing: {
sm: "-0.05em",
md: ".05em",
lg: ".15em",
},
},
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment