More properties and cleanup

2020-02-24 09:47:14 +01:00
parent 1c3ac8f0d0
commit 083f234d82
31 changed files with 827 additions and 413 deletions
--- a/src/jsMain/kotlin/nl/astraeus/css/Test.kt
+++ b/src/jsMain/kotlin/nl/astraeus/css/Test.kt
@@ -0,0 +1,99 @@
+package nl.astraeus.css
+
+import nl.astraeus.css.properties.*
+import nl.astraeus.css.properties.Measurement.Companion.em
+import nl.astraeus.css.properties.Measurement.Companion.px
+import nl.astraeus.css.style.StyleDefinition
+
+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 StyleDefinition.sizePX(
+    left: Int,
+    top: Int,
+    width: Int,
+    height: Int
+) {
+    this@sizePX.top = px(top)
+    this@sizePX.left = px(left)
+    this@sizePX.width = px(width)
+    this@sizePX.height = px(height)
+}
+
+private fun generateCss(
+    base: StyleBase
+): String {
+    val css = CssBuilder()
+
+    css.style {
+        css("body") {
+            fontFamily = base.mainFont
+            color = base.mainColor
+            backgroundColor = base.mainBackgroundColor
+            alignContent = AlignContent.initial()
+        }
+
+        css(".test") {
+            top = px(10)
+            left = em(5)
+            backgroundColor = Color.rgba(255, 255, 255, 0.75)
+
+            css("> a") {
+                color = Color.hsl(200, 50, 50)
+            }
+        }
+
+        css("nav") {
+            css("ul") {
+                color = Color.hsl(0, 100, 25)
+                backgroundColor = base.mainBackgroundColor
+            }
+            css("li") {
+                sizePX(25, 25, 200, 200)
+
+                css("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 = css {
+        css("#pipo") {
+            backgroundColor = Color.hex("eeeeee")
+            fontFamily = text("Arial, Courier")
+            animationDelay = listOf(DelayDuration.initial())
+
+            css("div") {
+                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())
+}