aboutsummaryrefslogtreecommitdiff
path: root/src/main/scala/reading/component/widget/style/Popup.scala
diff options
context:
space:
mode:
Diffstat (limited to 'src/main/scala/reading/component/widget/style/Popup.scala')
-rw-r--r--src/main/scala/reading/component/widget/style/Popup.scala50
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
+ )
+}