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