Small fixes

2021-05-10 15:54:42 +02:00 · 2021-05-03 16:37:26 +02:00 · 2021-04-22 13:02:51 +02:00 · 2021-04-09 19:41:48 +02:00 · 2021-02-25 19:54:13 +01:00 · 2021-02-24 10:57:42 +01:00
89 changed files with 2021 additions and 4004 deletions
--- a/21
+++ b/21
@@ -1,21 +0,0 @@
-MIT License
-
-Copyright (c) 2021 Rien
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -1,48 +1,36 @@
-@file:OptIn(ExperimentalWasmDsl::class)
-
-import com.vanniktech.maven.publish.SonatypeHost
-import org.jetbrains.kotlin.gradle.ExperimentalWasmDsl
-
 plugins {
-    kotlin("multiplatform") version "2.1.10"
-    id("com.vanniktech.maven.publish") version "0.31.0"
-    signing
-    id("org.jetbrains.dokka") version "2.0.0"
+    kotlin("multiplatform") version "1.4.32"
+    `maven-publish`
 }

 group = "nl.astraeus"
-version = "1.1.0"
+version = "0.4.19"

 repositories {
+    maven { setUrl("https://dl.bintray.com/kotlin/kotlin-eap") }
+    mavenLocal()
    mavenCentral()
 }

 kotlin {
    jvm()
-    js(IR) {
+    js(BOTH) {
        browser {
-/*            testTask {
-                // work around, browser test is broken atm
-                enabled = false
-            }*/
-        }
-    }
-
-    wasmJs {
-        //moduleName = project.name
-        browser()
-
-        mavenPublication {
-            groupId = group as String
-            pom { name = "${project.name}-wasm-js" }
+            testTask {
+                useKarma {
+                    useFirefox()
+                    //useChrome()
+                }
+            }
        }
    }

    sourceSets {
-        val commonMain by getting
+        val commonMain by getting {}
        val commonTest by getting {
            dependencies {
-                implementation(kotlin("test"))
+                implementation(kotlin("test-common"))
+                implementation(kotlin("test-annotations-common"))
            }
        }
        val jvmTest by getting {
@@ -50,69 +38,46 @@ kotlin {
                implementation(kotlin("test-junit"))
            }
        }
-        val jsMain by getting
-        val wasmJsMain by getting
+        val jsTest by getting {
+            dependencies {
+                implementation(kotlin("test-js"))
+            }
+        }
    }
 }

-val javadocJar by tasks.registering(Jar::class) {
-    archiveClassifier.set("javadoc")
-}
-
 publishing {
    repositories {
-        mavenLocal()
        maven {
-            name = "gitea"
-            setUrl("https://gitea.astraeus.nl/api/packages/rnentjes/maven")
+            name = "releases"
+            // change to point to your repo, e.g. http://my.org/repo
+            url = uri("http://nexus.astraeus.nl/nexus/content/repositories/releases")
+            credentials {
+                val nexusUsername: String by project
+                val nexusPassword: String by project

-            credentials() {
-                val giteaUsername: kotlin.String? by project
-                val giteaPassword: kotlin.String? by project
+                username = nexusUsername
+                password = nexusPassword
+            }
+        }
+        maven {
+            name = "snapshots"
+            // change to point to your repo, e.g. http://my.org/repo
+            url = uri("http://nexus.astraeus.nl/nexus/content/repositories/snapshots")
+            credentials {
+                val nexusUsername: String by project
+                val nexusPassword: String by project

-                username = giteaUsername
-                password = giteaPassword
+                username = nexusUsername
+                password = nexusPassword
            }
        }
    }
-}
-
-signing {
-    sign(publishing.publications)
-}
-
-
-tasks.withType<AbstractPublishToMaven> {
-    dependsOn(tasks.withType<Sign>())
-}
-
-mavenPublishing {
-    publishToMavenCentral(SonatypeHost.CENTRAL_PORTAL)
-
-    signAllPublications()
-
-    coordinates(group.toString(), name, version.toString())
-
-    pom {
-        name = "kotlin-css-generator"
-        description = "Kotlin css generator"
-        inceptionYear = "2020"
-        url = "https://github.com/rnentjes/kotlin-css-generator"
-        licenses {
-            license {
-                name = "MIT"
-                url = "https://opensource.org/licenses/MIT"
-            }
-        }
-        developers {
-            developer {
-                id = "rnentjes"
-                name = "Rien Nentjes"
-                email = "info@nentjes.com"
-            }
-        }
-        scm {
-            url = "https://github.com/rnentjes/kotlin-css-generator"
+/*
+    publications {
+        val kotlinMultiplatform by getting {
+            artifactId = "kotlin-css-generator"
        }
    }
+*/
 }
--- a/gradle.properties
+++ b/gradle.properties
@@ -0,0 +1,5 @@
+kotlin.code.style=official
+kotlin.js.compiler=both
+
+nexusUsername=deployment
+nexusPassword=bGtci5GLFbqORmruICmTWFmGLY
--- a/gradle.properties.example
+++ b/gradle.properties.example
@@ -1,11 +0,0 @@
-kotlin.code.style=official
-kotlin.js.compiler=both
-
-nexusUsername=deployment
-nexusPassword=
-
-signingKeyId=
-signingPassword=
-signingSecretKeyRingFile=
-ossrhUsername=
-ossrhPassword=
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -1,5 +1,5 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.7-bin.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-6.8.3-bin.zip
 zipStoreBase=GRADLE_USER_HOME
 zipStorePath=wrapper/dists
--- a/publish/build.gradle.kts
+++ b/publish/build.gradle.kts
@@ -1,98 +0,0 @@
-import java.util.*
-
-plugins {
-  `maven-publish`
-  signing
-}
-
-repositories {
-  mavenCentral()
-}
-
-project.extra.set("PUBLISH_GROUP_ID", "nl.astraeus")
-project.extra.set("PUBLISH_VERSION", "1.0.0")
-project.extra.set("PUBLISH_ARTIFACT_ID", "kotlin-css-generator")
-
-apply(from = "${rootProject.projectDir}/build.gradle.kts")
-
-// Stub secrets to let the project sync and build without the publication values set up
-extra["signing.keyId"] = null
-extra["signing.password"] = null
-extra["signing.secretKeyRingFile"] = null
-extra["ossrhUsername"] = null
-extra["ossrhPassword"] = null
-
-// Grabbing secrets from local.properties file or from environment variables, which could be used on CI
-val secretPropsFile = project.rootProject.file("local.properties")
-if (secretPropsFile.exists()) {
-  secretPropsFile.reader().use {
-    Properties().apply {
-      load(it)
-    }
-  }.onEach { (name, value) ->
-    extra[name.toString()] = value
-  }
-} else {
-  extra["signing.keyId"] = System.getenv("SIGNING_KEY_ID")
-  extra["signing.password"] = System.getenv("SIGNING_PASSWORD")
-  extra["signing.secretKeyRingFile"] = System.getenv("SIGNING_SECRET_KEY_RING_FILE")
-  extra["ossrhUsername"] = System.getenv("OSSRH_USERNAME")
-  extra["ossrhPassword"] = System.getenv("OSSRH_PASSWORD")
-}
-
-val javadocJar by tasks.registering(Jar::class) {
-  archiveClassifier.set("javadoc")
-}
-
-fun getExtraString(name: String) = extra[name]?.toString()
-
-publishing {
-  // Configure maven central repository
-  repositories {
-    maven {
-      name = "sonatype"
-      setUrl("https://s01.oss.sonatype.org/service/local/staging/deploy/maven2/")
-      credentials {
-        username = getExtraString("ossrhUsername")
-        password = getExtraString("ossrhPassword")
-      }
-    }
-  }
-
-  // Configure all publications
-  publications.withType<MavenPublication> {
-
-    // Stub javadoc.jar artifact
-    artifact(javadocJar.get())
-
-    // Provide artifacts information requited by Maven Central
-    pom {
-      name.set("kotlin-css-generator")
-      description.set("Kotlin css generator")
-      url.set("https://github.com/rnentjes/kotlin-css-generator")
-
-      licenses {
-        license {
-          name.set("MIT")
-          url.set("https://opensource.org/licenses/MIT")
-        }
-      }
-      developers {
-        developer {
-          id.set("rnentjes")
-          name.set("Rien Nentjes")
-          email.set("info@nentjes.com")
-        }
-      }
-      scm {
-        url.set("https://github.com/rnentjes/kotlin-css-generator")
-      }
-    }
-  }
-}
-
-// Signing artifacts. Signing.* extra properties values will be used
-
-signing {
-  sign(publishing.publications)
-}
--- a/publish/publish-mavencentral.gradle
+++ b/publish/publish-mavencentral.gradle
@@ -1,121 +0,0 @@
-
-apply plugin: 'maven-publish'
-apply plugin: 'signing'
-
-task publishSourcesJar(type: Jar) {
-    archiveClassifier.set('sources')
-
-    // For pure Kotlin libraries, in case you have them
-    from sourceSets.main.java.srcDirs
-    //from sourceSets.main.kotlin.srcDirs
-}
-
-task packageJavadoc(type: Jar) {
-    from javadoc
-    classifier = 'javadoc'
-}
-
-artifacts {
-    archives publishSourcesJar
-}
-
-File secretPropsFile = project.rootProject.file('local.properties')
-
-ext["signing.keyId"] = ''
-ext["signing.password"] = ''
-ext["signing.secretKeyRingFile"] = ''
-ext["ossrhUsername"] = ''
-ext["ossrhPassword"] = ''
-ext["sonatypeStagingProfileId"] = ''
-
-if (secretPropsFile.exists()) {
-    Properties p = new Properties()
-
-    new FileInputStream(secretPropsFile).withCloseable { is ->
-        p.load(is)
-    }
-
-    p.each { name, value ->
-        ext[name] = value
-    }
-}
-
-afterEvaluate {
-    publishing {
-        publications {
-            release(MavenPublication) {
-                // The coordinates of the library, being set from variables that
-                // we'll set up later
-                groupId PUBLISH_GROUP_ID
-                artifactId PUBLISH_ARTIFACT_ID
-                version PUBLISH_VERSION
-
-                // Two artifacts, the `aar` (or `jar`) and the sources
-                if (project.plugins.findPlugin("com.android.library")) {
-                    artifact("$buildDir/outputs/aar/${project.getName()}-release.aar")
-                } else {
-                    artifact("$buildDir/libs/${project.getName()}-${version}.jar")
-                }
-                artifact publishSourcesJar
-                artifact packageJavadoc
-
-                // Mostly self-explanatory metadata
-                pom {
-                    name = PUBLISH_ARTIFACT_ID
-                    description = 'Simple JDBC wrapper for query statistics'
-                    url = 'https://github.com/rnentjes/Simple-jdbc-statistics'
-                    licenses {
-                        license {
-                            name = 'MIT License'
-                            url = 'https://github.com/rnentjes/Simple-jdbc-statistics/blob/master/LICENCE.txt'
-                        }
-                    }
-                    developers {
-                        developer {
-                            id = 'rnentjes'
-                            name = 'Rien Nentjes'
-                            email = 'info@nentjes.com'
-                        }
-                        // Add all other devs here...
-                    }
-                    // Version control info - if you're using GitHub, follow the format as seen here
-                    scm {
-                        connection = 'scm:git:github.com/rnentjes/Simple-jdbc-statistics.git'
-                        developerConnection = 'scm:git:ssh://github.com/rnentjes/Simple-jdbc-statistics.git'
-                        url = 'https://github.com/rnentjes/Simple-jdbc-statistics.git/tree/main'
-                    }
-                    // A slightly hacky fix so that your POM will include any transitive dependencies
-                    // that your library builds upon
-                    /*
-                    witXml {
-                        def dependenciesNode = asNode().appendNode('dependencies')
-
-                        project.configurations.implementation.allDependencies.each {
-                            def dependencyNode = dependenciesNode.appendNode('dependency')
-                            dependencyNode.appendNode('groupId', it.group)
-                            dependencyNode.appendNode('artifactId', it.name)
-                            dependencyNode.appendNode('version', it.version)
-                        }
-                    }*/
-                }
-            }
-        }
-        // The repository to publish to, Sonatype/MavenCentral
-        repositories {
-            maven {
-                // This is an arbitrary name, you may also use "mavencentral" or
-                // any other name that's descriptive for you
-                name = "sonatype"
-                url = "https://s01.oss.sonatype.org/service/local/staging/deploy/maven2/"
-                credentials {
-                    username ossrhUsername
-                    password ossrhPassword
-                }
-            }
-        }
-    }
-}
-
-signing {
-    sign publishing.publications
-}
--- a/publish/settings.gradle.kts
+++ b/publish/settings.gradle.kts
@@ -1,12 +0,0 @@
-pluginManagement {
-    repositories {
-        mavenCentral()
-
-        maven { setUrl("https://plugins.gradle.org/m2/") }
-    }
-}
-
-rootProject.name = "publish-kotlin-css-generator"
-
-//enableFeaturePreview("GRADLE_METADATA")
-//include(":publish")
--- a/readme.md
+++ b/readme.md
@@ -1,176 +0,0 @@
-# Css generator like less/sass in kotlin multiplatform
-
-This library is for generating css from a kotlin dsl.
-It can be used as an alternative to less/sass or as a runtime library to generate css on-the-fly. 
-
-Tools like less and sass are often used as a build step and take some time.
-This library is meant to be fast enough to generate the css on the fly either from the server or directly in the browser.
-
-## Usage
-
-Include in build.gradle.kts:
-
-```kotlin
-  repositories {
-    mavenCentral()
-  }
-
-  val commonMain by getting {
-    dependencies {
-      api("nl.astraeus:kotlin-css-generator:1.0.9")
-    }
-  }
-```
-
-Examples:
-
-## Nesting / colors / variables
-
-```kotlin
-    val color = hsla(0, 50, 50, 1.0)
-    val backgroundColor = Color.white
-
-    val css = style {
-      select(cls("button")) {
-        padding(5.px)
-        
-        select("a") {
-          color(color)
-          backgroundColor(backgroundColor)
-
-          hover {
-            color(color.lighten(10))
-            backgroundColor(backgroundColor.darken(10))
-          }
-        }
-      }
-    }
-```
-
-To generate the css call get generateCss function:
-
-```kotlin
-    val cssString: String = css.generateCss()
-```
-
-Result:
-
-```css
-.button {
-    padding:                      5px;
-}
-
-.button a {
-    color:                        hsla(0, 50%, 50%, 1.0);
-    background-color:             white;
-}
-
-.button a:hover {
-    color:                        hsla(0, 50%, 55%, 1.0);
-    background-color:             rgba(229, 229, 229, 1.0);
-}
-```
-
-There are several options when generating the css, for example minified:
-
-
-```kotlin
-    val cssString: String = css.generateCss(minified = true)
-```
-
-Result:
-
-```css
-.button{padding:5px;}.buttona{color:hsla(0,50%,50%,1.0);background-color:white;}.buttona:hover{color:hsla(0,50%,55%,1.0);background-color:rgba(229,229,229,1.0);}
-```
-
-## Mixins
-
-As it's all just kotlin code, includes and mixins etc. are just functions calls.
-
-```kotlin
-   fun Style.borderStyles(borderWidth: Measurement = 2.px) {
-      borderWidth(borderWidth)
-      borderColor(Color.aquamarine)
-      borderStyle(BorderStyle.solid)
-    }
-
-    val css = style {
-      select(txt("a"), cls("button")) {
-        borderStyles()
-
-        color(Color.white)
-      }
-
-      select(cls("btn-primary")) {
-        borderStyles(3.px)
-        color(Color.blue)
-      }
-    }
-```
-
-Result:
-
-```css
-a {
-    border-width:                 2px;
-    border-color:                 aquamarine;
-    border-style:                 solid;
-    color:                        white;
-}
-
-.button {
-    border-width:                 2px;
-    border-color:                 aquamarine;
-    border-style:                 solid;
-    color:                        white;
-}
-
-.btn-primary {
-    border-width:                 3px;
-    border-color:                 aquamarine;
-    border-style:                 solid;
-    color:                        blue;
-}
-```
-
-Giving the option combineEqualBlocks to the generateCss call will combine the a and .button blocks with the following result:
-
-```css
-a,
-.button {
-  border-width:                 2px;
-  border-color:                 aquamarine;
-  border-style:                 solid;
-  color:                        white;
-}
-
-.btn-primary {
-  border-width:                 3px;
-  border-color:                 aquamarine;
-  border-style:                 solid;
-  color:                        blue;
-}
-```
-
-## Measurements
-
-Sizes and widths are given in measurements, there are extension variables to help with these:
-
-```kotlin
-  select("body") {
-    fontSize(1.2.em)
-    borderWidth(3.px)
-    width(75.prc)
-  }
-```
-
-Result:
-
-```css
-body {
-  font-size:                    1.2em;
-  border-width:                 3px;
-  width:                        75%;
-}
-```
--- a/settings.gradle.kts
+++ b/settings.gradle.kts
@@ -1,20 +1,13 @@
 pluginManagement {
    repositories {
-        google()
-        mavenCentral()
-        gradlePluginPortal()
-    }
-}
+        maven { setUrl("https://dl.bintray.com/kotlin/kotlin-eap") }

-dependencyResolutionManagement {
-    repositories {
-        google()
        mavenCentral()
-    }
-}

-plugins {
-    id("org.gradle.toolchains.foojay-resolver-convention") version "0.8.0"
+        maven { setUrl("https://plugins.gradle.org/m2/") }
+    }
 }

 rootProject.name = "kotlin-css-generator"
+
+enableFeaturePreview("GRADLE_METADATA")
--- a/src/commonMain/kotlin/nl/astraeus/css/CssBuilder.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/CssBuilder.kt
@@ -8,23 +8,23 @@ import nl.astraeus.css.style.Style
 fun css(definition: Css) = definition

 fun style(definition: ConditionalCss): ConditionalStyle {
-  val css = ConditionalStyle()
+    val css = ConditionalStyle()

-  definition(css)
+    definition(css)

-  return css
+    return css
 }

 class CssBuilder {
-  var definition: Style = Style()
+    var definition: Style = Style()

-  fun style(definition: Style.() -> Unit) {
-    definition(this.definition)
-  }
+    fun style(definition: Style.() -> Unit) {
+        definition(this.definition)
+    }

-  fun getCss(minified: Boolean = false): String = definition.generateCss(minified = minified)
+    fun getCss(minified: Boolean = false): String = definition.generateCss(minified = minified)

-  override fun toString(): String {
-    return "CssBuilder(${definition.generateCss()})"
-  }
+    override fun toString(): String {
+        return "CssBuilder(${definition.generateCss()})"
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/AlignContent.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/AlignContent.kt
@@ -1,17 +1,17 @@
 package nl.astraeus.css.properties

 class AlignContent(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val stretch = AlignContent("stretch")
-    val center = AlignContent("center")
-    val flexStart = AlignContent("flex-start")
-    val flexEnd = AlignContent("flex-end")
-    val spaceBetween = AlignContent("space-between")
-    val spaceAround = AlignContent("space-around")
-    val initial = AlignContent("initial")
-    val inherit = AlignContent("inherit")
-  }
+    companion object {
+        val stretch = AlignContent("stretch")
+        val center = AlignContent("center")
+        val flexStart = AlignContent("flex-start")
+        val flexEnd = AlignContent("flex-end")
+        val spaceBetween = AlignContent("space-between")
+        val spaceAround = AlignContent("space-around")
+        val initial = AlignContent("initial")
+        val inherit = AlignContent("inherit")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/AlignItems.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/AlignItems.kt
@@ -1,17 +1,17 @@
 package nl.astraeus.css.properties

 class AlignItems(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val stretch = AlignItems("stretch")
-    val center = AlignItems("center")
-    val flexStart = AlignItems("flex-start")
-    val flexEnd = AlignItems("flex-end")
-    val baseline = AlignItems("baseline")
-    val initial = AlignItems("initial")
-    val inherit = AlignItems("inherit")
-  }
+    companion object {
+        val stretch = AlignItems("stretch")
+        val center = AlignItems("center")
+        val flexStart = AlignItems("flex-start")
+        val flexEnd = AlignItems("flex-end")
+        val baseline = AlignItems("baseline")
+        val initial = AlignItems("initial")
+        val inherit = AlignItems("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/AlignSelf.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/AlignSelf.kt
@@ -1,18 +1,18 @@
 package nl.astraeus.css.properties

 class AlignSelf(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val auto = AlignSelf("auto")
-    val stretch = AlignSelf("stretch")
-    val center = AlignSelf("center")
-    val flexStart = AlignSelf("flex-start")
-    val flexEnd = AlignSelf("flex-end")
-    val baseline = AlignSelf("baseline")
-    val initial = AlignSelf("initial")
-    val inherit = AlignSelf("inherit")
-  }
+    companion object {
+        val auto = AlignSelf("auto")
+        val stretch = AlignSelf("stretch")
+        val center = AlignSelf("center")
+        val flexStart = AlignSelf("flex-start")
+        val flexEnd = AlignSelf("flex-end")
+        val baseline = AlignSelf("baseline")
+        val initial = AlignSelf("initial")
+        val inherit = AlignSelf("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/All.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/All.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class All(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val unset = All("unset")
-    val revert = All("revert")
-    val initial = All("initial")
-    val inherit = All("inherit")
-  }
+    companion object {
+        val unset = All("unset")
+        val revert = All("revert")
+        val initial = All("initial")
+        val inherit = All("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Animation.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Animation.kt
@@ -1,55 +1,55 @@
 package nl.astraeus.css.properties

 class AnimationDirection(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = AnimationDirection("normal")
-    val reverse = AnimationDirection("reverse")
-    val alternate = AnimationDirection("alternate")
-    val alternateReverse = AnimationDirection("alternate-reverse")
-    val initial = AnimationDirection("initial")
-    val inherit = AnimationDirection("inherit")
-  }
+    companion object {
+        val normal = AnimationDirection("normal")
+        val reverse = AnimationDirection("reverse")
+        val alternate = AnimationDirection("alternate")
+        val alternateReverse = AnimationDirection("alternate-reverse")
+        val initial = AnimationDirection("initial")
+        val inherit = AnimationDirection("inherit")
+    }
 }

 class AnimationFillMode(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = AnimationFillMode("none")
-    val forwards = AnimationFillMode("forwards")
-    val backwards = AnimationFillMode("backwards")
-    val both = AnimationFillMode("both")
-    val initial = AnimationFillMode("initial")
-    val inherit = AnimationFillMode("inherit")
-  }
+    companion object {
+        val none = AnimationFillMode("none")
+        val forwards = AnimationFillMode("forwards")
+        val backwards = AnimationFillMode("backwards")
+        val both = AnimationFillMode("both")
+        val initial = AnimationFillMode("initial")
+        val inherit = AnimationFillMode("inherit")
+    }
 }

 class AnimationFrame(
-  value: String = ""
-) : CssProperty(value) {
+    value: String = ""
+): CssProperty(value) {

-  companion object {
-    fun name(name: String) = AnimationFrame(name)
-    val none: AnimationFrame = AnimationFrame("none")
-    val initial: AnimationFrame = AnimationFrame("initial")
-    val inherit: AnimationFrame = AnimationFrame("inherit")
-  }
+    companion object {
+        fun name(name: String) = AnimationFrame(name)
+        val none: AnimationFrame = AnimationFrame("none")
+        val initial: AnimationFrame = AnimationFrame("initial")
+        val inherit: AnimationFrame = AnimationFrame("inherit")
+    }
 }


 class AnimationPlayState(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    fun name(name: String) = AnimationPlayState(name)
-    val paused = AnimationPlayState("paused")
-    val running = AnimationPlayState("running")
-    val initial = AnimationPlayState("initial")
-    val inherit = AnimationPlayState("inherit")
-  }
+    companion object {
+        fun name(name: String) = AnimationPlayState(name)
+        val paused = AnimationPlayState("paused")
+        val running = AnimationPlayState("running")
+        val initial = AnimationPlayState("initial")
+        val inherit = AnimationPlayState("inherit")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/BackfaceVisibility.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/BackfaceVisibility.kt
@@ -1,13 +1,13 @@
 package nl.astraeus.css.properties

 class BackfaceVisibility(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val visible = BackfaceVisibility("visible")
-    val hidden = BackfaceVisibility("hidden")
-    val initial = BackfaceVisibility("initial")
-    val inherit = BackfaceVisibility("inherit")
-  }
+    companion object {
+        val visible = BackfaceVisibility("visible")
+        val hidden = BackfaceVisibility("hidden")
+        val initial = BackfaceVisibility("initial")
+        val inherit = BackfaceVisibility("inherit")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Background.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Background.kt
@@ -1,79 +1,79 @@
 package nl.astraeus.css.properties

 class BackgroundAttachment(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val scroll = BackgroundAttachment("scroll")
-    val fixed = BackgroundAttachment("fixed")
-    val local = BackgroundAttachment("local")
-    val initial = BackgroundAttachment("initial")
-    val inherit = BackgroundAttachment("inherit")
-  }
+    companion object {
+        val scroll = BackgroundAttachment("scroll")
+        val fixed = BackgroundAttachment("fixed")
+        val local = BackgroundAttachment("local")
+        val initial = BackgroundAttachment("initial")
+        val inherit = BackgroundAttachment("inherit")
+    }
 }

 class BackgroundBlendMode(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = BackgroundBlendMode("normal")
-    val multiply = BackgroundBlendMode("multiply")
-    val screen = BackgroundBlendMode("screen")
-    val overlay = BackgroundBlendMode("overlay")
-    val darken = BackgroundBlendMode("darken")
-    val lighten = BackgroundBlendMode("lighten")
-    val colorDodge = BackgroundBlendMode("color-dodge")
-    val saturation = BackgroundBlendMode("saturation")
-    val color = BackgroundBlendMode("color")
-    val luminosity = BackgroundBlendMode("luminosity")
-  }
+    companion object {
+        val normal = BackgroundBlendMode("normal")
+        val multiply = BackgroundBlendMode("multiply")
+        val screen = BackgroundBlendMode("screen")
+        val overlay = BackgroundBlendMode("overlay")
+        val darken = BackgroundBlendMode("darken")
+        val lighten = BackgroundBlendMode("lighten")
+        val colorDodge = BackgroundBlendMode("color-dodge")
+        val saturation = BackgroundBlendMode("saturation")
+        val color = BackgroundBlendMode("color")
+        val luminosity = BackgroundBlendMode("luminosity")
+    }
 }

 class BackgroundPosition(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val left = BackgroundPosition("left")
-    val center = BackgroundPosition("center")
-    val right = BackgroundPosition("right")
-    val initial = BackgroundPosition("initial")
-    val inherit = BackgroundPosition("inherit")
-  }
+    companion object {
+        val left = BackgroundPosition("left")
+        val center = BackgroundPosition("center")
+        val right = BackgroundPosition("right")
+        val initial = BackgroundPosition("initial")
+        val inherit = BackgroundPosition("inherit")
+    }
 }

 class BackgroundRepeat(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val repeat = BackgroundRepeat("repeat")
-    val repeatX = BackgroundRepeat("repeat-x")
-    val repeatY = BackgroundRepeat("repeat-y")
-    val noRepeat = BackgroundRepeat("no-repeat")
-    val space = BackgroundRepeat("space")
-    val round = BackgroundRepeat("round")
-    val initial = BackgroundRepeat("initial")
-    val inherit = BackgroundRepeat("inherit")
-    val unset = BackgroundRepeat("unset")
-  }
+    companion object {
+        val repeat = BackgroundRepeat("repeat")
+        val repeatX = BackgroundRepeat("repeat-x")
+        val repeatY = BackgroundRepeat("repeat-y")
+        val noRepeat = BackgroundRepeat("no-repeat")
+        val space = BackgroundRepeat("space")
+        val round = BackgroundRepeat("round")
+        val initial = BackgroundRepeat("initial")
+        val inherit = BackgroundRepeat("inherit")
+        val unset = BackgroundRepeat("unset")
+    }
 }

 class BackgroundSize(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    fun px(px: Int) = BackgroundSize("${px}px")
-    fun perc(pc: Double) = BackgroundSize("${pc}%")
+    companion object {
+        fun px(px: Int) = BackgroundSize("${px}px")
+        fun perc(pc: Double) = BackgroundSize("${pc}%")

-    val auto = BackgroundSize("auto")
-    val cover = BackgroundSize("cover")
-    val contain = BackgroundSize("contain")
-    val initial = BackgroundSize("initial")
-    val inherit = BackgroundSize("inherit")
-  }
+        val auto = BackgroundSize("auto")
+        val cover = BackgroundSize("cover")
+        val contain = BackgroundSize("contain")
+        val initial = BackgroundSize("initial")
+        val inherit = BackgroundSize("inherit")
+    }
 }

--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Border.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Border.kt
@@ -1,78 +1,96 @@
 package nl.astraeus.css.properties

-class BorderStyle(
-  value: String
-) : CssProperty(value) {
+class BorderRadius(
+    value: String
+): CssProperty(value) {
+    companion object {
+        fun px(nr: Int) = BorderRadius("${nr}px")
+        fun em(nr: Int) = BorderRadius("${nr}em")
+        fun em(nr: Double) = BorderRadius("${nr}em")
+        fun perc(nr: Int) = BorderRadius("${nr}%")
+        fun perc(nr: Double) = BorderRadius("${nr}%")
+        fun pc(nr: Int) = BorderRadius("${nr}pc")
+        fun pc(nr: Double) = BorderRadius("${nr}pc")
+        fun cm(nr: Int) = BorderRadius("${nr}cm")
+        fun cm(nr: Double) = BorderRadius("${nr}cm")
+        val initial = BorderRadius("initial")
+        val inherit = BorderRadius("inherit")
+    }
+}

-  companion object {
-    val none = BorderStyle("none")
-    val hidden = BorderStyle("hidden")
-    val dotted = BorderStyle("dotted")
-    val dashed = BorderStyle("dashed")
-    val solid = BorderStyle("solid")
-    val double = BorderStyle("double")
-    val groove = BorderStyle("groove")
-    val ridge = BorderStyle("ridge")
-    val inset = BorderStyle("inset")
-    val outset = BorderStyle("outset")
-    val initial = BorderStyle("initial")
-    val inherit = BorderStyle("inherit")
-  }
+class BorderStyle(
+    value: String
+): CssProperty(value) {
+
+    companion object {
+        val none = BorderStyle("none")
+        val hidden = BorderStyle("hidden")
+        val dotted = BorderStyle("dotted")
+        val dashed = BorderStyle("dashed")
+        val solid = BorderStyle("solid")
+        val double = BorderStyle("double")
+        val groove = BorderStyle("groove")
+        val ridge = BorderStyle("ridge")
+        val inset = BorderStyle("inset")
+        val outset = BorderStyle("outset")
+        val initial = BorderStyle("initial")
+        val inherit = BorderStyle("inherit")
+    }
 }

 class BorderWidth(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val thin = BorderWidth("thin")
-    val medium = BorderWidth("medium")
-    val thick = BorderWidth("thick")
-    val initial = BorderWidth("initial")
-    val inherit = BorderWidth("inherit")
-  }
+    companion object {
+        val thin = BorderWidth("thin")
+        val medium = BorderWidth("medium")
+        val thick = BorderWidth("thick")
+        val initial = BorderWidth("initial")
+        val inherit = BorderWidth("inherit")
+    }
 }

 class BorderCollapse(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val separate = BorderCollapse("separate")
-    val collapse = BorderCollapse("collapse")
-  }
+    companion object {
+        val separate = BorderCollapse("separate")
+        val collapse = BorderCollapse("collapse")
+    }
 }

-class BorderImageWidth(
-  value: String
-) : CssProperty(value) {
+class BorderImageWidth (
+    value: String
+): CssProperty(value) {

-  companion object {
-    fun px(nr: Int) = BorderImageWidth("${nr}px")
-    fun nr(nr: Int) = BorderImageWidth("$nr")
-    fun perc(nr: Int) = BorderImageWidth("${nr}%")
-    fun perc(nr: Double) = BorderImageWidth("${nr}%")
-    val auto = BorderImageWidth("auto")
-    val initial = BorderImageWidth("initial")
-    val inherit = BorderImageWidth("inherit")
-  }
+    companion object {
+        fun px(nr: Int) = BorderImageWidth("${nr}px")
+        fun nr(nr: Int) = BorderImageWidth("$nr")
+        fun perc(nr: Int) = BorderImageWidth("${nr}%")
+        fun perc(nr: Double) = BorderImageWidth("${nr}%")
+        val auto = BorderImageWidth("auto")
+        val initial = BorderImageWidth("initial")
+        val inherit = BorderImageWidth("inherit")
+    }
 }

 class BorderSpacing(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    fun px(nr: Int) = BorderSpacing("${nr}px")
-    fun em(nr: Int) = BorderSpacing("${nr}em")
-    fun em(nr: Double) = BorderSpacing("${nr}em")
-    fun perc(nr: Int) = BorderSpacing("${nr}%")
-    fun perc(nr: Double) = BorderSpacing("${nr}%")
-    fun pc(nr: Int) = BorderSpacing("${nr}pc")
-    fun pc(nr: Double) = BorderSpacing("${nr}pc")
-    fun cm(nr: Int) = BorderSpacing("${nr}cm")
-    fun cm(nr: Double) = BorderSpacing("${nr}cm")
-    val initial = BorderSpacing("initial")
-    val inherit = BorderSpacing("inherit")
-  }
+    companion object {
+        fun px(nr: Int) = BorderSpacing("${nr}px")
+        fun em(nr: Int) = BorderSpacing("${nr}em")
+        fun em(nr: Double) = BorderSpacing("${nr}em")
+        fun perc(nr: Int) = BorderSpacing("${nr}%")
+        fun perc(nr: Double) = BorderSpacing("${nr}%")
+        fun pc(nr: Int) = BorderSpacing("${nr}pc")
+        fun pc(nr: Double) = BorderSpacing("${nr}pc")
+        fun cm(nr: Int) = BorderSpacing("${nr}cm")
+        fun cm(nr: Double) = BorderSpacing("${nr}cm")
+        val initial = BorderSpacing("initial")
+        val inherit = BorderSpacing("inherit")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Box.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Box.kt
@@ -1,40 +1,40 @@
 package nl.astraeus.css.properties

 class BoxDecorationBreak(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val slice = BoxDecorationBreak("slice")
-    val clone = BoxDecorationBreak("clone")
-    val initial = BoxDecorationBreak("initial")
-    val inherit = BoxDecorationBreak("inherit")
-    val unset = BoxDecorationBreak("unset")
-  }
+    companion object {
+        val slice = BoxDecorationBreak("slice")
+        val clone = BoxDecorationBreak("clone")
+        val initial = BoxDecorationBreak("initial")
+        val inherit = BoxDecorationBreak("inherit")
+        val unset = BoxDecorationBreak("unset")
+    }
 }

 class BoxShadow(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val none = BoxShadow("none")
-    val inset = BoxShadow("inset")
-    val initial = BoxShadow("initial")
-    val inherit = BoxShadow("inherit")
+    companion object {
+        val none = BoxShadow("none")
+        val inset = BoxShadow("inset")
+        val initial = BoxShadow("initial")
+        val inherit = BoxShadow("inherit")

-    fun text(txt: String) = BoxShadow(txt)
-  }
+        fun text(txt: String) = BoxShadow(txt)
+    }
 }

 class BoxSizing(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val contextBox = BoxSizing("content-box")
-    val borderBox = BoxSizing("border-box")
-    val initial = BoxShadow("initial")
-    val inherit = BoxShadow("inherit")
-  }
+    companion object {
+        val contextBox = BoxSizing("content-box")
+        val borderBox = BoxSizing("border-box")
+        val initial = BoxShadow("initial")
+        val inherit = BoxShadow("inherit")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Break.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Break.kt
@@ -2,26 +2,26 @@ package nl.astraeus.css.properties


 class Break(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val auto = Break("auto")
-    val all = Break("all")
-    val always = Break("always")
-    val avoid = Break("avoid")
-    val avoidColumn = Break("avoid-column")
-    val avoidPage = Break("avoid-page")
-    val avoidRegion = Break("avoid-region")
-    val column = Break("column")
-    val left = Break("left")
-    val page = Break("page")
-    val recto = Break("recto")
-    val region = Break("region")
-    val right = Break("right")
-    val verso = Break("verso")
-    val initial = Break("initial")
-    val inherit = Break("inherit")
-  }
+    companion object {
+        val auto = Break("auto")
+        val all = Break("all")
+        val always = Break("always")
+        val avoid = Break("avoid")
+        val avoidColumn = Break("avoid-column")
+        val avoidPage = Break("avoid-page")
+        val avoidRegion = Break("avoid-region")
+        val column = Break("column")
+        val left = Break("left")
+        val page = Break("page")
+        val recto = Break("recto")
+        val region = Break("region")
+        val right = Break("right")
+        val verso = Break("verso")
+        val initial = Break("initial")
+        val inherit = Break("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Calc.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Calc.kt
@@ -1,31 +0,0 @@
-package nl.astraeus.css.properties
-
-fun calc(expression: CalcExpression) = Calc(expression)
-
-infix operator fun CalcExpression.plus(other: CalcExpression) = CompoundCalcExpression(
-  this,
-  "+",
-  other
-)
-
-infix operator fun CalcExpression.minus(other: CalcExpression) = CompoundCalcExpression(
-  this,
-  "-",
-  other
-)
-
-interface CalcExpression
-
-class CompoundCalcExpression(
-  val left: CalcExpression,
-  val operator: String,
-  val right: CalcExpression
-): CalcExpression {
-  override fun toString(): String {
-    return "$left $operator $right"
-  }
-}
-
-class Calc(
-  expression: CalcExpression
-) : CssProperty(expression.toString())
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Caption.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Caption.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class CaptionSide(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val top = CaptionSide("top")
-    val bottom = CaptionSide("bottom")
-    val initial = CaptionSide("initial")
-    val inherit = CaptionSide("inherit")
-  }
+    companion object {
+        val top = CaptionSide("top")
+        val bottom = CaptionSide("bottom")
+        val initial = CaptionSide("initial")
+        val inherit = CaptionSide("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Clear.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Clear.kt
@@ -2,16 +2,16 @@ package nl.astraeus.css.properties


 class Clear(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    val none = Clear("none")
-    val left = Clear("left")
-    val right = Clear("right")
-    val both = Clear("both")
-    val initial = Clear("initial")
-    val inherit = Clear("inherit")
-  }
+    companion object {
+        val none = Clear("none")
+        val left = Clear("left")
+        val right = Clear("right")
+        val both = Clear("both")
+        val initial = Clear("initial")
+        val inherit = Clear("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Clip.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Clip.kt
@@ -1,57 +1,57 @@
 package nl.astraeus.css.properties

 class Clip(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    fun rect(top: Int, right: Int, bottom: Int, left: Int) = Clip("rect(${top}px,${right}px,${bottom}px,${left}px)")
-    val auto = Clip("auto")
-    val initial = Clip("initial")
-    val inherit = Clip("inherit")
+    companion object {
+        fun rect(top: Int, right: Int, bottom: Int, left: Int) = Clip("rect(${top}px,${right}px,${bottom}px,${left}px)")
+        val auto = Clip("auto")
+        val initial = Clip("initial")
+        val inherit = Clip("inherit")

-  }
+    }
 }

 class ClipPath(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = ClipPath("auto")
-    fun circle(perc: Double) = ClipPath("circle(${perc}%)")
-    fun ellipse(radiusX: Double, radiusY: Double) = ClipPath("ellipse(${radiusX}%,${radiusY}%)")
-    fun ellipse(
-      radiusX: Double,
-      radiusY: Double,
-      positionX: Double,
-      positionY: Double
-    ) = ClipPath("ellipse(${radiusX}%,${radiusY}% at ${positionX}%,${positionY}%)")
+    companion object {
+        val auto = ClipPath("auto")
+        fun circle(perc: Double) = ClipPath("circle(${perc}%)")
+        fun ellipse(radiusX: Double, radiusY: Double) = ClipPath("ellipse(${radiusX}%,${radiusY}%)")
+        fun ellipse(
+            radiusX: Double,
+            radiusY: Double,
+            positionX: Double,
+            positionY: Double
+        ) = ClipPath("ellipse(${radiusX}%,${radiusY}% at ${positionX}%,${positionY}%)")

-    // todo: other options
-    fun other(text: String) = ClipPath(text)
+        // todo: other options
+        fun other(text: String) = ClipPath(text)

-    val marginBox = ClipPath("margin-box")
-    val borderBox = ClipPath("border-box")
-    val paddingBox = ClipPath("padding-box")
-    val contentBox = ClipPath("content-box")
-    val fillBox = ClipPath("fill-box")
-    val strokeBox = ClipPath("stroke-box")
-    val viewBox = ClipPath("view-box")
-    val none = ClipPath("none")
-  }
+        val marginBox = ClipPath("margin-box")
+        val borderBox = ClipPath("border-box")
+        val paddingBox = ClipPath("padding-box")
+        val contentBox = ClipPath("content-box")
+        val fillBox = ClipPath("fill-box")
+        val strokeBox = ClipPath("stroke-box")
+        val viewBox = ClipPath("view-box")
+        val none = ClipPath("none")
+    }
 }

 class ClipOrigin(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val borderBox = ClipOrigin("border-box")
-    val paddingBox = ClipOrigin("padding-box")
-    val contentBox = ClipOrigin("content-box")
-    val initial = ClipOrigin("initial")
-    val inherit = ClipOrigin("inherit")
+    companion object {
+        val borderBox = ClipOrigin("border-box")
+        val paddingBox = ClipOrigin("padding-box")
+        val contentBox = ClipOrigin("content-box")
+        val initial = ClipOrigin("initial")
+        val inherit = ClipOrigin("inherit")

-  }
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Color.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Color.kt
@@ -5,25 +5,6 @@ import kotlin.math.abs
 import kotlin.math.max
 import kotlin.math.roundToInt

-private val hexString = "0123456789abcdef"
-
-private fun Int.toColorHex(minimumDigits: Int = 2): String {
-  val result = StringBuilder()
-  var value = this
-
-  while(value > 0) {
-    result.append(hexString[value%16])
-
-    value /= 16
-  }
-
-  while(result.length < minimumDigits) {
-    result.append("0")
-  }
-
-  return result.reverse().toString()
-}
-
 /**
 * See [CSS Color Module Level 3](https://www.w3.org/TR/2018/REC-css-color-3-20180619/)
 *
@@ -49,345 +30,6 @@ class Color(value: String) : CssProperty(value) {
    this.rgb = rgb
  }

-  fun hasAlpha(): Boolean = isRgba() || isHexa() || isHsla()
-
-  fun getAlpha(): Double = when {
-    isHexa() || isRgba() -> {
-      toRGBA().alpha
-    }
-    isHsla() -> {
-      fromHSLANotation().alpha
-    }
-    else -> {
-      1.0
-    }
-  }
-
-  fun toHex(): String  = if (isHsla() || isHsl()) {
-    fromHSLANotation().asRGBA().asHex()
-  } else {
-    toRGBA().asHex()
-  }
-
-  fun isHsla(): Boolean {
-    val v = rgb ?: value
-
-    return v.startsWith("hsla")
-  }
-
-  fun isHsl(): Boolean {
-    val v = rgb ?: value
-
-    return v.startsWith("hsl(")
-  }
-
-  fun isRgba(): Boolean {
-    val v = rgb ?: value
-
-    return v.startsWith("rgba(")
-  }
-
-  fun isRgb(): Boolean {
-    val v = rgb ?: value
-
-    return v.startsWith("rgb(")
-  }
-
-  fun isHex(): Boolean {
-    val v = rgb ?: value
-
-    return v.startsWith("#") && v.length < 8
-  }
-
-  fun isHexa(): Boolean {
-    val v = rgb ?: value
-
-    return v.startsWith("#") && v.length > 7
-  }
-
-  /**
-   * withAlpha preserves existing alpha value: rgba(0, 0, 0, 0.5).withAlpha(0.1) = rgba(0, 0, 0, 0.05)
-   */
-  fun withAlpha(alpha: Double) =
-    when {
-      value.startsWith("hsl", true) -> with(fromHSLANotation()) { hsla(hue, saturation, lightness, normalizeAlpha(alpha) * this.alpha) }
-      else -> with(toRGBA()) { rgba(red, green, blue, normalizeAlpha(alpha) * this.alpha) }
-    }
-
-  /**
-   * changeAlpha rewrites existing alpha value: rgba(0, 0, 0, 0.5).withAlpha(0.1) = rgba(0, 0, 0, 0.1)
-   */
-  fun changeAlpha(alpha: Double) =
-    when {
-      value.startsWith("hsl", true) -> with(fromHSLANotation()) { hsla(hue, saturation, lightness, normalizeAlpha(alpha)) }
-      else -> with(toRGBA()) { rgba(red, green, blue, normalizeAlpha(alpha)) }
-    }
-
-  // https://stackoverflow.com/questions/2049230/convert-rgba-color-to-rgb
-  fun blend(backgroundColor: Color): Color {
-    val source = this.toRGBA()
-    val background = backgroundColor.toRGBA()
-
-    val targetR = ((1 - source.alpha) * background.red) + (source.alpha * source.red)
-    val targetG = ((1 - source.alpha) * background.green) + (source.alpha * source.green)
-    val targetB = ((1 - source.alpha) * background.blue) + (source.alpha * source.blue)
-
-    return rgb(targetR.roundToInt(), targetG.roundToInt(), targetB.roundToInt())
-  }
-
-  /**
-   * Lighten the color by the specified percent (between 0-100), returning a new instance of Color.
-   *
-   * @param percent the percent to lighten the Color
-   * @return a new lightened version of this color
-   */
-  fun lighten(percent: Int): Color {
-    val isHSLA = value.startsWith("hsl", ignoreCase = true)
-    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
-
-    val lightness = hsla.lightness + (hsla.lightness * (normalizePercent(percent) / 100.0)).roundToInt()
-    val newHSLa = hsla.copy(lightness = normalizePercent(lightness))
-    return if (isHSLA) {
-      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
-    } else {
-      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
-    }
-  }
-
-  /**
-   * Darken the color by the specified percent (between 0-100), returning a new instance of Color.
-   *
-   * @param percent the percent to darken the Color
-   * @return a new darkened version of this color
-   */
-  fun darken(percent: Int): Color {
-    val isHSLA = value.startsWith("hsl", ignoreCase = true)
-    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
-
-    val darkness = hsla.lightness - (hsla.lightness * (normalizePercent(percent) / 100.0)).roundToInt()
-    val newHSLa = hsla.copy(lightness = normalizePercent(darkness))
-    return if (isHSLA) {
-      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
-    } else {
-      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
-    }
-  }
-
-  /**
-   * Increase contrast, if lightness > 50 then darken else lighten
-   *
-   * @param percent the percent to lighten/darken the Color
-   * @return a new ligtened/darkened version of this color
-   */
-  fun contrast(percent: Int): Color {
-    val isHSLA = value.startsWith("hsl", ignoreCase = true)
-    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
-
-    val darkness = if (hsla.lightness > 50) {
-      hsla.lightness - (hsla.lightness * (normalizePercent(percent) / 100.0)).roundToInt()
-    } else {
-      hsla.lightness + (hsla.lightness * (normalizePercent(percent) / 100.0)).roundToInt()
-    }
-
-    val newHSLa = hsla.copy(lightness = normalizePercent(darkness))
-    return if (isHSLA) {
-      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
-    } else {
-      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
-    }
-  }
-
-  /**
-   * Saturate the color by the specified percent (between 0-100), returning a new instance of Color.
-   *
-   * @param percent the percent to saturate the Color
-   * @return a new saturated version of this color
-   */
-  fun saturate(percent: Int): Color {
-    val isHSLA = value.startsWith("hsl", ignoreCase = true)
-    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
-
-    val saturation = hsla.saturation + (hsla.saturation * (normalizePercent(percent) / 100.0)).roundToInt()
-    val newHSLa = hsla.copy(saturation = normalizePercent(saturation))
-    return if (isHSLA) {
-      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
-    } else {
-      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
-    }
-  }
-
-  /**
-   * Desaturate the color by the specified percent (between 0-100), returning a new instance of Color.
-   *
-   * @param percent the percent to desaturate the Color
-   * @return a new desaturated version of this color
-   */
-  fun desaturate(percent: Int): Color {
-    val isHSLA = value.startsWith("hsl", ignoreCase = true)
-    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
-
-    val desaturation = hsla.saturation - (hsla.saturation * (normalizePercent(percent) / 100.0)).roundToInt()
-    val newHSLa = hsla.copy(saturation = normalizePercent(desaturation))
-    return if (isHSLA) {
-      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
-    } else {
-      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
-    }
-  }
-
-  internal data class RGBA(
-    val red: Int,
-    val green: Int,
-    val blue: Int,
-    val alpha: Double = 1.0
-  ) {
-
-    // Algorithm adapted from http://www.niwa.nu/2013/05/math-behind-colorspace-conversions-rgb-hsl/
-    fun asHSLA(): HSLA {
-      // scale R, G, B values into 0..1 fractions
-      val r = red / 255.0
-      val g = green / 255.0
-      val b = blue / 255.0
-
-      val cMax = maxOf(r, g, b)
-      val cMin = minOf(r, g, b)
-      val chroma = cMax - cMin
-
-      val lg = normalizeFractionalPercent((cMax + cMin) / 2)
-      val s = if (chroma != 0.0) normalizeFractionalPercent(chroma / (1.0 - abs((2.0 * lg) - 1.0))) else 0.0
-      val h = when (cMax) {
-        cMin -> 0.0
-        r -> 60 * (((g - b) / chroma) % 6.0)
-        g -> 60 * (((b - r) / chroma) + 2)
-        b -> 60 * (((r - g) / chroma) + 4)
-        else -> error("Unexpected value for max") // theoretically unreachable bc maxOf(r, g, b) above
-      }
-
-      return HSLA(normalizeHue(h), (s * 100).roundToInt(), (lg * 100).roundToInt(), alpha)
-    }
-
-    fun asHex(): String {
-      val result = StringBuilder()
-
-      result.append(red.toColorHex(2))
-      result.append(green.toColorHex(2))
-      result.append(blue.toColorHex(2))
-
-      return result.toString()
-    }
-  }
-
-  internal data class HSLA(
-    val hue: Int,
-    val saturation: Int,
-    val lightness: Int,
-    val alpha: Double = 1.0
-  ) {
-
-    // Algorithm from W3C link referenced in class comment (section 4.2.4. HSL color values)
-    fun asRGBA(): RGBA {
-      fun hueToRGB(m1: Double, m2: Double, h: Double): Double {
-        val hu = if (h < 0) h + 1 else if (h > 1) h - 1 else h
-        return when {
-          (hu < 1.0 / 6) -> m1 + (m2 - m1) * 6 * hu
-          (hu < 1.0 / 2) -> m2
-          (hu < 2.0 / 3) -> m1 + ((m2 - m1) * 6 * (2.0 / 3 - hu))
-          else -> m1
-        }
-      }
-
-      val lightness255 = lightness * 255 / 100
-      if (saturation == 0) return RGBA(lightness255, lightness255, lightness255)
-
-      // scale H, S, V values into 0..1 fractions
-      val h = (hue % 360.0) / 360.0
-      val s = saturation / 100.0
-      val lg = lightness / 100.0
-
-      val m2 = if (lg < 0.5) lg * (1 + s) else (lg + s - lg * s)
-      val m1 = 2 * lg - m2
-      val r = normalizeFractionalPercent(hueToRGB(m1, m2, h + (1.0 / 3)))
-      val g = normalizeFractionalPercent(hueToRGB(m1, m2, h))
-      val b = normalizeFractionalPercent(hueToRGB(m1, m2, h - (1.0 / 3)))
-      return RGBA((r * 255).roundToInt(), (g * 255).roundToInt(), (b * 255).roundToInt(), alpha)
-    }
-  }
-
-  internal fun fromHSLANotation(): HSLA {
-    val match = HSLA_REGEX.find(value)
-
-    fun getHSLParameter(index: Int) =
-      match?.groups?.get(index)?.value
-        ?: throw IllegalArgumentException("Expected hsl or hsla notation, got $value")
-
-    val hueShape = getHSLParameter(1)
-    val hue = normalizeHue(
-      when {
-        hueShape.endsWith("grad", true) -> hueShape.substringBefore("grad").toDouble() * (9.0 / 10)
-        hueShape.endsWith("rad", true) -> (hueShape.substringBefore("rad").toDouble() * 180) / PI
-        hueShape.endsWith("turn", true) -> hueShape.substringBefore("turn").toDouble() * 360.0
-        hueShape.endsWith("deg", true) -> hueShape.substringBefore("deg").toDouble()
-        else -> hueShape.toDouble()
-      }
-    )
-    val saturation = normalizePercent(getHSLParameter(2).toInt())
-    val lightness = normalizePercent(getHSLParameter(3).toInt())
-    val alpha = normalizeAlpha(match?.groups?.get(4)?.value?.toDouble() ?: 1.0)
-
-    return HSLA(hue, saturation, lightness, alpha)
-  }
-
-  internal fun fromRGBANotation(): RGBA {
-    val match = RGBA_REGEX.find(value)
-
-    fun getRGBParameter(index: Int): Int {
-      val group = match?.groups?.get(index)?.value
-        ?: throw IllegalArgumentException("Expected rgb or rgba notation, got $value")
-
-      return when {
-        (group.endsWith('%')) -> (normalizeFractionalPercent(group.substringBefore('%').toDouble() / 100.0) * 255.0).toInt()
-        else -> normalizeRGB(group.toInt())
-      }
-    }
-
-    val red = getRGBParameter(1)
-    val green = getRGBParameter(2)
-    val blue = getRGBParameter(3)
-    val alpha = normalizeAlpha(match?.groups?.get(4)?.value?.toDouble() ?: 1.0)
-
-    return RGBA(red, green, blue, alpha)
-  }
-
-  internal fun toRGBA(): RGBA {
-    val v = rgb ?: value
-    return when {
-      v.startsWith("rgb") -> fromRGBANotation()
-
-      // Matches #rgb
-      v.startsWith("#") && v.length == 4 -> RGBA(
-        "${v[1]}${v[1]}".toInt(16),
-        "${v[2]}${v[2]}".toInt(16),
-        "${v[3]}${v[3]}".toInt(16)
-      )
-
-      // Matches both #rrggbb
-      v.startsWith("#") && v.length == 7 -> RGBA(
-        (v.substring(1..2)).toInt(16),
-        (v.substring(3..4)).toInt(16),
-        (v.substring(5..6)).toInt(16)
-      )
-
-      // Matches both #rrggbbaa
-      v.startsWith("#") && v.length == 9 -> RGBA(
-        (v.substring(1..2)).toInt(16),
-        (v.substring(3..4)).toInt(16),
-        (v.substring(5..6)).toInt(16),
-        (v.substring(7..8)).toInt(16) / 255.0
-      )
-      else -> throw IllegalArgumentException("Only hexadecimal, rgb, and rgba notations are accepted, got $v")
-    }
-  }
-
  companion object {
    val initial = Color("initial")
    val inherit = Color("inherit")
@@ -577,6 +219,270 @@ class Color(value: String) : CssProperty(value) {
      )
    }
  }
+
+  /**
+   * withAlpha preserves existing alpha value: rgba(0, 0, 0, 0.5).withAlpha(0.1) = rgba(0, 0, 0, 0.05)
+   */
+  fun withAlpha(alpha: Double) =
+    when {
+      value.startsWith("hsl", true) -> with(fromHSLANotation()) { hsla(hue, saturation, lightness, normalizeAlpha(alpha) * this.alpha) }
+      else -> with(toRGBA()) { rgba(red, green, blue, normalizeAlpha(alpha) * this.alpha) }
+    }
+
+  /**
+   * changeAlpha rewrites existing alpha value: rgba(0, 0, 0, 0.5).withAlpha(0.1) = rgba(0, 0, 0, 0.1)
+   */
+  fun changeAlpha(alpha: Double) =
+    when {
+      value.startsWith("hsl", true) -> with(fromHSLANotation()) { hsla(hue, saturation, lightness, normalizeAlpha(alpha)) }
+      else -> with(toRGBA()) { rgba(red, green, blue, normalizeAlpha(alpha)) }
+    }
+
+  // https://stackoverflow.com/questions/2049230/convert-rgba-color-to-rgb
+  fun blend(backgroundColor: Color): Color {
+    val source = this.toRGBA()
+    val background = backgroundColor.toRGBA()
+
+    val targetR = ((1 - source.alpha) * background.red) + (source.alpha * source.red)
+    val targetG = ((1 - source.alpha) * background.green) + (source.alpha * source.green)
+    val targetB = ((1 - source.alpha) * background.blue) + (source.alpha * source.blue)
+
+    return rgb(targetR.roundToInt(), targetG.roundToInt(), targetB.roundToInt())
+  }
+
+  /**
+   * Lighten the color by the specified percent (between 0-100), returning a new instance of Color.
+   *
+   * @param percent the percent to lighten the Color
+   * @return a new lightened version of this color
+   */
+  fun lighten(percent: Int): Color {
+    val isHSLA = value.startsWith("hsl", ignoreCase = true)
+    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
+
+    val lightness = hsla.lightness + (hsla.lightness * (normalizePercent(percent) / 100.0)).roundToInt()
+    val newHSLa = hsla.copy(lightness = normalizePercent(lightness))
+    return if (isHSLA) {
+      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
+    } else {
+      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
+    }
+  }
+
+  /**
+   * Darken the color by the specified percent (between 0-100), returning a new instance of Color.
+   *
+   * @param percent the percent to darken the Color
+   * @return a new darkened version of this color
+   */
+  fun darken(percent: Int): Color {
+    val isHSLA = value.startsWith("hsl", ignoreCase = true)
+    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
+
+    val darkness = hsla.lightness - (hsla.lightness * (normalizePercent(percent) / 100.0)).roundToInt()
+    val newHSLa = hsla.copy(lightness = normalizePercent(darkness))
+    return if (isHSLA) {
+      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
+    } else {
+      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
+    }
+  }
+
+  /**
+   * Increase contrast, if lightness > 50 then darken else lighten
+   *
+   * @param percent the percent to lighten/darken the Color
+   * @return a new ligtened/darkened version of this color
+   */
+  fun contrast(percent: Int): Color {
+    val isHSLA = value.startsWith("hsl", ignoreCase = true)
+    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
+
+    val darkness = if (hsla.lightness > 50) {
+      hsla.lightness - (hsla.lightness * (normalizePercent(percent) / 100.0)).roundToInt()
+    } else {
+      hsla.lightness + (hsla.lightness * (normalizePercent(percent) / 100.0)).roundToInt()
+    }
+
+    val newHSLa = hsla.copy(lightness = normalizePercent(darkness))
+    return if (isHSLA) {
+      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
+    } else {
+      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
+    }
+  }
+
+  /**
+   * Saturate the color by the specified percent (between 0-100), returning a new instance of Color.
+   *
+   * @param percent the percent to saturate the Color
+   * @return a new saturated version of this color
+   */
+  fun saturate(percent: Int): Color {
+    val isHSLA = value.startsWith("hsl", ignoreCase = true)
+    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
+
+    val saturation = hsla.saturation + (hsla.saturation * (normalizePercent(percent) / 100.0)).roundToInt()
+    val newHSLa = hsla.copy(saturation = normalizePercent(saturation))
+    return if (isHSLA) {
+      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
+    } else {
+      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
+    }
+  }
+
+  /**
+   * Desaturate the color by the specified percent (between 0-100), returning a new instance of Color.
+   *
+   * @param percent the percent to desaturate the Color
+   * @return a new desaturated version of this color
+   */
+  fun desaturate(percent: Int): Color {
+    val isHSLA = value.startsWith("hsl", ignoreCase = true)
+    val hsla = if (isHSLA) fromHSLANotation() else toRGBA().asHSLA()
+
+    val desaturation = hsla.saturation - (hsla.saturation * (normalizePercent(percent) / 100.0)).roundToInt()
+    val newHSLa = hsla.copy(saturation = normalizePercent(desaturation))
+    return if (isHSLA) {
+      hsla(newHSLa.hue, newHSLa.saturation, newHSLa.lightness, newHSLa.alpha)
+    } else {
+      with(newHSLa.asRGBA()) { rgba(red, green, blue, alpha) }
+    }
+  }
+
+  internal data class RGBA(
+    val red: Int,
+    val green: Int,
+    val blue: Int,
+    val alpha: Double = 1.0
+  ) {
+
+    // Algorithm adapted from http://www.niwa.nu/2013/05/math-behind-colorspace-conversions-rgb-hsl/
+    fun asHSLA(): HSLA {
+      // scale R, G, B values into 0..1 fractions
+      val r = red / 255.0
+      val g = green / 255.0
+      val b = blue / 255.0
+
+      val cMax = maxOf(r, g, b)
+      val cMin = minOf(r, g, b)
+      val chroma = cMax - cMin
+
+      val lg = normalizeFractionalPercent((cMax + cMin) / 2)
+      val s = if (chroma != 0.0) normalizeFractionalPercent(chroma / (1.0 - abs((2.0 * lg) - 1.0))) else 0.0
+      val h = when (cMax) {
+        cMin -> 0.0
+        r -> 60 * (((g - b) / chroma) % 6.0)
+        g -> 60 * (((b - r) / chroma) + 2)
+        b -> 60 * (((r - g) / chroma) + 4)
+        else -> error("Unexpected value for max") // theoretically unreachable bc maxOf(r, g, b) above
+      }
+
+      return HSLA(normalizeHue(h), (s * 100).roundToInt(), (lg * 100).roundToInt(), alpha)
+    }
+  }
+
+  internal data class HSLA(
+    val hue: Int,
+    val saturation: Int,
+    val lightness: Int,
+    val alpha: Double = 1.0
+  ) {
+
+    // Algorithm from W3C link referenced in class comment (section 4.2.4. HSL color values)
+    fun asRGBA(): RGBA {
+      fun hueToRGB(m1: Double, m2: Double, h: Double): Double {
+        val hu = if (h < 0) h + 1 else if (h > 1) h - 1 else h
+        return when {
+          (hu < 1.0 / 6) -> m1 + (m2 - m1) * 6 * hu
+          (hu < 1.0 / 2) -> m2
+          (hu < 2.0 / 3) -> m1 + ((m2 - m1) * 6 * (2.0 / 3 - hu))
+          else -> m1
+        }
+      }
+
+      if (saturation == 0) return RGBA(lightness, lightness, lightness)
+
+      // scale H, S, V values into 0..1 fractions
+      val h = (hue % 360.0) / 360.0
+      val s = saturation / 100.0
+      val lg = lightness / 100.0
+
+      val m2 = if (lg < 0.5) lg * (1 + s) else (lg + s - lg * s)
+      val m1 = 2 * lg - m2
+      val r = normalizeFractionalPercent(hueToRGB(m1, m2, h + (1.0 / 3)))
+      val g = normalizeFractionalPercent(hueToRGB(m1, m2, h))
+      val b = normalizeFractionalPercent(hueToRGB(m1, m2, h - (1.0 / 3)))
+      return RGBA((r * 255).roundToInt(), (g * 255).roundToInt(), (b * 255).roundToInt(), alpha)
+    }
+  }
+
+  internal fun fromHSLANotation(): HSLA {
+    val match = HSLA_REGEX.find(value)
+
+    fun getHSLParameter(index: Int) =
+      match?.groups?.get(index)?.value
+        ?: throw IllegalArgumentException("Expected hsl or hsla notation, got $value")
+
+    val hueShape = getHSLParameter(1)
+    val hue = normalizeHue(
+      when {
+        hueShape.endsWith("grad", true) -> hueShape.substringBefore("grad").toDouble() * (9.0 / 10)
+        hueShape.endsWith("rad", true) -> (hueShape.substringBefore("rad").toDouble() * 180) / PI
+        hueShape.endsWith("turn", true) -> hueShape.substringBefore("turn").toDouble() * 360.0
+        hueShape.endsWith("deg", true) -> hueShape.substringBefore("deg").toDouble()
+        else -> hueShape.toDouble()
+      }
+    )
+    val saturation = normalizePercent(getHSLParameter(2).toInt())
+    val lightness = normalizePercent(getHSLParameter(3).toInt())
+    val alpha = normalizeAlpha(match?.groups?.get(4)?.value?.toDouble() ?: 1.0)
+
+    return HSLA(hue, saturation, lightness, alpha)
+  }
+
+  internal fun fromRGBANotation(): RGBA {
+    val match = RGBA_REGEX.find(value)
+
+    fun getRGBParameter(index: Int): Int {
+      val group = match?.groups?.get(index)?.value
+        ?: throw IllegalArgumentException("Expected rgb or rgba notation, got $value")
+
+      return when {
+        (group.endsWith('%')) -> (normalizeFractionalPercent(group.substringBefore('%').toDouble() / 100.0) * 255.0).toInt()
+        else -> normalizeRGB(group.toInt())
+      }
+    }
+
+    val red = getRGBParameter(1)
+    val green = getRGBParameter(2)
+    val blue = getRGBParameter(3)
+    val alpha = normalizeAlpha(match?.groups?.get(4)?.value?.toDouble() ?: 1.0)
+
+    return RGBA(red, green, blue, alpha)
+  }
+
+  internal fun toRGBA(): RGBA {
+    val v = rgb ?: value
+    return when {
+      v.startsWith("rgb") -> fromRGBANotation()
+
+      // Matches #rgb
+      v.startsWith("#") && v.length == 4 -> RGBA(
+        "${v[1]}${v[1]}".toInt(16),
+        "${v[2]}${v[2]}".toInt(16),
+        "${v[3]}${v[3]}".toInt(16)
+      )
+
+      // Matches both #rrggbb and #rrggbbaa
+      v.startsWith("#") && (v.length == 7 || v.length == 9) -> RGBA(
+        (v.substring(1..2)).toInt(16),
+        (v.substring(3..4)).toInt(16),
+        (v.substring(5..6)).toInt(16)
+      )
+      else -> throw IllegalArgumentException("Only hexadecimal, rgb, and rgba notations are accepted, got $v")
+    }
+  }
 }

 private fun String.withZeros() = this + "0".repeat(max(0, 3 - this.length))
@@ -585,8 +491,6 @@ fun rgb(red: Int, green: Int, blue: Int) = Color("rgb($red, $green, $blue)")
 fun rgba(red: Int, green: Int, blue: Int, alpha: Double) = Color("rgba($red, $green, $blue, ${formatAlpha(alpha)})")
 fun hsl(hue: Int, saturation: Int, lightness: Int) = Color("hsl($hue, $saturation%, $lightness%)")
 fun hsla(hue: Int, saturation: Int, lightness: Int, alpha: Double) = Color("hsla($hue, $saturation%, $lightness%, ${formatAlpha(alpha)})")
-fun oklch(lightness: Int, chroma: Double, hue: Double) = Color("oklch($lightness% $chroma $hue)")
-fun oklch(lightness: Int, chroma: Double, hue: Double, alpha: Double) = Color("oklch($lightness% $chroma $hue / ${formatAlpha(alpha)})")
 fun blackAlpha(alpha: Double) = Color.black.withAlpha(alpha)
 fun whiteAlpha(alpha: Double) = Color.white.withAlpha(alpha)

--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Common.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Common.kt
@@ -1,33 +1,33 @@
 package nl.astraeus.css.properties

 class Length(
-  value: String
-) : CssProperty(value) {
+    value: String
+): CssProperty(value) {

-  companion object {
-    fun px(nr: Int) = Length("${nr}px")
-    fun em(nr: Int) = Length("${nr}em")
-    fun em(nr: Double) = Length("${nr}em")
-    fun perc(nr: Int) = Length("${nr}%")
-    fun perc(nr: Double) = Length("${nr}%")
-    fun pc(nr: Int) = Length("${nr}pc")
-    fun pc(nr: Double) = Length("${nr}pc")
-    fun cm(nr: Int) = Length("${nr}cm")
-    fun cm(nr: Double) = Length("${nr}cm")
-    val initial = Length("initial")
-    val inherit = Length("inherit")
-  }
+    companion object {
+        fun px(nr: Int) = Length("${nr}px")
+        fun em(nr: Int) = Length("${nr}em")
+        fun em(nr: Double) = Length("${nr}em")
+        fun perc(nr: Int) = Length("${nr}%")
+        fun perc(nr: Double) = Length("${nr}%")
+        fun pc(nr: Int) = Length("${nr}pc")
+        fun pc(nr: Double) = Length("${nr}pc")
+        fun cm(nr: Int) = Length("${nr}cm")
+        fun cm(nr: Double) = Length("${nr}cm")
+        val initial = Length("initial")
+        val inherit = Length("inherit")
+    }

 }

 class Fill(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val balance = Fill("balance")
-    val auto = Fill("auto")
-    val initial = Fill("initial")
-    val inherit = Fill("inherit")
-  }
+    companion object {
+        val balance = Fill("balance")
+        val auto = Fill("auto")
+        val initial = Fill("initial")
+        val inherit = Fill("inherit")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Content.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Content.kt
@@ -1,23 +1,23 @@
 package nl.astraeus.css.properties

 class Content(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = Content("normal")
-    val none = Content("none")
-    val counter = Content("counter")
-    val openQuote = Content("open-quote")
-    val closeQuote = Content("close-quote")
-    val noOpenQuote = Content("no-open-quote")
-    val noCloseQuote = Content("no-close-quote")
-    val initial = Content("initial")
-    val inherit = Content("inherit")
+    companion object {
+        val normal = Content("normal")
+        val none = Content("none")
+        val counter = Content("counter")
+        val openQuote = Content("open-quote")
+        val closeQuote = Content("close-quote")
+        val noOpenQuote = Content("no-open-quote")
+        val noCloseQuote = Content("no-close-quote")
+        val initial = Content("initial")
+        val inherit = Content("inherit")

-    fun attr(attribute: String) = Content("attr($attribute)")
-    fun string(txt: String) = Content("\"$txt\"")
-    fun url(url: String) = Content("url($url)")
-  }
+        fun attr(attribute: String) = Content("attr($attribute)")
+        fun string(txt: String) = Content("\"$txt\"")
+        fun url(url: String) = Content("url($url)")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Count.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Count.kt
@@ -1,15 +1,15 @@
 package nl.astraeus.css.properties

-class Count(
-  value: String
+class  Count(
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto: Count = Count("auto")
-    val infinite: Count = Count("infinite")
-    val initial: Count = Count("initial")
-    val inherit: Count = Count("inherit")
+    companion object {
+        val auto: Count = Count("auto")
+        val infinite: Count = Count("infinite")
+        val initial: Count = Count("initial")
+        val inherit: Count = Count("inherit")

-    fun count(number: Int): Count = Count("$number")
-  }
+        fun count(number: Int): Count = Count("$number")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/CssFloat.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/CssFloat.kt
@@ -1,15 +1,15 @@
 package nl.astraeus.css.properties

 class CssFloat(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = CssFloat("none")
-    val left = CssFloat("left")
-    val right = CssFloat("right")
-    val initial = CssFloat("initial")
-    val inherit = CssFloat("inherit")
-  }
+    companion object {
+        val none = CssFloat("none")
+        val left = CssFloat("left")
+        val right = CssFloat("right")
+        val initial = CssFloat("initial")
+        val inherit = CssFloat("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/CssProperty.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/CssProperty.kt
@@ -1,20 +1,19 @@
 package nl.astraeus.css.properties

 interface CssValue {
-  fun css(): String
+    fun css(): String
 }

 open class CssProperty(
-  var value: String
-) : CssValue {
+    var value: String
+): CssValue {

-  override fun css(): String = value
+    override fun css(): String = value

-  override fun toString(): String = value
 }

 fun text(value: String) = TextProperty(value)

 class TextProperty(
-  value: String
-) : CssProperty(value)
+    value: String
+): CssProperty(value)
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/DelayDuration.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/DelayDuration.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class DelayDuration(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val initial = DelayDuration("initial")
-    val inherit = DelayDuration("inherit")
+    companion object {
+        val initial = DelayDuration("initial")
+        val inherit = DelayDuration("inherit")

-    fun seconds(seconds: Int) = DelayDuration("${seconds}s")
-    fun millis(milliSeconds: Int) = DelayDuration("${milliSeconds}ms")
-  }
+        fun seconds(seconds: Int) = DelayDuration("${seconds}s")
+        fun millis(milliSeconds: Int) = DelayDuration("${milliSeconds}ms")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Direction.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Direction.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class Direction(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val ltr = Direction("ltr")
-    val rtl = Direction("rtl")
-    val initial = Direction("initial")
-    val inherit = Direction("inherit")
-  }
+    companion object {
+        val ltr = Direction("ltr")
+        val rtl = Direction("rtl")
+        val initial = Direction("initial")
+        val inherit = Direction("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Display.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Display.kt
@@ -1,33 +1,33 @@
 package nl.astraeus.css.properties

 class Display(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val inline = Display("inline")
-    val block = Display("block")
-    val contents = Display("contents")
-    val flex = Display("flex")
-    val grid = Display("grid")
-    val inlineBlock = Display("inline-block")
-    val inlineFlex = Display("inline-flex")
-    val inlineGrid = Display("inline-grid")
-    val inlineTable = Display("inline-table")
-    val listItem = Display("list-item")
-    val runIn = Display("run-in")
-    val table = Display("table")
-    val tableCaption = Display("table-caption")
-    val tableColumnGroup = Display("table-column-group")
-    val tableHeaderGroup = Display("table-header-group")
-    val tableFooterGroup = Display("table-footer-group")
-    val tableRowGroup = Display("table-row-group")
-    val tableCell = Display("table-cell")
-    val tableColumn = Display("table-column")
-    val tableRow = Display("table-row")
-    val none = Display("none")
-    val initial = Display("initial")
-    val inherit = Display("inherit")
-  }
+    companion object {
+        val inline = Display("inline")
+        val block = Display("block")
+        val contents = Display("contents")
+        val flex = Display("flex")
+        val grid = Display("grid")
+        val inlineBlock = Display("inline-block")
+        val inlineFlex = Display("inline-flex")
+        val inlineGrid = Display("inline-grid")
+        val inlineTable = Display("inline-table")
+        val listItem = Display("list-item")
+        val runIn = Display("run-in")
+        val table = Display("table")
+        val tableCaption = Display("table-caption")
+        val tableColumnGroup = Display("table-column-group")
+        val tableHeaderGroup = Display("table-header-group")
+        val tableFooterGroup = Display("table-footer-group")
+        val tableRowGroup = Display("table-row-group")
+        val tableCell = Display("table-cell")
+        val tableColumn = Display("table-column")
+        val tableRow = Display("table-row")
+        val none = Display("none")
+        val initial = Display("initial")
+        val inherit = Display("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/EmptyCells.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/EmptyCells.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class EmptyCells(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val show = EmptyCells("show")
-    val hide = EmptyCells("hide")
-    val initial = EmptyCells("initial")
-    val inherit = EmptyCells("inherit")
-  }
+    companion object {
+        val show = EmptyCells("show")
+        val hide = EmptyCells("hide")
+        val initial = EmptyCells("initial")
+        val inherit = EmptyCells("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Flex.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Flex.kt
@@ -1,43 +1,43 @@
 package nl.astraeus.css.properties

 class FlexDirection(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val row = FlexDirection("row")
-    val rowReverse = FlexDirection("row-reverse")
-    val column = FlexDirection("column")
-    val columnReverse = FlexDirection("column-reverse")
-    val initial = FlexDirection("initial")
-    val inherit = FlexDirection("inherit")
-  }
+    companion object {
+        val row = FlexDirection("row")
+        val rowReverse = FlexDirection("row-reverse")
+        val column = FlexDirection("column")
+        val columnReverse = FlexDirection("column-reverse")
+        val initial = FlexDirection("initial")
+        val inherit = FlexDirection("inherit")
+    }

 }

 class FlexGrowShrink(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val initial = FlexGrowShrink("initial")
-    val inherit = FlexGrowShrink("inherit")
+    companion object {
+        val initial = FlexGrowShrink("initial")
+        val inherit = FlexGrowShrink("inherit")

-    fun number(number: Int) = FlexGrowShrink("$number")
-  }
+        fun number(number: Int) = FlexGrowShrink("$number")
+    }

 }

 class FlexWrap(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val nowrap = FlexWrap("nowrap")
-    val wrap = FlexWrap("wrap")
-    val wrapReverse = FlexWrap("wrap-reverse")
-    val initial = FlexWrap("initial")
-    val inherit = FlexWrap("inherit")
-  }
+    companion object {
+        val nowrap = FlexWrap("nowrap")
+        val wrap = FlexWrap("wrap")
+        val wrapReverse = FlexWrap("wrap-reverse")
+        val initial = FlexWrap("initial")
+        val inherit = FlexWrap("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Font.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Font.kt
@@ -1,142 +1,142 @@
 package nl.astraeus.css.properties

 class FontSize(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val xxSmall = FontSize("xx-small")
-    val xSmall = FontSize("x-small")
-    val small = FontSize("small")
-    val medium = FontSize("medium")
-    val large = FontSize("large")
-    val xLarge = FontSize("x-large")
-    val xxLarge = FontSize("xx-large")
-    val smaller = FontSize("smaller")
-    val larger = FontSize("larger")
-    val initial = FontSize("initial")
-    val inherit = FontSize("inherit")
+    companion object {
+        val xxSmall = FontSize("xx-small")
+        val xSmall = FontSize("x-small")
+        val small = FontSize("small")
+        val medium = FontSize("medium")
+        val large = FontSize("large")
+        val xLarge = FontSize("x-large")
+        val xxLarge = FontSize("xx-large")
+        val smaller = FontSize("smaller")
+        val larger = FontSize("larger")
+        val initial = FontSize("initial")
+        val inherit = FontSize("inherit")

-    fun px(nr: Int) = FontSize("${nr}px")
-    fun em(nr: Int) = FontSize("${nr}em")
-    fun em(nr: Double) = FontSize("${nr}em")
-    fun perc(nr: Int) = FontSize("${nr}%")
-    fun perc(nr: Double) = FontSize("${nr}%")
-    fun pc(nr: Int) = FontSize("${nr}pc")
-    fun pc(nr: Double) = FontSize("${nr}pc")
-    fun cm(nr: Int) = FontSize("${nr}cm")
-    fun cm(nr: Double) = FontSize("${nr}cm")
-  }
+        fun px(nr: Int) = FontSize("${nr}px")
+        fun em(nr: Int) = FontSize("${nr}em")
+        fun em(nr: Double) = FontSize("${nr}em")
+        fun perc(nr: Int) = FontSize("${nr}%")
+        fun perc(nr: Double) = FontSize("${nr}%")
+        fun pc(nr: Int) = FontSize("${nr}pc")
+        fun pc(nr: Double) = FontSize("${nr}pc")
+        fun cm(nr: Int) = FontSize("${nr}cm")
+        fun cm(nr: Double) = FontSize("${nr}cm")
+    }

 }

 class FontStretch(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = FontStretch("normal")
-    val condensed = FontStretch("condensed")
-    val ultraCondensed = FontStretch("ultra-condensed")
-    val extraCondensed = FontStretch("extra-condensed")
-    val semiCondensed = FontStretch("semi-condensed")
-    val expanded = FontStretch("expanded")
-    val semiExpanded = FontStretch("semi-expanded")
-    val extraExpanded = FontStretch("extra-expanded")
-    val ultraExpanded = FontStretch("ultra-expanded")
-    val initial = FontWeight("initial")
-    val inherit = FontWeight("inherit")
-  }
+    companion object {
+        val normal = FontStretch("normal")
+        val condensed = FontStretch("condensed")
+        val ultraCondensed = FontStretch("ultra-condensed")
+        val extraCondensed = FontStretch("extra-condensed")
+        val semiCondensed = FontStretch("semi-condensed")
+        val expanded = FontStretch("expanded")
+        val semiExpanded = FontStretch("semi-expanded")
+        val extraExpanded = FontStretch("extra-expanded")
+        val ultraExpanded = FontStretch("ultra-expanded")
+        val initial = FontWeight("initial")
+        val inherit = FontWeight("inherit")
+    }

 }

 class FontStyle(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = FontStyle("normal")
-    val italic = FontStyle("italic")
-    val oblique = FontStyle("oblique")
-    val initial = FontStyle("initial")
-    val inherit = FontStyle("inherit")
-  }
+    companion object {
+        val normal = FontStyle("normal")
+        val italic = FontStyle("italic")
+        val oblique = FontStyle("oblique")
+        val initial = FontStyle("initial")
+        val inherit = FontStyle("inherit")
+    }

 }

 class FontWeight(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = FontWeight("normal")
-    val bold = FontWeight("bold")
-    val _100 = FontWeight("100")
-    val _200 = FontWeight("200")
-    val _300 = FontWeight("300")
-    val _400 = FontWeight("400")
-    val _500 = FontWeight("500")
-    val _600 = FontWeight("600")
-    val _700 = FontWeight("700")
-    val _800 = FontWeight("800")
-    val _900 = FontWeight("900")
-    val initial = FontWeight("initial")
-    val inherit = FontWeight("inherit")
-  }
+    companion object {
+        val normal = FontWeight("normal")
+        val bold = FontWeight("bold")
+        val _100 = FontWeight("100")
+        val _200 = FontWeight("200")
+        val _300 = FontWeight("300")
+        val _400 = FontWeight("400")
+        val _500 = FontWeight("500")
+        val _600 = FontWeight("600")
+        val _700 = FontWeight("700")
+        val _800 = FontWeight("800")
+        val _900 = FontWeight("900")
+        val initial = FontWeight("initial")
+        val inherit = FontWeight("inherit")
+    }

 }

 class FontKerning(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = FontKerning("auto")
-    val normal = FontKerning("normal")
-    val none = FontKerning("none")
-  }
+    companion object {
+        val auto = FontKerning("auto")
+        val normal = FontKerning("normal")
+        val none = FontKerning("none")
+    }

 }

 class FontSizeAdjust(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = FontSizeAdjust("none")
-    val initial = FontSizeAdjust("initial")
-    val inherit = FontSizeAdjust("inherit")
-  }
+    companion object {
+        val none = FontSizeAdjust("none")
+        val initial = FontSizeAdjust("initial")
+        val inherit = FontSizeAdjust("inherit")
+    }

 }

 class FontVariant(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = FontVariant("normal")
-    val smallCaps = FontVariant("small-caps")
-    val initial = FontVariant("initial")
-    val inherit = FontVariant("inherit")
-  }
+    companion object {
+        val normal = FontVariant("normal")
+        val smallCaps = FontVariant("small-caps")
+        val initial = FontVariant("initial")
+        val inherit = FontVariant("inherit")
+    }

 }

 class FontVariantCaps(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = FontVariantCaps("normal")
-    val smallCaps = FontVariantCaps("small-caps")
-    val allSmallCaps = FontVariantCaps("all-small-caps")
-    val petiteCaps = FontVariantCaps("petite-caps")
-    val allPetiteCaps = FontVariantCaps("all-petite-caps")
-    val unicase = FontVariantCaps("unicase")
-    val initial = FontVariantCaps("initial")
-    val inherit = FontVariantCaps("inherit")
-    val unset = FontVariantCaps("unset")
-  }
+    companion object {
+        val normal = FontVariantCaps("normal")
+        val smallCaps = FontVariantCaps("small-caps")
+        val allSmallCaps = FontVariantCaps("all-small-caps")
+        val petiteCaps = FontVariantCaps("petite-caps")
+        val allPetiteCaps = FontVariantCaps("all-petite-caps")
+        val unicase = FontVariantCaps("unicase")
+        val initial = FontVariantCaps("initial")
+        val inherit = FontVariantCaps("inherit")
+        val unset = FontVariantCaps("unset")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Grid.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Grid.kt
@@ -2,71 +2,71 @@ package nl.astraeus.css.properties


 class Grid(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = Grid("none")
-    val initial = Grid("initial")
-    val inherit = Grid("inherit")
-  }
+    companion object {
+        val none = Grid("none")
+        val initial = Grid("initial")
+        val inherit = Grid("inherit")
+    }

 }

 class GridAuto(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = GridAuto("auto")
-    val maxContent = GridAuto("max-content")
-    val minContent = GridAuto("min-content")
-  }
+    companion object {
+        val auto = GridAuto("auto")
+        val maxContent = GridAuto("max-content")
+        val minContent = GridAuto("min-content")
+    }

 }

 class GridFlow(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val row = GridFlow("row")
-    val column = GridFlow("column")
-    val dense = GridFlow("dense")
-    val rowDense = GridFlow("row dense")
-    val columnDense = GridFlow("column dense")
-  }
+    companion object {
+        val row = GridFlow("row")
+        val column = GridFlow("column")
+        val dense = GridFlow("dense")
+        val rowDense = GridFlow("row dense")
+        val columnDense = GridFlow("column dense")
+    }

 }

 class GridValue(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = GridValue("auto")
+    companion object {
+        val auto = GridValue("auto")

-    fun span(column: Int) = GridValue("span $column")
-    fun column(line: Int) = GridValue("$line")
-    fun row(line: Int) = GridValue("$line")
-  }
+        fun span(column: Int) = GridValue("span $column")
+        fun column(line: Int) = GridValue("$line")
+        fun row(line: Int) = GridValue("$line")
+    }

 }

 class TemplateRowColumn(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = TemplateRowColumn("none")
-    val auto = TemplateRowColumn("auto")
-    val maxContent = TemplateRowColumn("max-content")
-    val minContent = TemplateRowColumn("min-content")
-    val initial = TemplateRowColumn("initial")
-    val inherit = TemplateRowColumn("inherit")
+    companion object {
+        val none = GridValue("none")
+        val auto = GridValue("auto")
+        val maxContent = GridValue("max-content")
+        val minContent = GridValue("min-content")
+        val initial = GridValue("initial")
+        val inherit = GridValue("inherit")

-    fun length(length: Measurement) = TemplateRowColumn(length.value)
-  }
+        fun length(length: Measurement) = GridValue(length.value)
+    }

 }

--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Hyphens.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Hyphens.kt
@@ -1,15 +1,15 @@
 package nl.astraeus.css.properties

 class Hyphens(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = Hyphens("none")
-    val manual = Hyphens("manual")
-    val auto = Hyphens("auto")
-    val initial = Hyphens("initial")
-    val inherit = Hyphens("inherit")
-  }
+    companion object {
+        val none = Hyphens("none")
+        val manual = Hyphens("manual")
+        val auto = Hyphens("auto")
+        val initial = Hyphens("initial")
+        val inherit = Hyphens("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Image.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Image.kt
@@ -1,62 +1,62 @@
 package nl.astraeus.css.properties

 class Image(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = Image("none")
-    val initial = Image("initial")
-    val inherit = Image("inherit")
+    companion object {
+        val none = Image("none")
+        val initial = Image("initial")
+        val inherit = Image("inherit")

-    fun url(url: String) = Image("url($url)")
-  }
+        fun url(url: String) = Image("url($url)")
+    }
 }

 class ImageRepeat(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val repeat = ImageRepeat("repeat")
-    val round = ImageRepeat("round")
-    val initial = ImageRepeat("initial")
-    val inherit = ImageRepeat("inherit")
+    companion object {
+        val repeat = ImageRepeat("repeat")
+        val round = ImageRepeat("round")
+        val initial = ImageRepeat("initial")
+        val inherit = ImageRepeat("inherit")

-    fun stretch(url: String) = ImageRepeat("stretch")
-  }
+        fun stretch(url: String) = ImageRepeat("stretch")
+    }

 }

 class ImageSlice(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val repeat = ImageSlice("repeat")
-    val fill = ImageSlice("fill")
-    val initial = ImageSlice("initial")
-    val inherit = ImageSlice("inherit")
+    companion object {
+        val repeat = ImageSlice("repeat")
+        val fill = ImageSlice("fill")
+        val initial = ImageSlice("initial")
+        val inherit = ImageSlice("inherit")

-    fun nr(nr: Int) = ImageSlice("$nr")
-    fun perc(perc: Int) = ImageSlice("$perc%")
-    fun perc(perc: Double) = ImageSlice("$perc%")
-    fun stretch(url: String) = ImageSlice("stretch")
-  }
+        fun nr(nr: Int) = ImageSlice("$nr")
+        fun perc(perc: Int) = ImageSlice("$perc%")
+        fun perc(perc: Double) = ImageSlice("$perc%")
+        fun stretch(url: String) = ImageSlice("stretch")
+    }

 }

 class ImageSource(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = ImageSource("none")
-    val initial = ImageSource("initial")
-    val inherit = ImageSource("inherit")
+    companion object {
+        val none = ImageSource("none")
+        val initial = ImageSource("initial")
+        val inherit = ImageSource("inherit")

-    fun text(txt: String) = ImageSource(txt)
-    fun image(url: String) = ImageSource("'$url'")
-  }
+        fun text(txt: String) = ImageSource(txt)
+        fun image(url: String) = ImageSource("'$url'")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/InitialInherit.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/InitialInherit.kt
@@ -1,12 +1,12 @@
 package nl.astraeus.css.properties

 class InitialInherit(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val initial = InitialInherit("initial")
-    val inherit = InitialInherit("inherit")
-  }
+    companion object {
+        val initial = InitialInherit("initial")
+        val inherit = InitialInherit("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Isolation.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Isolation.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class Isolation(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = Isolation("auto")
-    val isolate = Isolation("isolate")
-    val initial = Isolation("initial")
-    val inherit = Isolation("inherit")
-  }
+    companion object {
+        val auto = Isolation("auto")
+        val isolate = Isolation("isolate")
+        val initial = Isolation("initial")
+        val inherit = Isolation("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/JustifyContent.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/JustifyContent.kt
@@ -1,17 +1,17 @@
 package nl.astraeus.css.properties

 class JustifyContent(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val flexStart = JustifyContent("flex-start")
-    val flexEnd = JustifyContent("flex-end")
-    val center = JustifyContent("center")
-    val spaceBetween = JustifyContent("space-between")
-    val spaceAround = JustifyContent("space-around")
-    val initial = JustifyContent("initial")
-    val inherit = JustifyContent("inherit")
-  }
+    companion object {
+        val flexStart = JustifyContent("flex-start")
+        val flexEnd = JustifyContent("flex-end")
+        val center = JustifyContent("center")
+        val spaceBetween = JustifyContent("space-between")
+        val spaceAround = JustifyContent("space-around")
+        val initial = JustifyContent("initial")
+        val inherit = JustifyContent("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/LetterSpacing.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/LetterSpacing.kt
@@ -1,13 +1,13 @@
 package nl.astraeus.css.properties

 class LetterSpacing(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = LetterSpacing("normal")
-    val initial = LetterSpacing("initial")
-    val inherit = LetterSpacing("inherit")
-  }
+    companion object {
+        val normal = LetterSpacing("normal")
+        val initial = LetterSpacing("initial")
+        val inherit = LetterSpacing("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/ListStyle.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/ListStyle.kt
@@ -2,47 +2,47 @@ package nl.astraeus.css.properties


 class ListStylePosition(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val inside = ListStylePosition("inside")
-    val outside = ListStylePosition("outside")
-    val initial = ListStylePosition("initial")
-    val inherit = ListStylePosition("inherit")
-  }
+    companion object {
+        val inside = ListStylePosition("inside")
+        val outside = ListStylePosition("outside")
+        val initial = ListStylePosition("initial")
+        val inherit = ListStylePosition("inherit")
+    }

 }

 class ListStyleType(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val disc = ListStyleType("disc")
-    val armenian = ListStyleType("armenian")
-    val circle = ListStyleType("circle")
-    val cjkIdeographic = ListStyleType("cjk-ideographic")
-    val decimal = ListStyleType("decimal")
-    val decimalLeadingZero = ListStyleType("decimal-leading-zero")
-    val georgian = ListStyleType("georgian")
-    val hebrew = ListStyleType("hebrew")
-    val hiragana = ListStyleType("hiragana")
-    val hiraganaIroha = ListStyleType("hiragana-iroha")
-    val katakana = ListStyleType("katakana")
-    val katakanaIroha = ListStyleType("katakana-iroha")
-    val lowerAlpha = ListStyleType("lower-alpha")
-    val lowerGreek = ListStyleType("lower-greek")
-    val lowerLatin = ListStyleType("lower-latin")
-    val lowerRoman = ListStyleType("lower-roman")
-    val none = ListStyleType("none")
-    val square = ListStyleType("square")
-    val upperAlpha = ListStyleType("upper-alpha")
-    val upperGreek = ListStyleType("upper-greek")
-    val upperLatin = ListStyleType("upper-latin")
-    val upperRoman = ListStyleType("upper-roman")
-    val initial = ListStyleType("initial")
-    val inherit = ListStyleType("inherit")
-  }
+    companion object {
+        val disc = ListStyleType("disc")
+        val armenian = ListStyleType("armenian")
+        val circle = ListStyleType("circle")
+        val cjkIdeographic = ListStyleType("cjk-ideographic")
+        val decimal = ListStyleType("decimal")
+        val decimalLeadingZero = ListStyleType("decimal-leading-zero")
+        val georgian = ListStyleType("georgian")
+        val hebrew = ListStyleType("hebrew")
+        val hiragana = ListStyleType("hiragana")
+        val hiraganaIroha = ListStyleType("hiragana-iroha")
+        val katakana = ListStyleType("katakana")
+        val katakanaIroha = ListStyleType("katakana-iroha")
+        val lowerAlpha = ListStyleType("lower-alpha")
+        val lowerGreek = ListStyleType("lower-greek")
+        val lowerLatin = ListStyleType("lower-latin")
+        val lowerRoman = ListStyleType("lower-roman")
+        val none = ListStyleType("none")
+        val square = ListStyleType("square")
+        val upperAlpha = ListStyleType("upper-alpha")
+        val upperGreek = ListStyleType("upper-greek")
+        val upperLatin = ListStyleType("upper-latin")
+        val upperRoman = ListStyleType("upper-roman")
+        val initial = ListStyleType("initial")
+        val inherit = ListStyleType("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Measurement.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Measurement.kt
@@ -1,112 +1,60 @@
 package nl.astraeus.css.properties

-enum class MeasurementUoM {
-  NONE,
-  PX,
-  EM,
-  REL,
-  REM,
-  PC,
-  PRC,
-  CM,
-  FR,
-  VH,
-  VW
-}
-
 open class Measurement(
-  value: String,
-  val uom: MeasurementUoM = MeasurementUoM.NONE
-) : CssProperty(value), CalcExpression {
+    value: String
+) : CssProperty(value) {

-  override fun toString(): String = super.value
+    companion object {
+        val auto = Measurement("auto")
+        val initial = Measurement("initial")
+        val inherit = Measurement("inherit")
+        val normal = Measurement("normal")

-  companion object {
-    val auto = Measurement("auto")
-    val initial = Measurement("initial")
-    val inherit = Measurement("inherit")
-    val normal = Measurement("normal")
-
-    fun fromString(value: String): Measurement = when {
-      value == "0" -> Measurement("0", MeasurementUoM.PX)
-      value.endsWith("px") -> Measurement(value.slice(0..(value.length - 2)), MeasurementUoM.PX)
-      value.endsWith("rel") -> Measurement(value.slice(0..(value.length - 3)), MeasurementUoM.REL)
-      else -> {
-        TODO("Unable to parse $value")
-      }
+        fun px(nr: Int) = if (nr == 0) { Measurement("0") } else { Measurement("${nr}px") }
+        fun px(nr: Double) = nr.px
+        fun em(nr: Int) = nr.em
+        fun em(nr: Double) = nr.em
+        fun prc(nr: Int) = nr.prc
+        fun prc(nr: Double) = nr.prc
+        fun pc(nr: Int) = nr.pc
+        fun pc(nr: Double) = nr.pc
+        fun cm(nr: Int) = nr.cm
+        fun cm(nr: Double) = nr.cm
    }
-  }
 }

 val Int.px: Measurement
-  get() = Measurement(
-    "${this}${
-      if (this == 0) {
-        ""
-      } else {
-        "px"
-      }
-    }",
-    MeasurementUoM.PX
-  )
+    get() = Measurement("${this}${if (this == 0) { "" } else { "px"}}")
 val Int.em: Measurement
-  get() = Measurement(
-    "${this}${
-      if (this == 0) {
-        ""
-      } else {
-        "em"
-      }
-    }",
-    MeasurementUoM.EM
-  )
+    get() = Measurement("${this}${if (this == 0) { "" } else { "em"}}")
 val Int.rem: Measurement
-  get() = Measurement(
-    "${this}${
-      if (this == 0) {
-        ""
-      } else {
-        "rem"
-      }
-    }",
-    MeasurementUoM.REM
-  )
+    get() = Measurement("${this}${if (this == 0) { "" } else { "rem"}}")
 val Int.prc: Measurement
-  get() = Measurement("${this}%", MeasurementUoM.PRC)
+    get() = Measurement("${this}%")
 val Int.pc: Measurement
-  get() = Measurement("${this}pc", MeasurementUoM.PC)
+    get() = Measurement("${this}pc")
 val Int.cm: Measurement
-  get() = Measurement("${this}cm", MeasurementUoM.CM)
-val Int.fr: Measurement
-  get() = Measurement("${this}fr", MeasurementUoM.FR)
-val Int.vw: Measurement
-  get() = Measurement("${this}vw", MeasurementUoM.VW)
-val Int.vh: Measurement
-  get() = Measurement("${this}vh", MeasurementUoM.VH)
+    get() = Measurement("${this}cm")
+fun Int.px(): Measurement = Measurement.px(this)

 val Double.px: Measurement
-  get() = Measurement("${this}px", MeasurementUoM.PX)
+    get() = Measurement("${this}px")
 val Double.em: Measurement
-  get() = Measurement("${this}em", MeasurementUoM.EM)
+    get() = Measurement("${this}em")
 val Double.rem: Measurement
-  get() = Measurement("${this}rem", MeasurementUoM.REM)
+    get() = Measurement("${this}rem")
 val Double.prc: Measurement
-  get() = Measurement("${this}%", MeasurementUoM.PRC)
+    get() = Measurement("${this}%")
 val Double.pc: Measurement
-  get() = Measurement("${this}pc", MeasurementUoM.PC)
+    get() = Measurement("${this}pc")
 val Double.cm: Measurement
-  get() = Measurement("${this}cm", MeasurementUoM.CM)
-val Double.fr: Measurement
-  get() = Measurement("${this}fr", MeasurementUoM.FR)
-val Double.vw: Measurement
-  get() = Measurement("${this}vw", MeasurementUoM.VW)
-val Double.vh: Measurement
-  get() = Measurement("${this}vh", MeasurementUoM.VH)
+    get() = Measurement("${this}cm")
+fun Double.px(): Measurement = Measurement.px(this)

 open class LineHeight(value: String) : CssProperty(value) {
-  companion object {
-    val normal = LineHeight("normal")
-    val initial = LineHeight("initial")
-    val inherit = LineHeight("inherit")
-  }
+    companion object {
+        val normal = LineHeight("normal")
+        val initial = LineHeight("initial")
+        val inherit = LineHeight("inherit")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/MixBlendMode.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/MixBlendMode.kt
@@ -2,24 +2,24 @@ package nl.astraeus.css.properties


 class MixBlendMode(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = MixBlendMode("normal")
-    val multiply = MixBlendMode("multiply")
-    val screen = MixBlendMode("screen")
-    val overlay = MixBlendMode("overlay")
-    val darken = MixBlendMode("darken")
-    val lighten = MixBlendMode("lighten")
-    val colorDodge = MixBlendMode("color-dodge")
-    val colorBurn = MixBlendMode("color-burn")
-    val difference = MixBlendMode("difference")
-    val exclusion = MixBlendMode("exclusion")
-    val hue = MixBlendMode("hue")
-    val saturation = MixBlendMode("saturation")
-    val color = MixBlendMode("color")
-    val luminosity = MixBlendMode("luminosity")
-  }
+    companion object {
+        val normal = MixBlendMode("normal")
+        val multiply = MixBlendMode("multiply")
+        val screen = MixBlendMode("screen")
+        val overlay = MixBlendMode("overlay")
+        val darken = MixBlendMode("darken")
+        val lighten = MixBlendMode("lighten")
+        val colorDodge = MixBlendMode("color-dodge")
+        val colorBurn = MixBlendMode("color-burn")
+        val difference = MixBlendMode("difference")
+        val exclusion = MixBlendMode("exclusion")
+        val hue = MixBlendMode("hue")
+        val saturation = MixBlendMode("saturation")
+        val color = MixBlendMode("color")
+        val luminosity = MixBlendMode("luminosity")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/ObjectFit.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/ObjectFit.kt
@@ -1,17 +1,17 @@
 package nl.astraeus.css.properties

 class ObjectFit(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val fill = ObjectFit("fill")
-    val contain = ObjectFit("contain")
-    val cover = ObjectFit("cover")
-    val scaleDown = ObjectFit("scale-down")
-    val none = ObjectFit("none")
-    val initial = ObjectFit("initial")
-    val inherit = ObjectFit("inherit")
-  }
+    companion object {
+        val fill = ObjectFit("fill")
+        val contain = ObjectFit("contain")
+        val cover = ObjectFit("cover")
+        val scaleDown = ObjectFit("scale-down")
+        val none = ObjectFit("none")
+        val initial = ObjectFit("initial")
+        val inherit = ObjectFit("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/OutlineWidth.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/OutlineWidth.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class OutlineWidth(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val thin = OutlineWidth("thin")
-    val medium = OutlineWidth("medium")
-    val thick = OutlineWidth("thick")
-    val initial = BorderWidth("initial")
-    val inherit = BorderWidth("inherit")
-  }
+    companion object {
+        val thin = OutlineWidth("thin")
+        val medium = OutlineWidth("medium")
+        val thick = OutlineWidth("thick")
+        val initial = BorderWidth("initial")
+        val inherit = BorderWidth("inherit")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Overflow.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Overflow.kt
@@ -1,15 +1,15 @@
 package nl.astraeus.css.properties

 class Overflow(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val visible = Overflow("visible")
-    val hidden = Overflow("hidden")
-    val scroll = Overflow("scroll")
-    val auto = Overflow("auto")
-    val initial = BorderWidth("initial")
-    val inherit = BorderWidth("inherit")
-  }
+    companion object {
+        val visible = Overflow("visible")
+        val hidden = Overflow("hidden")
+        val scroll = Overflow("scroll")
+        val auto = Overflow("auto")
+        val initial = BorderWidth("initial")
+        val inherit = BorderWidth("inherit")
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/PageBreak.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/PageBreak.kt
@@ -1,17 +1,17 @@
 package nl.astraeus.css.properties

 class PageBreak(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = PageBreak("auto")
-    val always = PageBreak("always")
-    val avoid = PageBreak("avoid")
-    val left = PageBreak("left")
-    val right = PageBreak("right")
-    val initial = PageBreak("initial")
-    val inherit = PageBreak("inherit")
-  }
+    companion object {
+        val auto = PageBreak("auto")
+        val always = PageBreak("always")
+        val avoid = PageBreak("avoid")
+        val left = PageBreak("left")
+        val right = PageBreak("right")
+        val initial = PageBreak("initial")
+        val inherit = PageBreak("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Perspective.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Perspective.kt
@@ -1,13 +1,13 @@
 package nl.astraeus.css.properties

 class Perspective(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = Perspective("none")
-    val initial = Perspective("initial")
-    val inherit = Perspective("inherit")
-  }
+    companion object {
+        val none = Perspective("none")
+        val initial = Perspective("initial")
+        val inherit = Perspective("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/PointerEvents.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/PointerEvents.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class PointerEvents(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = PointerEvents("auto")
-    val none = PointerEvents("none")
-    val initial = PointerEvents("initial")
-    val inherit = PointerEvents("inherit")
-  }
+    companion object {
+        val auto = PointerEvents("auto")
+        val none = PointerEvents("none")
+        val initial = PointerEvents("initial")
+        val inherit = PointerEvents("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Position.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Position.kt
@@ -1,17 +1,17 @@
 package nl.astraeus.css.properties

 class Position(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val static = Position("static")
-    val absolute = Position("absolute")
-    val fixed = Position("fixed")
-    val relative = Position("relative")
-    val sticky = Position("sticky")
-    val initial = Position("initial")
-    val inherit = Position("inherit")
-  }
+    companion object {
+        val static = Position("static")
+        val absolute = Position("absolute")
+        val fixed = Position("fixed")
+        val relative = Position("relative")
+        val sticky = Position("sticky")
+        val initial = Position("initial")
+        val inherit = Position("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Punctuation.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Punctuation.kt
@@ -1,17 +1,17 @@
 package nl.astraeus.css.properties

 class HangingPunctuation(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = HangingPunctuation("none")
-    val first = HangingPunctuation("first")
-    val last = HangingPunctuation("last")
-    val allowEnd = HangingPunctuation("allow-end")
-    val forceEnd = HangingPunctuation("force-end")
-    val initial = HangingPunctuation("initial")
-    val inherit = HangingPunctuation("inherit")
-  }
+    companion object {
+        val none = HangingPunctuation("none")
+        val first = HangingPunctuation("first")
+        val last = HangingPunctuation("last")
+        val allowEnd = HangingPunctuation("allow-end")
+        val forceEnd = HangingPunctuation("force-end")
+        val initial = HangingPunctuation("initial")
+        val inherit = HangingPunctuation("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Resize.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Resize.kt
@@ -1,16 +1,16 @@
 package nl.astraeus.css.properties

 class Resize(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = Resize("none")
-    val both = Resize("both")
-    val horizontal = Resize("horizontal")
-    val vertical = Resize("vertical")
-    val initial = Resize("initial")
-    val inherit = Resize("inherit")
-  }
+    companion object {
+        val none = Resize("none")
+        val both = Resize("both")
+        val horizontal = Resize("horizontal")
+        val vertical = Resize("vertical")
+        val initial = Resize("initial")
+        val inherit = Resize("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/ScrollBehavior.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/ScrollBehavior.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class ScrollBehavior(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = ScrollBehavior("auto")
-    val smooth = ScrollBehavior("smooth")
-    val initial = ScrollBehavior("initial")
-    val inherit = ScrollBehavior("inherit")
-  }
+    companion object {
+        val auto = ScrollBehavior("auto")
+        val smooth = ScrollBehavior("smooth")
+        val initial = ScrollBehavior("initial")
+        val inherit = ScrollBehavior("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Span.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Span.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class Span(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = Clip("none")
-    val all = Clip("all")
-    val initial = Clip("initial")
-    val inherit = Clip("inherit")
-  }
+    companion object {
+        val none = Clip("none")
+        val all = Clip("all")
+        val initial = Clip("initial")
+        val inherit = Clip("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/TableLayout.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/TableLayout.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class TableLayout(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = TableLayout("auto")
-    val fixed = TableLayout("fixed")
-    val initial = TableLayout("initial")
-    val inherit = TableLayout("auto")
-  }
+    companion object {
+        val auto = TableLayout("auto")
+        val fixed = TableLayout("fixed")
+        val initial = TableLayout("initial")
+        val inherit = TableLayout("auto")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/TextAlign.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/TextAlign.kt
@@ -1,16 +1,16 @@
 package nl.astraeus.css.properties

 class TextAlign(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val left = TextAlign("left")
-    val right = TextAlign("right")
-    val center = TextAlign("center")
-    val justify = TextAlign("justify")
-    val initial = TextAlign("initial")
-    val inherit = TextAlign("inherit")
-  }
+    companion object {
+        val left = TextAlign("left")
+        val right = TextAlign("right")
+        val center = TextAlign("center")
+        val justify = TextAlign("justify")
+        val initial = TextAlign("initial")
+        val inherit = TextAlign("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/TextAlignLast.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/TextAlignLast.kt
@@ -1,19 +1,19 @@
 package nl.astraeus.css.properties

 class TextAlignLast(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = TextAlignLast("auto")
-    val left = TextAlignLast("left")
-    val right = TextAlignLast("right")
-    val center = TextAlignLast("center")
-    val justify = TextAlignLast("justify")
-    val start = TextAlignLast("start")
-    val end = TextAlignLast("end")
-    val initial = TextAlignLast("initial")
-    val inherit = TextAlignLast("inherit")
-  }
+    companion object {
+        val auto = TextAlignLast("auto")
+        val left = TextAlignLast("left")
+        val right = TextAlignLast("right")
+        val center = TextAlignLast("center")
+        val justify = TextAlignLast("justify")
+        val start = TextAlignLast("start")
+        val end = TextAlignLast("end")
+        val initial = TextAlignLast("initial")
+        val inherit = TextAlignLast("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/TextDecorationLine.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/TextDecorationLine.kt
@@ -1,16 +1,16 @@
 package nl.astraeus.css.properties

 class TextDecorationLine(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = TextDecorationLine("none")
-    val underline = TextDecorationLine("underline")
-    val overline = TextDecorationLine("overline")
-    val lineThrough = TextDecorationLine("line-through")
-    val initial = TextDecorationLine("initial")
-    val inherit = TextDecorationLine("inherit")
-  }
+    companion object {
+        val none = TextDecorationLine("none")
+        val underline = TextDecorationLine("underline")
+        val overline = TextDecorationLine("overline")
+        val lineThrough = TextDecorationLine("line-through")
+        val initial = TextDecorationLine("initial")
+        val inherit = TextDecorationLine("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/TextDecorationStyle.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/TextDecorationStyle.kt
@@ -1,17 +1,17 @@
 package nl.astraeus.css.properties

 class TextDecorationStyle(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val solid = TextDecorationStyle("solid")
-    val double = TextDecorationStyle("double")
-    val dotted = TextDecorationStyle("dotted")
-    val dashed = TextDecorationStyle("dashed")
-    val wavy = TextDecorationStyle("wavy")
-    val initial = TextDecorationStyle("initial")
-    val inherit = TextDecorationStyle("inherit")
-  }
+    companion object {
+        val solid = TextDecorationStyle("solid")
+        val double = TextDecorationStyle("double")
+        val dotted = TextDecorationStyle("dotted")
+        val dashed = TextDecorationStyle("dashed")
+        val wavy = TextDecorationStyle("wavy")
+        val initial = TextDecorationStyle("initial")
+        val inherit = TextDecorationStyle("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/TextJustify.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/TextJustify.kt
@@ -1,16 +1,16 @@
 package nl.astraeus.css.properties

 class TextJustify(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = TextJustify("auto")
-    val interWord = TextJustify("inter-word")
-    val interCharacter = TextJustify("inter-character")
-    val none = TextJustify("none")
-    val initial = TextJustify("initial")
-    val inherit = TextJustify("inherit")
-  }
+    companion object {
+        val auto = TextJustify("auto")
+        val interWord = TextJustify("inter-word")
+        val interCharacter = TextJustify("inter-character")
+        val none = TextJustify("none")
+        val initial = TextJustify("initial")
+        val inherit = TextJustify("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/TextTransform.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/TextTransform.kt
@@ -1,16 +1,16 @@
 package nl.astraeus.css.properties

 class TextTransform(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = TextTransform("none")
-    val capitalize = TextTransform("capitalize")
-    val uppercase = TextTransform("uppercase")
-    val lowercase = TextTransform("lowercase")
-    val initial = TextTransform("initial")
-    val inherit = TextTransform("inherit")
-  }
+    companion object {
+        val none = TextTransform("none")
+        val capitalize = TextTransform("capitalize")
+        val uppercase = TextTransform("uppercase")
+        val lowercase = TextTransform("lowercase")
+        val initial = TextTransform("initial")
+        val inherit = TextTransform("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/TimingFunction.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/TimingFunction.kt
@@ -1,31 +1,22 @@
 package nl.astraeus.css.properties

 class TimingFunction(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val linear = TimingFunction("linear")
-    val ease = TimingFunction("ease")
-    val easeIn = TimingFunction("ease-in")
-    val easeOut = TimingFunction("ease-out")
-    val easeInOut = TimingFunction("ease-in-out")
-    val stepStart = TimingFunction("step-start")
-    val stepEnd = TimingFunction("step-end")
-    val initial = TimingFunction("initial")
-    val inherit = TimingFunction("inherit")
+    companion object {
+        val linear = TimingFunction("linear")
+        val ease = TimingFunction("ease")
+        val easeIn = TimingFunction("ease-in")
+        val easeOut = TimingFunction("ease-out")
+        val easeInOut = TimingFunction("ease-in-out")
+        val stepStart = TimingFunction("step-start")
+        val stepEnd = TimingFunction("step-end")
+        val initial = TimingFunction("initial")
+        val inherit = TimingFunction("inherit")

-    fun steps(steps: Int, start: Boolean) = TimingFunction(
-      "steps($steps, ${
-        if (start) {
-          "start"
-        } else {
-          "end"
-        }
-      }"
-    )
-
-    fun cubicBezier(n1: Double, n2: Double, n3: Double, n4: Double) = TimingFunction("cubic-bezier($n1, $n2, $n3, $n4)")
-  }
+        fun steps(steps: Int, start: Boolean) = TimingFunction("steps($steps, ${if (start) { "start" } else { "end" }}")
+        fun cubicBezier(n1: Double, n2: Double, n3: Double, n4: Double) = TimingFunction("cubic-bezier($n1, $n2, $n3, $n4)")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Transform.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Transform.kt
@@ -1,51 +1,49 @@
 package nl.astraeus.css.properties

 class Transform(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val none = Transform("none")
-    val initial = Transform("initial")
-    val inherit = Transform("inherit")
+    companion object {
+        val none = Transform("none")
+        val initial = Transform("initial")
+        val inherit = Transform("inherit")

-    fun matrix(
-      n1: Double,
-      n2: Double,
-      n3: Double,
-      n4: Double,
-      n5: Double,
-      n6: Double
-    ) = Transform("matrix($n1, $n2, $n3, $n4, $n5, $n6)")
-
-    fun matrix3d(
-      n01: Double, n02: Double, n03: Double, n04: Double,
-      n05: Double, n06: Double, n07: Double, n08: Double,
-      n09: Double, n10: Double, n11: Double, n12: Double,
-      n13: Double, n14: Double, n15: Double, n16: Double
-    ) = Transform(
-      "matrix3d($n01, $n02, $n03, $n04, $n05, $n06, $n07, $n08, $n09, $n10, $n11, $n12, $n13, $n14, $n15, $n16)"
-    )
-
-    fun translate(x: Double, y: Double) = Transform("translate($x, $y)")
-    fun translate3d(x: Double, y: Double, z: Double) = Transform("translate3d($x, $y, $z)")
-    fun translateX(x: Double) = Transform("translateX($x)")
-    fun translateY(y: Double) = Transform("translateY($y)")
-    fun translateZ(z: Double) = Transform("translateZ($z)")
-    fun scale(x: Double, y: Double) = Transform("scale($x, $y)")
-    fun scale3d(x: Double, y: Double, z: Double) = Transform("scale3d($x, $y, $z)")
-    fun scaleX(x: Double) = Transform("scaleX($x)")
-    fun scaleY(y: Double) = Transform("scaleY($y)")
-    fun scaleZ(z: Double) = Transform("scaleZ($z)")
-    fun rotate(angle: Double) = Transform("rotate($angle)")
-    fun rotate3d(x: Double, y: Double, z: Double, angle: Double) = Transform("scale3d($x, $y, $z, $angle")
-    fun rotateX(x: Double) = Transform("rotateX($x)")
-    fun rotateY(y: Double) = Transform("rotateY($y)")
-    fun rotateZ(z: Double) = Transform("rotateZ($z)")
-    fun skew(x: Double, y: Double) = Transform("skew($x, $y)")
-    fun skewX(x: Double) = Transform("skew($x)")
-    fun skewY(y: Double) = Transform("skew($y)")
-    fun perspective(length: Measurement) = Transform("perspective(${length.css()})")
-  }
+        fun matrix(
+            n1: Double,
+            n2: Double,
+            n3: Double,
+            n4: Double,
+            n5: Double,
+            n6: Double
+        ) = Transform("matrix($n1, $n2, $n3, $n4, $n5, $n6)")
+        fun matrix3d(
+            n01: Double, n02: Double, n03: Double, n04: Double,
+            n05: Double, n06: Double, n07: Double, n08: Double,
+            n09: Double, n10: Double, n11: Double, n12: Double,
+            n13: Double, n14: Double, n15: Double, n16: Double
+        ) = Transform(
+            "matrix3d($n01, $n02, $n03, $n04, $n05, $n06, $n07, $n08, $n09, $n10, $n11, $n12, $n13, $n14, $n15, $n16)"
+        )
+        fun translate(x: Double, y: Double) = Transform("translate($x, $y)")
+        fun translate3d(x: Double, y: Double, z: Double) = Transform("translate3d($x, $y, $z)")
+        fun translateX(x: Double) = Transform("translateX($x)")
+        fun translateY(y: Double) = Transform("translateY($y)")
+        fun translateZ(z: Double) = Transform("translateZ($z)")
+        fun scale(x: Double, y: Double) = Transform("scale($x, $y)")
+        fun scale3d(x: Double, y: Double, z: Double) = Transform("scale3d($x, $y, $z)")
+        fun scaleX(x: Double) = Transform("scaleX($x)")
+        fun scaleY(y: Double) = Transform("scaleY($y)")
+        fun scaleZ(z: Double) = Transform("scaleZ($z)")
+        fun rotate(angle: Double) = Transform("rotate($angle)")
+        fun rotate3d(x: Double, y: Double, z: Double, angle: Double) = Transform("scale3d($x, $y, $z, $angle")
+        fun rotateX(x: Double) = Transform("rotateX($x)")
+        fun rotateY(y: Double) = Transform("rotateY($y)")
+        fun rotateZ(z: Double) = Transform("rotateZ($z)")
+        fun skew(x: Double, y: Double) = Transform("skew($x, $y)")
+        fun skewX(x: Double) = Transform("skew($x)")
+        fun skewY(y: Double) = Transform("skew($y)")
+        fun perspective(length: Measurement) = Transform("perspective(${length.css()})")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/TransformStyle.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/TransformStyle.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class TransformStyle(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val flat = TransformStyle("flat")
-    val preserve3d = TransformStyle("preserve-3d")
-    val initial = TransformStyle("initial")
-    val inherit = TransformStyle("inherit")
-  }
+    companion object {
+        val flat = TransformStyle("flat")
+        val preserve3d = TransformStyle("preserve-3d")
+        val initial = TransformStyle("initial")
+        val inherit = TransformStyle("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/UnicodeBidi.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/UnicodeBidi.kt
@@ -1,15 +1,15 @@
 package nl.astraeus.css.properties

 class UnicodeBidi(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = UnicodeBidi("normal")
-    val embed = UnicodeBidi("embed")
-    val bidiOverride = UnicodeBidi("bidi-override")
-    val initial = UnicodeBidi("initial")
-    val inherit = UnicodeBidi("inherit")
-  }
+    companion object {
+        val normal = UnicodeBidi("normal")
+        val embed = UnicodeBidi("embed")
+        val bidiOverride = UnicodeBidi("bidi-override")
+        val initial = UnicodeBidi("initial")
+        val inherit = UnicodeBidi("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/UserSelect.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/UserSelect.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class UserSelect(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = UserSelect("auto")
-    val none = UserSelect("none")
-    val text = UserSelect("text")
-    val all = UserSelect("all")
-  }
+    companion object {
+        val auto = UserSelect("auto")
+        val none = UserSelect("none")
+        val text = UserSelect("text")
+        val all = UserSelect("all")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/VerticalAlign.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/VerticalAlign.kt
@@ -1,20 +1,20 @@
 package nl.astraeus.css.properties

 class VerticalAlign(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val baseline = VerticalAlign("baseline")
-    val sub = VerticalAlign("sub")
-    val _super = VerticalAlign("super")
-    val top = VerticalAlign("top")
-    val textTop = VerticalAlign("text-top")
-    val middle = VerticalAlign("middle")
-    val bottom = VerticalAlign("bottom")
-    val textBottom = VerticalAlign("text-bottom")
-    val initial = VerticalAlign("initial")
-    val inherit = VerticalAlign("inherit")
-  }
+    companion object {
+        val baseline = VerticalAlign("baseline")
+        val sub = VerticalAlign("sub")
+        val _super = VerticalAlign("super")
+        val top = VerticalAlign("top")
+        val textTop = VerticalAlign("text-top")
+        val middle = VerticalAlign("middle")
+        val bottom = VerticalAlign("bottom")
+        val textBottom = VerticalAlign("text-bottom")
+        val initial = VerticalAlign("initial")
+        val inherit = VerticalAlign("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/Visibility.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/Visibility.kt
@@ -1,15 +1,15 @@
 package nl.astraeus.css.properties

 class Visibility(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val visible = Visibility("visible")
-    val hidden = Visibility("hidden")
-    val collapse = Visibility("collapse")
-    val initial = Visibility("initial")
-    val inherit = Visibility("inherit")
-  }
+    companion object {
+        val visible = Visibility("visible")
+        val hidden = Visibility("hidden")
+        val collapse = Visibility("collapse")
+        val initial = Visibility("initial")
+        val inherit = Visibility("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/WhiteSpace.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/WhiteSpace.kt
@@ -1,17 +1,17 @@
 package nl.astraeus.css.properties

 class WhiteSpace(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = WhiteSpace("normal")
-    val nowrap = WhiteSpace("nowrap")
-    val pre = WhiteSpace("pre")
-    val preLine = WhiteSpace("pre-line")
-    val preWrap = WhiteSpace("pre-wrap")
-    val initial = WhiteSpace("initial")
-    val inherit = WhiteSpace("inherit")
-  }
+    companion object {
+        val normal = WhiteSpace("normal")
+        val nowrap = WhiteSpace("nowrap")
+        val pre = WhiteSpace("pre")
+        val preLine = WhiteSpace("pre-line")
+        val preWrap = WhiteSpace("pre-wrap")
+        val initial = WhiteSpace("initial")
+        val inherit = WhiteSpace("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/WordBreak.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/WordBreak.kt
@@ -1,16 +1,16 @@
 package nl.astraeus.css.properties

 class WordBreak(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = WordBreak("normal")
-    val breakAll = WordBreak("break-all")
-    val keepAll = WordBreak("keep-all")
-    val breakWord = WordBreak("break-word")
-    val initial = WordBreak("initial")
-    val inherit = WordBreak("inherit")
-  }
+    companion object {
+        val normal = WordBreak("normal")
+        val breakAll = WordBreak("break-all")
+        val keepAll = WordBreak("keep-all")
+        val breakWord = WordBreak("break-word")
+        val initial = WordBreak("initial")
+        val inherit = WordBreak("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/WordSpacing.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/WordSpacing.kt
@@ -1,13 +1,13 @@
 package nl.astraeus.css.properties

 class WordSpacing(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = WordSpacing("normal")
-    val initial = WordSpacing("initial")
-    val inherit = WordSpacing("inherit")
-  }
+    companion object {
+        val normal = WordSpacing("normal")
+        val initial = WordSpacing("initial")
+        val inherit = WordSpacing("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/WordWrap.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/WordWrap.kt
@@ -1,14 +1,14 @@
 package nl.astraeus.css.properties

 class WordWrap(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val normal = WordWrap("normal")
-    val breakWord = WordWrap("break-word")
-    val initial = WordWrap("initial")
-    val inherit = WordWrap("inherit")
-  }
+    companion object {
+        val normal = WordWrap("normal")
+        val breakWord = WordWrap("break-word")
+        val initial = WordWrap("initial")
+        val inherit = WordWrap("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/WritingMode.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/WritingMode.kt
@@ -1,13 +1,13 @@
 package nl.astraeus.css.properties

 class WritingMode(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val horizontalTb = WritingMode("horizontal-tb")
-    val verticalRl = WritingMode("vertical-rl")
-    val verticalLr = WritingMode("vertical-lr")
-  }
+    companion object {
+        val horizontalTb = WritingMode("horizontal-tb")
+        val verticalRl = WritingMode("vertical-rl")
+        val verticalLr = WritingMode("vertical-lr")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/properties/ZIndex.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/properties/ZIndex.kt
@@ -1,13 +1,13 @@
 package nl.astraeus.css.properties

 class ZIndex(
-  value: String
+    value: String
 ) : CssProperty(value) {

-  companion object {
-    val auto = ZIndex("auto")
-    val initial = ZIndex("initial")
-    val inherit = ZIndex("inherit")
-  }
+    companion object {
+        val auto = ZIndex("auto")
+        val initial = ZIndex("initial")
+        val inherit = ZIndex("inherit")
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/style/CssBlock.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/style/CssBlock.kt
@@ -1,6 +0,0 @@
-package nl.astraeus.css.style
-
-data class CssBlock(
-  val selector: String,
-  val content: String
-)
--- a/src/commonMain/kotlin/nl/astraeus/css/style/CssFunctions.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/style/CssFunctions.kt
@@ -0,0 +1,11 @@
+package nl.astraeus.css.style
+
+import nl.astraeus.css.properties.Color
+
+object CssFunctions {
+
+    fun darken(color: Color, percentage: Int): Color {
+        return color
+    }
+
+}
--- a/src/commonMain/kotlin/nl/astraeus/css/style/FontFace.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/style/FontFace.kt
@@ -1,42 +1,38 @@
 package nl.astraeus.css.style

-import nl.astraeus.css.properties.CssProperty
-import nl.astraeus.css.properties.FontSize
-import nl.astraeus.css.properties.FontStretch
-import nl.astraeus.css.properties.FontStyle
-import nl.astraeus.css.properties.FontWeight
+import nl.astraeus.css.properties.*

@CssTagMarker
 open class FontFace : CssGenerator() {

-  override fun getValidator(name: String) = null
+    override fun getValidator(name: String) = null

-  fun fontFamily(font: String) {
-    props["font-family"] = listOf(CssProperty(font))
-  }
+    fun fontFamily(font: String) {
+        props["font-family"] = listOf(CssProperty(font))
+    }

-  fun fontSize(size: FontSize) {
-    props["font-size"] = listOf(size)
-  }
+    fun fontSize(size: FontSize) {
+        props["font-size"] = listOf(size)
+    }

-  fun src(src: String) {
-    props["src"] = listOf(CssProperty(src))
-  }
+    fun src(src: String) {
+        props["src"] = listOf(CssProperty(src))
+    }

-  fun fontStretch(stretch: FontStretch) {
-    props["font-stretch"] = listOf(stretch)
-  }
+    fun fontStretch(stretch: FontStretch) {
+        props["font-stretch"] = listOf(stretch)
+    }

-  fun fontStyle(style: FontStyle) {
-    props["font-style"] = listOf(style)
-  }
+    fun fontStyle(style: FontStyle) {
+        props["font-style"] = listOf(style)
+    }

-  fun fontWeight(weight: FontWeight) {
-    props["font-weight"] = listOf(weight)
-  }
+    fun fontWeight(weight: FontWeight) {
+        props["font-weight"] = listOf(weight)
+    }

-  fun unicodeRange(unicodeRange: String) {
-    props["unicode-range"] = listOf(CssProperty(unicodeRange))
-  }
+    fun unicodeRange(unicodeRange: String) {
+        props["unicode-range"] = listOf(CssProperty(unicodeRange))
+    }

 }
--- a/src/commonMain/kotlin/nl/astraeus/css/style/KeyFrames.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/style/KeyFrames.kt
@@ -2,15 +2,15 @@ package nl.astraeus.css.style

@CssTagMarker
 open class KeyFrames : CssGenerator() {
-  val frames: MutableMap<Int, Css> = mutableMapOf()
+    val frames: MutableMap<Int, Css> = mutableMapOf()

-  override fun getValidator(name: String): List<Validator>? = listOf()
+    override fun getValidator(name: String): List<Validator>? = listOf()

-  fun percentage(percentage: Int, style: Css) {
-    val css = Style()
+    fun percentage(percentage: Int, style: Css) {
+        val css = Style()

-    style(css)
+        style(css)

-    frames[percentage] = style
-  }
+        frames[percentage] = style
+    }
 }
--- a/src/commonMain/kotlin/nl/astraeus/css/style/Style.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/style/Style.kt
--- a/src/commonMain/kotlin/nl/astraeus/css/style/Validator.kt
+++ b/src/commonMain/kotlin/nl/astraeus/css/style/Validator.kt
@@ -4,34 +4,34 @@ import nl.astraeus.css.properties.CssProperty

 abstract class Validator {

-  open fun validate(properties: List<CssProperty>): Boolean = true
+    open fun validate(properties: List<CssProperty>): Boolean = true

-  open fun getMessage(name: String): String = "'$name' validation message not defined for $this"
+    open fun getMessage(name: String): String = "'$name' validation message not defined for $this"

 }

 class MaxCountValidator(
-  val number: Int
-) : Validator() {
+    val number: Int
+): Validator() {

-  override fun validate(property: List<CssProperty>): Boolean = property.size <= number
+    override fun validate(property: List<CssProperty>): Boolean = property.size <= number

-  override fun getMessage(name: String): String = "'$name' should not have more than 4 entries"
+    override fun getMessage(name: String): String = "'$name' should not have more than 4 entries"

 }

-class InitialInheritSingleValue : Validator() {
+class InitialInheritSingleValue: Validator() {

-  override fun validate(properties: List<CssProperty>): Boolean {
-    for (prop in properties) {
-      if (prop.css() == "initial" || prop.css() == "inherit") {
-        return properties.size == 1
-      }
+    override fun validate(properties: List<CssProperty>): Boolean {
+        for (prop in properties) {
+            if (prop.css() == "initial" || prop.css() == "inherit") {
+                return properties.size == 1
+            }
+        }
+
+        return true
    }

-    return true
-  }
-
-  override fun getMessage(name: String): String = "'$name' can only have single value when 'initial' or 'inherit'"
+    override fun getMessage(name: String): String = "'$name' can only have single value when 'initial' or 'inherit'"

 }
--- a/src/commonTest/kotlin/nl/astraeus/css/ColorTest.kt
+++ b/src/commonTest/kotlin/nl/astraeus/css/ColorTest.kt
@@ -1,20 +0,0 @@
-package nl.astraeus.css
-
-import nl.astraeus.css.properties.oklch
-import kotlin.test.Test
-
-class ColorTest {
-
-  @Test
-  fun testColor() {
-    val css = style {
-      select("body") {
-        color(oklch(100, 0.5, 0.5))
-        backgroundColor(oklch(100, 0.5, 0.5, 0.25))
-      }
-    }
-
-    println(css.generateCss())
-  }
-
-}
--- a/src/commonTest/kotlin/nl/astraeus/css/CssNameExample.kt
+++ b/src/commonTest/kotlin/nl/astraeus/css/CssNameExample.kt
@@ -1,43 +0,0 @@
-package nl.astraeus.css
-
-import nl.astraeus.css.properties.Color
-import nl.astraeus.css.style.DescriptionProvider
-import kotlin.test.Test
-
-private val CAPITAL_LETTER by lazy { Regex("[A-Z]") }
-
-fun String.hyphenize(): String =
-  replace(CAPITAL_LETTER) {
-    "-${it.value.lowercase()}"
-  }
-
-open class CssName(name: String? = null) : DescriptionProvider {
-  val name: String = if (name != null) {
-    "css-$name"
-  } else{
-    "css${this::class.simpleName?.hyphenize() ?: this::class}"
-  }
-
-  override fun description() = name
-}
-
-object MainTitle : CssName()
-object SectionTitle : CssName("sct-title")
-
-class CssNameExample {
-
-  @Test
-  fun testCssName() {
-    val css = style {
-      select(MainTitle) {
-        color(Color.white)
-      }
-
-      select(SectionTitle) {
-        color(Color.red)
-      }
-    }
-
-    println(css.generateCss())
-  }
-}
--- a/src/commonTest/kotlin/nl/astraeus/css/Examples.kt
+++ b/src/commonTest/kotlin/nl/astraeus/css/Examples.kt
@@ -1,157 +0,0 @@
-package nl.astraeus.css
-
-import nl.astraeus.css.properties.BorderStyle
-import nl.astraeus.css.properties.Color
-import nl.astraeus.css.properties.FontStyle
-import nl.astraeus.css.properties.FontWeight
-import nl.astraeus.css.properties.Measurement
-import nl.astraeus.css.properties.em
-import nl.astraeus.css.properties.hsla
-import nl.astraeus.css.properties.prc
-import nl.astraeus.css.properties.px
-import nl.astraeus.css.style.Style
-import nl.astraeus.css.style.cls
-import nl.astraeus.css.style.txt
-import kotlin.test.Test
-
-class Examples {
-
-  @Test
-  fun testColor() {
-    val color = hsla(0, 50, 50, 1.0)
-    val backgroundColor = Color.white
-
-    val css = style {
-      select(cls("button")) {
-        padding(5.px)
-
-        select("a") {
-          color(color)
-          backgroundColor(backgroundColor)
-
-          hover {
-            color(color.lighten(10))
-            backgroundColor(backgroundColor.darken(10))
-          }
-        }
-      }
-    }
-
-    println(css.generateCss(minified = true))
-  }
-
-  @Test
-  fun testMixins() {
-    fun Style.borderStyles(borderWidth: Measurement = 2.px) {
-      borderWidth(borderWidth)
-      borderColor(Color.aquamarine)
-      borderStyle(BorderStyle.solid)
-    }
-
-    val css = style {
-      select(txt("a"), cls("button")) {
-        borderStyles()
-
-        color(Color.white)
-      }
-
-      select(cls("btn-primary")) {
-        borderStyles(3.px)
-        color(Color.blue)
-      }
-    }
-
-    println(css.generateCss())
-  }
-
-  @Test
-  fun testMeasurements() {
-    val css = style {
-      select("body") {
-        fontSize(1.2.em)
-        borderWidth(3.px)
-        width(75.prc)
-      }
-    }
-
-    println(css.generateCss())
-  }
-
-  @Test
-  fun testGeneration() {
-    val color = hsla(0, 50, 50, 1.0)
-    val backgroundColor = Color.white
-
-    val css = style {
-      select(cls("button")) {
-        padding(5.px)
-
-        select("a", "span") {
-          color(color)
-          backgroundColor(backgroundColor)
-
-          hover {
-            color(color.lighten(10))
-            backgroundColor(backgroundColor.darken(10))
-          }
-        }
-      }
-    }
-
-    println(css.generateCss(
-      minified = false,
-      sortProperties = true,
-      combineEqualBlocks = false
-    ))
-  }
-
-  @Test
-  fun testMediaQueries() {
-    val css = style {
-      media("screen and (min-width: 30em)") {
-        select("html", "body") {
-          backgroundColor(Color.purple)
-          color(Color.blue)
-        }
-      }
-
-      media("print") {
-        select("html", "body") {
-          backgroundColor(Color.white)
-          color(Color.darkGrey)
-        }
-      }
-
-    }
-
-    println(css.generateCss(
-      minified = false,
-      sortProperties = true,
-      combineEqualBlocks = true
-    ))
-  }
-
-  @Test
-  fun testFontFace() {
-    val css = style {
-
-      select("*") {
-        fontFace {
-          fontFamily("UbuntuCondensed")
-          fontStyle(FontStyle.normal)
-          fontWeight(FontWeight.normal)
-          //fontDisplay("auto")
-          src("fonts/ubuntu.condensed.ttf")
-        }
-      }
-
-
-    }
-    val cssTxt = css.generateCss(
-      minified = false,
-      sortProperties = true,
-      combineEqualBlocks = true
-    )
-    println(cssTxt)
-  }
-}
--- a/src/commonTest/kotlin/nl/astraeus/css/TestCalcExpression.kt
+++ b/src/commonTest/kotlin/nl/astraeus/css/TestCalcExpression.kt
@@ -1,18 +0,0 @@
-package nl.astraeus.css
-
-import nl.astraeus.css.properties.calc
-import nl.astraeus.css.properties.em
-import nl.astraeus.css.properties.minus
-import nl.astraeus.css.properties.plus
-import nl.astraeus.css.properties.px
-import kotlin.test.Test
-
-class TestCalcExpression {
-
-  @Test
-  fun testCalcExpression() {
-    val a = calc(10.px + 20.px - 5.em)
-
-    println(a)
-  }
-}
--- a/src/commonTest/kotlin/nl/astraeus/css/TestCssBuilder.kt
+++ b/src/commonTest/kotlin/nl/astraeus/css/TestCssBuilder.kt
@@ -1,23 +1,11 @@
 package nl.astraeus.css

-import nl.astraeus.css.properties.BoxSizing
-import nl.astraeus.css.properties.Color
-import nl.astraeus.css.properties.Count
-import nl.astraeus.css.properties.Display
-import nl.astraeus.css.properties.em
-import nl.astraeus.css.properties.hsl
-import nl.astraeus.css.properties.hsla
-import nl.astraeus.css.properties.px
-import nl.astraeus.css.properties.rgb
-import nl.astraeus.css.properties.rgba
+import nl.astraeus.css.properties.*
 import nl.astraeus.css.style.attr
 import nl.astraeus.css.style.attrEquals
 import nl.astraeus.css.style.cls
 import nl.astraeus.css.style.id
 import kotlin.test.Test
-import kotlin.test.assertEquals
-import kotlin.test.assertFalse
-import kotlin.test.assertTrue

 class TestCssBuilder {

@@ -25,32 +13,6 @@ class TestCssBuilder {
  fun testBuilder() {
    val css = style {

-      select("*", "*::before", "*::after") {
-        boxSizing(BoxSizing.borderBox)
-      }
-
-      select("html") {
-        transition("background-color 1s ease")
-
-        margin(0.px)
-        padding(0.px)
-
-        focus {
-          backgroundColor(Color.blue)
-        }
-      }
-
-      select("body") {
-        margin(0.px)
-
-        padding(0.px)
-
-        focus {
-          backgroundColor(Color.blue)
-        }
-        transition("background-color 1s ease")
-      }
-
      select(".test") {
        top(10.px)
        left(4.em)
@@ -104,7 +66,7 @@ class TestCssBuilder {
      }
    }

-    println(css.generateCss(combineEqualBlocks = true, sortProperties = true))
+    println(css.generateCss())
  }

  @Test
@@ -186,82 +148,4 @@ class TestCssBuilder {

    println(css2.generateCss())
  }
-
-  @Test
-  fun testOr() {
-    val css = style {
-      select("h1") {
-        color(Color.blue)
-
-        select("table") {
-          color(Color.red)
-
-          select("th", "td") {
-            color(Color.green)
-          }
-        }
-      }
-    }
-
-    println(css.generateCss())
-  }
-
-  @Test
-  fun testOrWithComma() {
-    var excepted = false
-    try {
-      val css = style {
-        select("h1") {
-          color(Color.blue)
-
-          select("table") {
-            color(Color.red)
-
-            select("th, td") {
-              color(Color.green)
-            }
-          }
-        }
-      }
-
-      println(css.generateCss())
-    } catch (e: Exception) {
-      excepted = true
-      assertTrue {
-        e is IllegalStateException
-      }
-      assertTrue {
-        e.message?.contains("Comma is not allowed in selector") ?: false
-      }
-    }
-    assertTrue {
-      excepted
-    }
-  }
-
-  @Test
-  fun testAlphaFunctions() {
-    val hsl = hsl(1, 50, 50)
-    val hsla = hsla(1, 50, 50, 0.5)
-    val rgb = rgb(101, 111, 121)
-    val rgba = rgba(100, 110, 120, 0.4)
-    val hex = Color("#88ff44")
-    val hexa = Color("#88ff4466")
-
-    assertFalse { hsl.hasAlpha() }
-    assertFalse { rgb.hasAlpha() }
-    assertFalse { hex.hasAlpha() }
-
-    assertTrue { hsla.hasAlpha() }
-    assertTrue { rgba.hasAlpha() }
-    assertTrue { hexa.hasAlpha() }
-
-    assertEquals(0.5, hsla.getAlpha())
-    assertEquals(0.4, rgba.getAlpha())
-    assertEquals(0.5, hsla.getAlpha())
-    assertEquals(0.4, hexa.getAlpha())
-    assertEquals("646e78", rgba.toHex())
-    assertEquals("bf4240", hsla.toHex())
-  }
-
 }
Author	SHA1	Message	Date
rnentjes	d03db14444	Small fixes	2021-05-10 15:54:42 +02:00
rnentjes	a4331c0a98	Small fixes	2021-05-03 16:37:26 +02:00
rnentjes	166f6d4a1c	Small fixes	2021-04-22 13:02:51 +02:00
rnentjes	57065b5f4b	Update color, fix typo	2021-04-09 19:41:48 +02:00
rnentjes	edd33b41a5	Version 0.3.11	2021-02-25 19:54:13 +01:00
rnentjes	d1d0b5ce33	Update to snapshot version	2021-02-24 10:57:42 +01:00
rnentjes	58f872e370	v. 0.3.10	2021-02-24 10:57:28 +01:00
rnentjes	2928a70728	Add Hsla color functions, v. 0.3.10-SNAPSHOT	2021-02-24 10:57:00 +01:00
rnentjes	dedbce0fa0	Add option to overwrite and redeclaration warning option	2020-09-08 09:39:15 +02:00
rnentjes	f23d54d8c8	Remove gradle.properties	2020-03-24 12:19:55 +01:00
rnentjes	2bf19fd647	More properties, val i.o. fun	2020-03-22 16:40:18 +01:00
rnentjes	7a92e53006	More properties	2020-03-21 19:24:07 +01:00
rnentjes	c40616e691	More properties	2020-03-18 19:27:17 +01:00
rnentjes	5b557c8535	More properties	2020-03-15 19:36:18 +01:00
rnentjes	5a0eeac2fe	Builder test	2020-03-01 15:22:19 +01:00
rnentjes	1f819c925f	Function builder test	2020-03-01 13:19:27 +01:00