create styles | Mantine | Page 1

open ledge Oct 19, 2022, 4:32 PM

#

how to use media queries in create styles

#

is it the right case

raven quartz Oct 19, 2022, 4:34 PM

#

https://mantine.dev/styles/create-styles/#usage

createStyles

React components and hooks library with native dark theme support and focus on usability, accessibility and developer experience

worn solstice Oct 19, 2022, 4:59 PM

#

open ledge how to use media queries in create styles

const useStyles = createStyles({
    div: {
      width: "4em",
      transitionDuration: "600ms",
      ["@media (max-width: 800px)"]: {
          width: "1 em"
      }
    }
})

open ledge Oct 19, 2022, 4:59 PM

#

but is not changing

worn solstice Oct 19, 2022, 4:59 PM

#

then your media queries are the problem

#create styles