blob: 6b13f2d8dc61005fc9556c42ba07f429daeef0c7 (
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
|
module Design.Loadable
( design
) where
import Clay
design :: Css
design = do
".g-Loadable" ? do
position relative
width (pct 100)
height (pct 100)
".g-Loadable__Spinner" ? do
position absolute
top (px 0)
left (px 0)
width (pct 100)
height (pct 100)
display none
".g-Loadable__Spinner--Loading" ? do
display block
".g-Loadable__Content" ?
transition "opacity" (sec 0.4) ease (sec 0)
".g-Loadable__Content--Loading" ?
opacity 0.5
|
