diff options
Diffstat (limited to 'src/main/scala/reading/component/index/style/Header.scala')
-rw-r--r-- | src/main/scala/reading/component/index/style/Header.scala | 61 |
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) |