Vejo um enfoque em frameworks javascript, para escrever o css diretamente em javascript, exemplo...
new Vue({
el : "#style",
data : {
ctn : {
display: "flex",
alignItems: "center",
justifyContent: "center",
flexDirection: "column",
height: "100vh",
},
header : {
fontSize: "20pt",
color: "blue",
},
article : {
fontSize: "13pt",
color: "green",
}
}
})
<script src="https://unpkg.com/[email protected]/dist/vue.js"></script>
<div id="style" :style="ctn">
<header :style="header">Hello world!</header>
<article :style="article">StackOverflow</article>
</div>
Isso facilita muito, pois permite o uso de variáveis e funções, mas para um projeto extenso, essa prática implicaria em algum problema?
Edit
Recentemente encontrei esse artigo Paz no css (Medium)
E percebi que esse debate está acontecendo veemente na internet (Como sempre o Brasil não está muito por dentro).