package reading.component.index.style

import scalacss.Defaults._

import reading.component.style.{ Color => C }

object BookDetail extends StyleSheet.Inline {
  import dsl._

  val detail = style(
    display.flex,
    flexWrap.wrap,
    justifyContent.spaceAround
  )

  val cover = style(
    height(400.px),
    marginBottom(30.px)
  )

  val item = style(
    lineHeight(25.px),
    margin(0.px, 15.px, 15.px),
    &.lastChild(marginBottom(0.px))
  )

  val itemName = style(
    fontWeight.bold,
    textTransform.uppercase,
    marginBottom(10.px)
  )

  val itemValues = style(
    marginLeft(15.px)
  )

  val itemValue = style(
    marginBottom(5.px),
    &.before(
      content := "\"•\"",
      color(C.stiletto.value),
      marginRight(10.px)
    )
  )
}