#javascript #css #reactjs #material-ui #jss
#язык JavaScript #CSS #реагирует на #материал-пользовательский интерфейс #jss
Вопрос:
В моем коде (реагировать) У меня есть это автоматически созданное вложенное(!) правило темы из JSS MUI:
.MuiGrid-spacing-xs-4-348 gt; .MuiGrid-item-324 { padding: 16px; } Я хочу обратиться к этому правилу, используя:
createTheme(theme, { overrides: { MuiGrid: { 'spacing-xs-4': { width: "100%", margin: 0, // what to write here? This doesn't work: // 'amp; .MuiGrid-item' : { // border: 20px solid pink, // }, }, }, }, }, }); Что я должен написать?
Всякий раз, когда какой-нибудь JSS/MuiDev читает это:
Я нахожу довольно глупым переключать синтаксис клавиш на строки, подобные CSS, с целью назначения правил классам, созданным MUI.
Я должен написать:
MuiGrid: { 'spacing-xs-4': { (Или есть какой-нибудь другой способ?) вместо, например:
MuiGrid: { spacing: { xs: { 4: { Разве это не имело бы гораздо больше смысла?
Спасибо за полезные комментарии!