blob: 270bb8e219b76448ac0aed86f47bd20630f1e116 (
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
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
module Design.Views
( design
) where
import Clay
import qualified Design.Color as Color
import qualified Design.Constants as Constants
import qualified Design.Helper as Helper
import qualified Design.Media as Media
import qualified Design.View.ConfirmDialog as ConfirmDialog
import qualified Design.View.Header as Header
import qualified Design.View.NotFound as NotFound
import qualified Design.View.Pages as Pages
import qualified Design.View.Payment as Payment
import qualified Design.View.SignIn as SignIn
import qualified Design.View.Stat as Stat
import qualified Design.View.Table as Table
design :: Css
design = do
header ? Header.design
Payment.design
".signIn" ? SignIn.design
".stat" ? Stat.design
".notfound" ? NotFound.design
Table.design
Pages.design
ConfirmDialog.design
".withMargin" ? do
"margin" -: "0 2vw"
".titleButton" ? do
display flex
marginBottom (em 1)
Media.tabletDesktop $ do
justifyContent spaceBetween
alignItems center
Media.mobile $ do
flexDirection column
"h1" ? marginBottom (em 0.5)
button ? do
Helper.button Color.chestnutRose Color.white (px Constants.inputHeight) Constants.focusLighten
Media.mobile $ do
width (pct 100)
marginBottom (px 20)
".tag" ? do
sym borderRadius (px 4)
sym2 padding (px 2) (px 5)
boxShadow . pure . bsColor (rgba 0 0 0 0.3) $ shadowWithBlur (px 2) (px 2) (px 5)
color Color.white
|
