}
&.hp9 {
color: lighten(#000, 4%);
background-color: lighten(desaturate(@tile-color, 10%), 1%);
}
&.hp9 {
color: lighten(#000, 4%);
background-color: lighten(desaturate(@tile-color, 10%), 1%);
}
&.hp8 {
color: lighten(#000, 8%);
background-color: lighten(desaturate(@tile-color, 20%), 2%);
}
&.hp8 {
color: lighten(#000, 8%);
background-color: lighten(desaturate(@tile-color, 20%), 2%);
}
&.hp7 {
color: lighten(#000, 12%);
background-color: lighten(desaturate(@tile-color, 30%), 3%);
}
&.hp7 {
color: lighten(#000, 12%);
background-color: lighten(desaturate(@tile-color, 30%), 3%);
}
&.hp6 {
color: lighten(#000, 16%);
background-color: lighten(desaturate(@tile-color, 40%), 4%);
}
&.hp6 {
color: lighten(#000, 16%);
background-color: lighten(desaturate(@tile-color, 40%), 4%);
}
&.hp5 {
color: lighten(#000, 20%);
background-color: lighten(desaturate(@tile-color, 50%), 5%);
}
&.hp5 {
color: lighten(#000, 20%);
background-color: lighten(desaturate(@tile-color, 50%), 5%);
}
&.hp4 {
color: lighten(#000, 24%);
background-color: lighten(desaturate(@tile-color, 60%), 6%);
}
&.hp4 {
color: lighten(#000, 24%);
background-color: lighten(desaturate(@tile-color, 60%), 6%);
}
&.hp3 {
color: lighten(#000, 28%);
background-color: lighten(desaturate(@tile-color, 70%), 7%);
}
&.hp3 {
color: lighten(#000, 28%);
background-color: lighten(desaturate(@tile-color, 70%), 7%);
}
&.hp2 {
color: lighten(#000, 32%);
background-color: lighten(desaturate(@tile-color, 80%), 8%);
}
&.hp2 {
color: lighten(#000, 32%);
background-color: lighten(desaturate(@tile-color, 80%), 8%);
- background-color: spin(lighten(desaturate(@tile-color, 70%), 9%), 100);
+ background-color: spin(lighten(saturate(@tile-color, 30%), 5%), 100);
+ box-shadow: 1px 1px 1px #ddd;
color: lighten(desaturate(@tile-color, 100%), 10%);
background-color: lighten(desaturate(@tile-color, 100%), 10%);
color: lighten(desaturate(@tile-color, 100%), 10%);
background-color: lighten(desaturate(@tile-color, 100%), 10%);