1 files changed, 61 insertions, 0 deletions
diff --git a/src/main/scala/reading/component/widget/style/Modal.scala b/src/main/scala/reading/component/widget/style/Modal.scala
new file mode 100644
index 0000000..bfcc276
--- /dev/null
+++ b/src/main/scala/reading/component/widget/style/Modal.scala
@@ -0,0 +1,61 @@
+package reading.component.widget.style
+
+import scalacss.Defaults._
+
+import reading.Media
+import reading.component.style.{ Color => C, Button }
+
+object Modal extends StyleSheet.Inline {
+  import dsl._
+
+  val modal = 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),
+    overflowY.scroll
+  )
+
+  val curtain = style(
+    Media.desktop(
+      width(100.%%),
+      height(100.%%),
+      position.absolute,
+      top(0.px),
+      left(0.px),
+      backgroundColor(C.black.value),
+      opacity(0.5),
+      cursor.pointer
+    ),
+    Media.mobile(
+      display.none
+    )
+  )
+
+  val content = style(
+    position.relative,
+    backgroundColor(C.white.value),
+    Media.desktop(
+      width(50.%%),
+      borderRadius(5.px)
+    ),
+    Media.mobile(
+      width(100.%%),
+      height(100.%%),
+      overflowY.auto
+    ),
+    padding(30.px, 30.px, 0.px, 30.px)
+  )
+
+  val close = style(
+    Button.simple,
+    marginTop(20.px),
+    marginBottom(30.px)
+  )
+}