blob: 3807da42c935e869b6e8f95171966600f68f53d9 (
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.Expandables
( expandablesDesign
) where
import Clay
import Design.Color as C
import Design.Helper
import Design.Constants
expandablesDesign :: Css
expandablesDesign =
".expandables" ? do
".expand" ? do
position absolute
right blockPadding
bottom (px 2)
".monthlyPayments" ? expandBlock C.blue C.white (px inputHeight)
".account" ? do
expandBlock C.green C.white (px inputHeight)
".header" |> ".exceedingPayer" ? do
lineHeight (px inputHeight)
".userName" ? marginRight (px 10)
".income" ? do
backgroundColor C.lightGrey
lineHeight rowHeight
padding (px 0) (px 20) (px 0) (px 20)
".detail" |> ".header" ? borderRadius radius radius 0 0
|