aboutsummaryrefslogtreecommitdiff
path: root/src/main/scala/reading/component/index/style/Header.scala
diff options
context:
space:
mode:
Diffstat (limited to 'src/main/scala/reading/component/index/style/Header.scala')
-rw-r--r--src/main/scala/reading/component/index/style/Header.scala61
1 files changed, 4 insertions, 57 deletions
diff --git a/src/main/scala/reading/component/index/style/Header.scala b/src/main/scala/reading/component/index/style/Header.scala
index 2eb6eb2..10ce059 100644
--- a/src/main/scala/reading/component/index/style/Header.scala
+++ b/src/main/scala/reading/component/index/style/Header.scala
@@ -3,73 +3,20 @@ package reading.component.index.style
import scalacss.Defaults._
import reading.Media
-import reading.component.style.{ Color => C, Button, Count }
+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(
- Button.simple,
- marginBottom(20.px)
- )
- )
-
- val filtersCount = style(
- Count.major,
- marginLeft(20.px)
- )
-
- val filters = style(
- display.flex,
- flexWrap.wrap,
- marginBottom(15.px),
- Media.mobile(display.none)
- )
-
- private val box = style(
- display.flex,
- alignItems.center,
- padding(15.px),
- marginRight(20.px),
- marginBottom(15.px),
- borderRadius(2.px),
- border(1.px, solid, C.gray.lighten(60).value),
- fontSize(18.px),
- &.hover(cursor.pointer)
- )
-
- val clear = style(
- box,
- backgroundColor(C.mickado.value),
- color(C.white.value),
- &.hover(backgroundColor(C.mickado.lighten(30).value))
- )
-
- val filter = style(
- box,
- &.hover(borderColor(C.gray.lighten(80).value))
- )
-
- val name = style(
- marginRight(10.px)
- )
-
- val cross = style(
- width(15.px),
- height(15.px)
+ margin(30.px, 0.px)
)
val searchAndCount = style(
display.flex,
flexWrap.wrap,
alignItems.center,
+ Media.desktop(paddingLeft(40.px)),
Media.mobile(justifyContent.center)
)
@@ -78,7 +25,7 @@ object Header extends StyleSheet.Inline {
Media.desktop(marginRight(30.px))
)
- val booksCount = style(
+ val count = style(
fontSize(20.px),
color(C.gray.value),
Media.mobile(textAlign.center)