diff options
Diffstat (limited to 'src/main/scala/reading/component/widget/style/Popup.scala')
-rw-r--r-- | src/main/scala/reading/component/widget/style/Popup.scala | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/src/main/scala/reading/component/widget/style/Popup.scala b/src/main/scala/reading/component/widget/style/Popup.scala new file mode 100644 index 0000000..422e3bd --- /dev/null +++ b/src/main/scala/reading/component/widget/style/Popup.scala @@ -0,0 +1,50 @@ +package reading.component.widget.style + +import scalacss.Defaults._ + +import reading.component.style.Col + +object Popup extends StyleSheet.Inline { + import dsl._ + + val popup = style( + display.flex, + justifyContent.center, + alignItems.center, + position.fixed, + width(100.%%), + height(100.%%), + top(0.px), + right(0.px), + bottom(0.px), + left(0.px) + ) + + val curtain = style( + width(100.%%), + height(100.%%), + position.absolute, + top(0.px), + left(0.px), + backgroundColor(Col.black), + opacity(0.5), + cursor.pointer + ) + + val content = style( + position.relative, + width(50.%%), + backgroundColor(Col.white), + padding(30.px), + borderRadius(5.px) + ) + + val cross = style( + position.absolute, + top(30.px), + right(30.px), + width(20.px), + height(20.px), + cursor.pointer + ) +} |