blob: cb46ac933bb47ee88b91affe81bdb784dc069111 (
plain)
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
34
35
36
37
|
{-# LANGUAGE OverloadedStrings #-}
module Design.LoggedIn.Home.Table
( design
) where
import Clay
import qualified Design.Media as Media
design :: Css
design = do
".cell" ? do
".name" & do
Media.tabletDesktop $ width (pct 30)
".cost" & do
Media.tabletDesktop $ width (pct 10)
".user" & do
Media.tabletDesktop $ width (pct 15)
".category" & do
Media.tabletDesktop $ width (pct 10)
".date" & do
Media.tabletDesktop $ width (pct 15)
Media.desktop $ do
".shortDate" ? display none
".longDate" ? display inline
Media.tablet $ do
".shortDate" ? display inline
".longDate" ? display none
Media.mobile $ do
".shortDate" ? display none
".longDate" ? display inline
marginBottom (em 0.5)
|
