Créer une classe CSS avec DSL kotlinx.html

Question

J'utilise le plugin Kotlin to Javascript et kotlinx.html bibliothèque pour construire exemple d'application:

fun main(args: Array<String>) { 
    window.onload = { 
     document.body!!.append.div { 
      a("#", classes = "red") { 
       +"Link" 
      } 
     } 
    } 
} 

Et je veux peindre lien avec a classe CSS « ​​rouge » à la couleur rouge.
Maintenant, j'utilise unsage + raw pour le faire:

document.head!!.append.style { 
    unsafe { 
     raw(".red { background: #f00; }") 
    } 
} 

Comment créer une classe CSS avec DSL kotlinx.html? Je n'ai trouvé aucun document lié à css DSL.

Answer 1

Vous ne pouvez pas utiliser le HTML DSL pour créer des CSS. Il y a deux façons possibles d'utiliser css dans votre code HTML.

1) Vous créez des fichiers CSS indépendamment, puis utilisez le classes comme vous l'avez proposé. 2) Intégrez le CSS si cela est faisable pour votre application.

h1("h1Class") { 
     style = "background-color:red" 
      +"My header1" 
} 

Il en résulte:

<h1 class="h1Class" style="background-color:red">My header1</h1> 

Answer 2

kotoinx-html est un langage DSL pour HTML uniquement. CSS doit donc être construit séparément. Ce dont vous avez besoin, c'est kotlinx.css mais il était assez impopulaire, donc il a été abandonné. Il est certain qu'il y a peu de bibliothèques communautaires ciblées à cette fin, mais je ne sais pas si elles sont encore en vie.