2019-09-22 18:26:28 +02:00
package moe.kageru.kodeshare.pages
import kotlinx.css.*
import kotlinx.css.properties.ms
import kotlinx.css.properties.transition
object Css {
2019-09-29 08:17:31 +02:00
private val accent1 = Color ( " #e6db74 " )
private val accent2 = Color ( " #a6e22e " )
2019-09-22 18:26:28 +02:00
private val fontcolor = Color . lightGrey
2019-09-29 08:17:31 +02:00
private val bgcolor = Color ( " #23241f " )
2019-09-22 18:26:28 +02:00
val default = CSSBuilder ( ) . apply {
body {
fontFamily = " Hack, Fira Code, Noto Mono, monospace "
fontSize = 13. pt
textAlign = TextAlign . center
margin = " auto "
2019-09-29 08:17:31 +02:00
backgroundColor = bgcolor
2019-09-22 18:26:28 +02:00
color = fontcolor
}
textarea {
fontFamily = " Hack, Fira Code, Noto Mono, monospace "
2019-09-29 08:17:31 +02:00
backgroundColor = bgcolor
2019-09-22 18:26:28 +02:00
color = Color . white
fontSize = 13. pt
borderColor = accent1
borderWidth = 3. px
borderRadius = 8. px
borderStyle = BorderStyle . solid
padding = " 5px "
minWidth = 70. pct
maxWidth = 100. pct
}
2019-09-29 08:17:31 +02:00
// this doesn’t inherit the style from anything else for some reason
rule ( " .hljs " ) {
width = 100. pct
height = 100. pct
textAlign = TextAlign . left
fontFamily = " Hack, Fira Code, Noto Mono, monospace "
fontSize = 13. pt
}
2019-09-22 18:26:28 +02:00
rule ( " input[type= \" submit \" ] " ) {
backgroundColor = accent1
borderColor = accent1
borderWidth = 2. px
borderRadius = 5. px
borderStyle = BorderStyle . solid
color = Color . black
fontWeight = FontWeight . w600
padding = " 5px 15px "
cursor = Cursor . pointer
transition ( duration = 500. ms )
}
rule ( " input[type= \" submit \" ]:hover " ) {
backgroundColor = Color . transparent
2019-09-29 08:17:31 +02:00
borderColor = accent2
color = accent2
2019-09-22 18:26:28 +02:00
}
rule ( " textarea:focus " ) {
borderColor = accent2
}
rule ( " ::selection " ) {
color = accent1
}
} . toString ( )
}