package reading.component.index.style

import scalacss.Defaults._

import reading.Media

object Books extends StyleSheet.Inline {
  import dsl._

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

  val book = style(
    Media.desktop(width(250.px)),
    Media.mobile(width(150.px)),
    paddingBottom(60.px),
    textAlign.center
  )

  val cover = style(
    Media.desktop(
      height(250.px),
      maxWidth(200.px)
    ),
    Media.mobile(
      height(150.px),
      maxWidth(120.px)
    ),
    cursor.pointer
  )
}