package reading.component.index.style

import scalacss.Defaults._

import reading.component.style.Col

object Books extends StyleSheet.Inline {
  import dsl._

  val books = style(
    display.flex,
    flexWrap.wrap
  )

  val count = style(
    marginBottom(30.px)
  )

  val book = style(
    media.minWidth(1300.px)(
      width(50.%%)
    ),
    media.maxWidth(1300.px)(
      width(100.%%)
    ),
    paddingBottom(60.px),
    paddingRight(60.px)
  )

  val title = style(
    display.inlineBlock,
    fontWeight.bold,
    marginBottom(20.px),
    color(Col.congoBrown)
  )

  val author = style(
    display.inlineBlock
  )

  val detail = style(
    display.flex
  )

  val cover = style(
    height(150.px),
    marginRight(40.px)
  )

  val item = style(
    lineHeight(25.px),
    marginBottom(4.px)
  )

  val itemKey = style(
    fontWeight.bold,
    marginRight(10.px)
  )

  val itemValue = style()
}