rnentjes/kotlin-css-generator
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Function builder test

Browse Source
This commit is contained in:
rnentjes
2020-03-01 13:19:27 +01:00
parent 6e5c10c089
commit 1f819c925f
6 changed files with 117 additions and 101 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
src/jvmMain/kotlin/nl/astraeus/css/Test.kt
View File

@@ -2,6 +2,7 @@ package nl.astraeus.css
import nl.astraeus.css.properties.*
import nl.astraeus.css.properties.AlignContent.Companion.flexStart
import nl.astraeus.css.properties.AlignContentValue.*
import nl.astraeus.css.style.Css
import nl.astraeus.css.style.Style
@@ -17,10 +18,10 @@ private fun Style.sizePX(
width: Int,
height: Int
) {
this@sizePX.top = Measurement.px(top)
this@sizePX.left = Measurement.px(left)
this@sizePX.width = Measurement.px(width)
this@sizePX.height = Measurement.px(height)
// this@sizePX.top = Measurement.px(top)
// this@sizePX.left = Measurement.px(left)
// this@sizePX.width = Measurement.px(width)
// this@sizePX.height = Measurement.px(height)
}
private fun generateCss(
@@ -30,34 +31,34 @@ private fun generateCss(
css.style {
select("body") {
fontFamily = base.mainFont
color = base.mainColor
backgroundColor = base.mainBackgroundColor
// fontFamily = base.mainFont
// color = base.mainColor
// backgroundColor = base.mainBackgroundColor
}
select(".test") {
top = Measurement.px(10)
left = Measurement.em(5)
backgroundColor = Color.rgba(255, 255, 255, 0.75)
// top = Measurement.px(10)
// left = Measurement.em(5)
// backgroundColor = Color.rgba(255, 255, 255, 0.75)
select("> a") {
color = Color.hsl(200, 50, 50)
// color = Color.hsl(200, 50, 50)
}
}
select("nav") {
select("ul") {
color = Color.hsl(0, 100, 25)
backgroundColor = base.mainBackgroundColor
// color = Color.hsl(0, 100, 25)
// backgroundColor = base.mainBackgroundColor
}
select("li") {
sizePX(25, 25, 200, 200)
select("a") {
width = Measurement.px(725)
background = text("red initial")
backgroundColor = base.mainBackgroundColor
all = All.initial()
// width = Measurement.px(725)
// background = text("red initial")
// backgroundColor = base.mainBackgroundColor
// all = All.initial()
}
}
}
@@ -78,29 +79,29 @@ fun main() {
println(css2)
val border = css {
borderRadius = BorderRadius(1, 2, 3, 4)
borderColor = listOf(Color.hsl(22,66,55))
// borderRadius = BorderRadius(1, 2, 3, 4)
// borderColor = listOf(Color.hsl(22,66,55))
select("a") {
width = Measurement.px(10)
// width = Measurement.px(10)
}
}
val border2: Css = {
borderRadius = BorderRadius(1, 2, 3, 4)
borderColor = listOf(Color.hsl(20,60,50))
// borderRadius = BorderRadius(1, 2, 3, 4)
// borderColor = listOf(Color.hsl(20,60,50))
}
val font: Css = {
fontFamily = text("Arial, Courier")
fontSize = FontSize.larger()
// fontFamily = text("Arial, Courier")
// fontSize = FontSize.larger()
}
val sd = style {
select("#pipo") {
backgroundColor = Color.hex("eeeeee")
fontFamily = text("Arial, Courier")
animationDelay = listOf(DelayDuration.initial())
// backgroundColor = Color.hex("eeeeee")
// fontFamily = text("Arial, Courier")
// animationDelay = listOf(DelayDuration.initial())
select("div") {
fontFace {
@@ -112,56 +113,66 @@ fun main() {
fontWeight = FontWeight._600()
}
fontFamily = text("SanSation")
color = Color.hex("1b1b1b1")
alignContent = flexStart()
animationName = listOf(
text("foo"),
text("bar")
)
// fontFamily = text("SanSation")
// color = Color.hex("1b1b1b1")
// alignContent = flexStart()
// animationName = listOf(
// text("foo"),
// text("bar")
// )
select("span") {
animationIterationCount = listOf(
Count.count(3),
Count.infinite()
)
animationTimingFunction = listOf(
AnimationTimingFunction.cubicBezier(0.1, 0.2, 0.3, 0.4),
AnimationTimingFunction.easeInOut()
)
// animationIterationCount = listOf(
// Count.count(3),
// Count.infinite()
// )
// animationTimingFunction = listOf(
// AnimationTimingFunction.cubicBezier(0.1, 0.2, 0.3, 0.4),
// AnimationTimingFunction.easeInOut()
// )
}
select("border-0") {
apply(border)
borderRadius = BorderRadius(4, 5, 6, 7)
// borderRadius = BorderRadius(4, 5, 6, 7)
}
select("border-1") {
apply(border2)
borderRadius = BorderRadius(4, 5, 6, 7)
// borderRadius = BorderRadius(4, 5, 6, 7)
}
select("border-2") {
borderRadius = BorderRadius(4, 5, 6, 7)
// borderRadius = BorderRadius(4, 5, 6, 7)
apply(border2)
display = Display.none()
borderBottomWidth = BorderWidth.perc(13)
// display = Display.none()
// borderBottomWidth = BorderWidth.perc(13)
}
}
}
}
val borderStyle = style {
select(".border") {
apply(border)
apply(font)
select("> p") {
fontSize = FontSize.smaller()
// fontSize = FontSize.smaller()
}
}
}
val test = style {
select("nav") {
alignContent(STRETCH)
margin(0.px(), 2.em(), 0.5.px(), Measurement.auto())
}
}
println("======")
println(sd.generateCss())
println("======")
println(sd.generateCss(minified = true))
println("======")
println(borderStyle.generateCss())
println("======")
println(test.generateCss())
}