Как назначить свойства css при использовании DSL CSS в Kotlin/Js
Я очень новичок в kotlin/Js и пытаюсь стилизовать страницу, но большинство атрибутов CSS, похоже, не поддерживают примитивные значения, а значения по умолчанию в пакете csstype не дают мне того, что я хочу.
Как установить значения для полей, отмеченных знаком «?».
css {
html{
scrollBehavior = ScrollBehavior.smooth
}
root {
fontFamily = FontFamily.cursive
fontSize = FontSize.large
backgroundColor = NamedColor.antiquewhite
}
a{
hover {
color = NamedColor.green
}
textDecoration = TextDecoration.none
color = NamedColor.cadetblue
}
ul{
listStyleType = ListStyleType.none
}
ul{
gap = ??
display = Display.flex
li{
fontWeight = FontWeight(700)
}
}
body{
fontFamily = ??
}
h1{
color = NamedColor.cadetblue
}
css("burger-menu"){
color = NamedColor.cadetblue
fontSize = FontSize.medium
border = Border(Length("0"), LineStyle.none)
cursor = Cursor.pointer
display = Display.none
}
h1{
color = NamedColor.cadetblue
}
}*/
}