diff options
Diffstat (limited to 'src/main/scala/reading/component/style')
-rw-r--r-- | src/main/scala/reading/component/style/Button.scala | 22 | ||||
-rw-r--r-- | src/main/scala/reading/component/style/Count.scala | 27 | ||||
-rw-r--r-- | src/main/scala/reading/component/style/Global.scala | 3 |
3 files changed, 51 insertions, 1 deletions
diff --git a/src/main/scala/reading/component/style/Button.scala b/src/main/scala/reading/component/style/Button.scala new file mode 100644 index 0000000..de02b1a --- /dev/null +++ b/src/main/scala/reading/component/style/Button.scala @@ -0,0 +1,22 @@ +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.%%), + backgroundColor(C.englishWalnut.value), + color(C.white.value), + border(1.px, solid, C.congoBrown.value), + borderRadius(4.px), + padding(12.px, 0.px), + cursor.pointer + ) +} diff --git a/src/main/scala/reading/component/style/Count.scala b/src/main/scala/reading/component/style/Count.scala new file mode 100644 index 0000000..e036bce --- /dev/null +++ b/src/main/scala/reading/component/style/Count.scala @@ -0,0 +1,27 @@ +package reading.component.style + +import scalacss.Defaults._ + +import reading.component.style.{ Color => C } + +object Count extends StyleSheet.Inline { + import dsl._ + + val major = style( + display.flex, + alignItems.center, + justifyContent.center, + backgroundColor(C.stiletto.value), + width(25.px), + height(25.px), + borderRadius(50.%%) + ) + + val minor = style( + color(C.gray.value), + marginLeft(5.px), + fontWeight.normal, + &.before(content := "\"(\""), + &.after(content := "\")\"") + ) +} diff --git a/src/main/scala/reading/component/style/Global.scala b/src/main/scala/reading/component/style/Global.scala index db7ef34..8c70b45 100644 --- a/src/main/scala/reading/component/style/Global.scala +++ b/src/main/scala/reading/component/style/Global.scala @@ -39,6 +39,7 @@ object Global extends StyleSheet.Standalone { display.flex, backgroundColor(initial), color(C.black.value), - border.none + border.none, + fontSize.inherit ) } |