diff options
Diffstat (limited to 'src/main/scala/reading/component/widget/style/Modal.scala')
-rw-r--r-- | src/main/scala/reading/component/widget/style/Modal.scala | 61 |
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) + ) +} |