-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.styl
79 lines (46 loc) · 1016 Bytes
/
index.styl
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
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
@import 'nib'
tileSize = 80px
col(n)
.col-{n}
left n * tileSize
row(n)
.row-{n}
top n * tileSize
col(num) for num in 0..7
row(num) for num in 0..7
.grid
position relative
width tileSize * 8
height tileSize * 8
box-shadow 0px 0px 5px rgba(0,0,0,0.5)
border 5px solid #eee
.grid-unit
position absolute
width tileSize
height tileSize
display block
float left
transition background .35s, box-shadow .35s
&.even, &.odd
background #ddd
box-shadow 0px 0px 15px rgba(255,255,255,1) inset
&.even.odd
box-shadow 0px 0px 15px rgba(0,0,0,0.1) inset
background #ccc
&:hover
&.even.odd, &.even, &.odd
background orange
box-shadow 0px 0px 10px rgba(0,0,0,0.15) inset
.piece
transition left 1s, top 1s
position absolute
width 50px
height 50px
border 5px solid #eee
border-radius 10px
box-shadow 0px 0px 5px rgba(0,0,0,0.35)
margin 10px
&.team-black
background linear-gradient(top, #555, #333)
&.team-red
background linear-gradient(top, #e00, #c00)