github.com/cosmos/cosmos-sdk@v0.50.10/docs/tailwind.config.js (about)

     1  const defaultTheme = require("tailwindcss/defaultTheme");
     2  
     3  // Px to REM function (static base of 16)
     4  const pxToRem = (dest) => 1 / (16 / dest);
     5  
     6  // Config
     7  module.exports = {
     8    content: ["./src/**/*.{js,jsx,ts,tsx}"],
     9    corePlugins: {
    10      // preflight: false, // avoid reset all docusaurus css
    11    },
    12    theme: {
    13      borderRadius: {
    14        none: "0",
    15        xs: `${pxToRem(4)}rem`,
    16        s: `${pxToRem(8)}rem`,
    17        sm: `${pxToRem(10)}rem`,
    18        DEFAULT: `${pxToRem(16)}rem`,
    19        md: `${pxToRem(20)}rem`,
    20        lg: `${pxToRem(100)}rem`,
    21        circle: "100%",
    22      },
    23      fontFamily: {
    24        intervar: ['"Inter var"', defaultTheme.fontFamily.sans],
    25        inter: ["Inter", defaultTheme.fontFamily.sans],
    26        jetbrain: ["JetBrains Mono", defaultTheme.fontFamily.mono],
    27      },
    28      fontSize: {
    29        0: "0",
    30        1: [`${pxToRem(10)}rem`],
    31        2: [`${pxToRem(13)}rem`],
    32        3: [`${pxToRem(16)}rem`],
    33        4: [`${pxToRem(21)}rem`],
    34        5: [`${pxToRem(28)}rem`],
    35        6: [`${pxToRem(32)}rem`],
    36        7: [`${pxToRem(38)}rem`],
    37        8: [`${pxToRem(51)}rem`],
    38        9: [`${pxToRem(56)}rem`],
    39        10: [`${pxToRem(76)}rem`],
    40      },
    41      spacing: {
    42        inherit: "inherit",
    43        auto: "auto",
    44        full: "100%",
    45        px: "1px",
    46        "1/2": "50%",
    47        "1/3": "33.333%",
    48        "2/3": "66.666%",
    49        "1/4": "25%",
    50        "3/4": "75%",
    51        "1/5": "20%",
    52        "2/5": "40%",
    53        "3/5": "60%",
    54        "4/5": "80%",
    55        0: "0",
    56        1: ".25rem",
    57        2: `${pxToRem(6)}rem`,
    58        3: `${pxToRem(8)}rem`,
    59        3.5: `${pxToRem(10)}rem`,
    60        4: `${pxToRem(12)}rem`,
    61        5: `${pxToRem(16)}rem`,
    62        5.5: `${pxToRem(20)}rem`,
    63        6: `${pxToRem(24)}rem`,
    64        7: `${pxToRem(32)}rem`,
    65        7.5: `${pxToRem(40)}rem`,
    66        8: `${pxToRem(48)}rem`,
    67        8.5: `${pxToRem(52)}rem`,
    68        9: `${pxToRem(64)}rem`,
    69        9.5: "5rem",
    70        9.75: `${pxToRem(84)}rem`,
    71        10: `${pxToRem(96)}rem`,
    72        11: `${pxToRem(128)}rem`,
    73        12: `${pxToRem(144)}rem`,
    74        13: `${pxToRem(160)}rem`,
    75        14: `${pxToRem(192)}rem`,
    76        15: `${pxToRem(208)}rem`,
    77      },
    78      colors: {
    79        transparent: "transparent",
    80        current: "currentColor",
    81        inherit: "inherit",
    82        gray: {
    83          0: "#FFFFFF",
    84          30: "rgba(0, 0, 0, 0.03)",
    85          1000: "#000000",
    86        },
    87        card: "#F7F7F7",
    88        border: "rgba(0, 0, 0, 0.07)",
    89        inactive: "rgba(0, 0, 0, 0.33)",
    90        inactiveLight: "rgba(255, 255, 255, 0.44)",
    91        muted: "#555555",
    92        mutedLight: "rgba(255, 255, 255, 0.67)",
    93        fg: "rgba(24, 24, 24, 0.67)",
    94        lightfg: "rgba(24, 24, 24, 0.67)",
    95        link: "#000000",
    96        linkHover: "#555555",
    97        docusaurusColorBase: "var(--ifm-font-color-base)",
    98        docusaurusBgColor: "var(--ifm-background-color)",
    99        docusaurusColorBorder: "var(--ifm-color-emphasis-200)",
   100      },
   101      extend: {},
   102    },
   103    plugins: [],
   104  };