blob: 73ced3a5e5b20c75f8fceff0a9641366159c5120 (
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
|
{-# LANGUAGE OverloadedStrings #-}
module Design.LoggedIn.Home.Table
( design
) where
import Clay
import qualified Design.Media as Media
design :: Css
design = do
".cell" ? do
".category" & do
Media.tabletDesktop $ width (pct 36)
".cost" & do
Media.tabletDesktop $ width (pct 15)
".user" & do
Media.tabletDesktop $ width (pct 20)
".date" & do
Media.tabletDesktop $ width (pct 20)
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)
|
