106 lines
2.8 KiB
Kotlin
106 lines
2.8 KiB
Kotlin
package nl.astraeus.css
|
|
|
|
import nl.astraeus.css.properties.*
|
|
import nl.astraeus.css.properties.Color.Companion.hex
|
|
import nl.astraeus.css.style.Style
|
|
|
|
class StyleBase(
|
|
val mainColor: Color = Color.hsl(128, 50, 50),
|
|
val mainBackgroundColor: Color = Color.hsl(64, 50, 50),
|
|
val mainFont: TextProperty = text("Arial")
|
|
)
|
|
|
|
private fun Style.sizePX(
|
|
left: Int,
|
|
top: Int,
|
|
width: Int,
|
|
height: Int
|
|
) {
|
|
this@sizePX.top(top.px())
|
|
this@sizePX.left(left.px())
|
|
this@sizePX.width(width.px())
|
|
this@sizePX.height(height.px())
|
|
}
|
|
|
|
private fun generateCss(
|
|
base: StyleBase
|
|
): String {
|
|
val css = CssBuilder()
|
|
|
|
css.style {
|
|
select("body") {
|
|
// fontFamily = base.mainFont
|
|
// color = base.mainColor
|
|
backgroundColor(base.mainBackgroundColor)
|
|
// alignContent = AlignContent.initial()
|
|
}
|
|
|
|
select(".test") {
|
|
// top = px(10)
|
|
// left = em(5)
|
|
backgroundColor(Color.rgba(255, 255, 255, 0.75))
|
|
//
|
|
// select("> a") {
|
|
// color = Color.hsl(200, 50, 50)
|
|
// }
|
|
}
|
|
|
|
select("nav") {
|
|
select("ul") {
|
|
color(Color.hsl(0, 100, 25))
|
|
backgroundColor(base.mainBackgroundColor)
|
|
}
|
|
select("li") {
|
|
sizePX(25, 25, 200, 200)
|
|
animationPlayState(AnimationPlayState.paused, AnimationPlayState.running)
|
|
|
|
select("a") {
|
|
// width = px(725)
|
|
// background = text("")
|
|
// backgroundColor = base.mainBackgroundColor
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
return css.getCss()
|
|
}
|
|
|
|
fun main() {
|
|
val css1 = generateCss(StyleBase())
|
|
val css2 = generateCss(StyleBase(
|
|
Color.hsl(32, 40, 50),
|
|
Color.hsl(64, 60, 35),
|
|
text("Courier")
|
|
))
|
|
|
|
println(css1)
|
|
println(css2)
|
|
|
|
val sd = style {
|
|
select("#pipo") {
|
|
backgroundColor(hex("ffeedd"))
|
|
fontFamily("Arial, Courier")
|
|
// backgroundColor = Color.hex("eeeeee")
|
|
// fontFamily = text("Arial, Courier")
|
|
// animationDelay = listOf(DelayDuration.initial())
|
|
|
|
select("div") {
|
|
|
|
tableLayout(TableLayout.auto)
|
|
tabSize(14.px())
|
|
|
|
// color = Color.hex("1b1b1b1")
|
|
// alignContent = AlignContent.flexStart()
|
|
// animationName = listOf(text("foo"), text("bar"))
|
|
// animationIterationCount = listOf(
|
|
// Count.count(3), Count.infinite())
|
|
// animationTimingFunction = listOf(AnimationTimingFunction.cubicBezier(0.1, 0.2, 0.3, 0.4), AnimationTimingFunction.easeInOut())
|
|
}
|
|
}
|
|
}
|
|
|
|
println("======")
|
|
println(sd.generateCss())
|
|
}
|