SolidJS•16mo ago

Use breakpoints in suid `createTheme`

In Mui 5, we could do

let theme = createTheme()
theme = createTheme(theme , { 
  h5: {
          fontSize: "1.5", //24px
          fontWeight: title.fontWeight,
          fontFamily: sansSerif(title.fontFamily),
          letterSpacing: title.letterSpacing,
          lineHeight: "2.1rem", //34px
          color: "#636e72",
          [theme.breakpoints.between("xs", "sm")]: {
            fontSize: "1.25rem", // 20px
            lineHeight: "1.9rem", //  30px
          },
          [theme.breakpoints.between("sm", "md")]: {
            fontSize: "1.4rem", //24px
            lineHeight: "2rem", // 35px
          },
        },
})

let theme = createTheme()
theme = createTheme(theme , { 
  h5: {
          fontSize: "1.5", //24px
          fontWeight: title.fontWeight,
          fontFamily: sansSerif(title.fontFamily),
          letterSpacing: title.letterSpacing,
          lineHeight: "2.1rem", //34px
          color: "#636e72",
          [theme.breakpoints.between("xs", "sm")]: {
            fontSize: "1.25rem", // 20px
            lineHeight: "1.9rem", //  30px
          },
          [theme.breakpoints.between("sm", "md")]: {
            fontSize: "1.4rem", //24px
            lineHeight: "2rem", // 35px
          },
        },
})

to adjust values in the theme. Is there anything like this available in Suid?

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Use breakpoints in suid `createTheme`