aboutsummaryrefslogtreecommitdiff
path: root/src/server/Design/LoggedIn/Home/Expandables.hs
blob: dc36392192f53dc99dc7d1416382643a74b61e44 (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
{-# LANGUAGE OverloadedStrings #-}

module Design.LoggedIn.Home.Expandables
  ( design
  ) where

import Clay

import Design.Color as Color
import Design.Helper
import Design.Constants

design :: Css
design = do

  ".expand" ? do
    position absolute
    right blockPadding
    bottom (px 2)

  ".monthlyPayments" ? expandBlock Color.blue Color.white (px inputHeight)

  ".account" ? do
    expandBlock Color.green Color.white (px inputHeight)
    ".userName" ? marginRight (px 10)

  ".detail" |> ".header" ? borderRadius radius radius 0 0