Возможно ли изменить rem-размер пользовательского интерфейса Chakra?

#chakra #chakra-ui

#чакра #chakra-ui

Вопрос:

В значительной степени название. Я искал в документах инструкции о том, как это сделать, но не повезло.

Моя настройка использует NextJS, а resetCSS передается через ChakraProvider, поэтому я не могу изменить стиль для изменения размера шрифта, потому что Chakra перезапишет это.

Ответ №1:

Я также обратился за помощью к reddit, и кто-то направил меня к этой части документов, которые позволили мне разобраться с этим.

Итак, в _app.js У меня есть тема const, которая расширяет тему. Только что добавлено

 styles: { 
  global: { 
      html: { 
          fontSize: "18px"
      }
   }
}
 

Ответ №2:

Да, это возможно. Например, я хочу увеличить размер шрифта sm:

 import { extendTheme } from "@chakra-ui/react"

const theme = extendTheme({
  ...
  fontSizes: {
    sm: "1.4rem",
  },
  ...
})