diff options
Diffstat (limited to 'src/main/scala/reading/component/index/style/BookDetail.scala')
-rw-r--r-- | src/main/scala/reading/component/index/style/BookDetail.scala | 41 |
1 files changed, 20 insertions, 21 deletions
diff --git a/src/main/scala/reading/component/index/style/BookDetail.scala b/src/main/scala/reading/component/index/style/BookDetail.scala index 6e79113..e8f970e 100644 --- a/src/main/scala/reading/component/index/style/BookDetail.scala +++ b/src/main/scala/reading/component/index/style/BookDetail.scala @@ -2,45 +2,44 @@ package reading.component.index.style import scalacss.Defaults._ -import reading.Media import reading.component.style.{ Color => C } object BookDetail extends StyleSheet.Inline { import dsl._ - val title = style( - display.inlineBlock, - fontSize(18.px), - fontWeight.bold, - marginBottom(20.px), - color(C.congoBrown.value) - ) - - val author = style( - display.inlineBlock - ) - val detail = style( display.flex, flexWrap.wrap, - justifyContent.center + justifyContent.spaceAround ) val cover = style( - height(300.px), - marginRight(30.px), - Media.mobile(marginBottom(30.px)) + height(400.px), + marginBottom(30.px) ) val item = style( lineHeight(25.px), - marginBottom(4.px) + margin(0.px, 15.px, 15.px), + &.lastChild(marginBottom(0.px)) ) - val itemKey = style( + val itemName = style( fontWeight.bold, - marginRight(10.px) + textTransform.uppercase, + marginBottom(10.px) + ) + + val itemValues = style( + marginLeft(15.px) ) - val itemValue = style() + val itemValue = style( + marginBottom(5.px), + &.before( + content := "\"•\"", + color(C.stiletto.value), + marginRight(10.px) + ) + ) } |