src/main/scala/reading/component/index/style/Header.scala


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33

package reading.component.index.style

import scalacss.Defaults._

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

object Header extends StyleSheet.Inline {
  import dsl._

  val header = style(
    margin(30.px, 0.px)
  )

  val searchAndCount = style(
    display.flex,
    flexWrap.wrap,
    alignItems.center,
    Media.desktop(paddingLeft(40.px)),
    Media.mobile(justifyContent.center)
  )

  val search = style(
    Media.mobile(display.none),
    Media.desktop(marginRight(30.px))
  )

  val count = style(
    fontSize(20.px),
    color(C.gray.value),
    Media.mobile(textAlign.center)
  )
}