1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
package reading.component.style
import scalacss.Defaults._
import reading.component.style.{ Color => C }
object Button extends StyleSheet.Inline {
import dsl._
val simple = style(
display.flex,
justifyContent.center,
alignItems.center,
width(100.%%),
color(C.white.value),
border(1.px, solid, C.congoBrown.value),
borderRadius(4.px),
padding(12.px, 0.px),
cursor.pointer,
backgroundColor(C.englishWalnut.value),
transition := "background-color 0.2s ease-in-out",
&.hover(backgroundColor(C.englishWalnut.lighten(30).value))
)
}
|
