A simple Glassmorphism UI sample with Kotlin/JS. M...

# javascript

[Racka N]

A simple Glassmorphism UI sample with Kotlin/JS. Might be helpful for learning how to use kotlin-emotion for CSS and how to style components. There's a scarcity of good resources regarding this and I'm sharing since it may be useful to other Kotlin/JS newbies like me.

Github link: https://github.com/racka98/Kotlin-JS-Glass-UI

[turansky]

Actual:

private fun PropsWithClassName.cardInfoCss() = css {
    flex = number(1.0)
    padding = Padding(0.rem, 2.rem)
    display = Display.flex
    flexDirection = FlexDirection.column
    justifyContent = JustifyContent.spaceBetween
}

Expected:

private val Styled = div.styled { _, _ ->
    flex = number(1.0)
    padding = Padding(0.rem, 2.rem)
    display = Display.flex
    flexDirection = FlexDirection.column
    justifyContent = JustifyContent.spaceBetween
}

[turansky]

Example

[Racka N]

Thanks for the heads up.