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

More properties

Browse Source
This commit is contained in:
rnentjes
2020-03-18 19:27:17 +01:00
parent 5b557c8535
commit c40616e691
20 changed files with 564 additions and 392 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,7 +1,6 @@
package nl.astraeus.css
import nl.astraeus.css.properties.*
import nl.astraeus.css.properties.AlignContent.Companion.flexStart
import nl.astraeus.css.properties.AlignContentValue.*
import nl.astraeus.css.properties.Color.Companion.hex
import nl.astraeus.css.style.Css
@@ -137,18 +136,47 @@ fun main() {
// )
}
select("border-0") {
apply(border)
import(border)
// borderRadius = BorderRadius(4, 5, 6, 7)
}
select("border-1") {
apply(border2)
import(border2)
// borderRadius = BorderRadius(4, 5, 6, 7)
}
select("border-2") {
// borderRadius = BorderRadius(4, 5, 6, 7)
apply(border2)
import(border2)
borderStyle(RuleBorderStyle.dashed(), RuleBorderStyle.dotted())
animationPlayState(AnimationPlayState.paused(), AnimationPlayState.running())
keyFrames("mymove") {
percentage(0) {
top(0.px())
}
percentage(50) {
top(60.px())
}
percentage(100) {
top(90.px())
}
}
keyFrames("yourmove") {
percentage(0) {
top(10.px())
}
percentage(40) {
top(20.px())
}
percentage(60) {
top(30.px())
}
percentage(80) {
top(50.px())
color(Color.hex("0000ff"))
}
}
// display = Display.none()
// borderBottomWidth = BorderWidth.perc(13)
}
@@ -158,8 +186,8 @@ fun main() {
val borderStyle = style {
select(".border") {
apply(border)
apply(font)
import(border)
import(font)
select("> p") {
// fontSize = FontSize.smaller()