1 files changed, 80 insertions, 0 deletions
diff --git a/src/main/scala/reading/component/index/style/Header.scala b/src/main/scala/reading/component/index/style/Header.scala
new file mode 100644
index 0000000..643dd8e
--- /dev/null
+++ b/src/main/scala/reading/component/index/style/Header.scala
@@ -0,0 +1,80 @@
+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(
+    Media.desktop(margin(40.px)),
+    Media.mobile(margin(30.px))
+  )
+
+  val showFiltersMenu = style(
+    Media.desktop(display.none),
+    Media.mobile(
+      display.flex,
+      justifyContent.center,
+      alignItems.center,
+      width(100.%%),
+      backgroundColor(C.englishWalnut.value),
+      color(C.white.value),
+      border(1.px, solid, C.congoBrown.value),
+      borderRadius(4.px),
+      marginBottom(20.px),
+      padding(10.px, 0.px),
+      cursor.pointer
+    )
+  )
+
+  val filtersCount = style(
+    Count.count
+  )
+
+  val filters = style(
+    display.flex,
+    marginBottom(30.px),
+    Media.mobile(display.none)
+  )
+
+  private val box = style(
+    display.flex,
+    alignItems.center,
+    padding(15.px),
+    marginRight(20.px),
+    borderRadius(2.px),
+    border(1.px, solid, C.gray.lighten(80).value),
+    fontSize(18.px),
+    &.hover(cursor.pointer)
+  )
+
+  val clear = style(
+    box,
+    backgroundColor(C.mickado.value),
+    color(C.white.value),
+    &.hover(backgroundColor(C.mickado.lighten(20).value))
+  )
+
+  val filter = style(
+    box,
+    &.hover(borderColor(C.gray.lighten(50).value))
+  )
+
+  val name = style(
+    marginRight(10.px)
+  )
+
+  val cross = style(
+    width(15.px),
+    height(15.px)
+  )
+
+  val booksCount = style(
+    fontSize(20.px),
+    color(C.gray.value),
+    Media.mobile(textAlign.center)
+  )
+}