dice WIP

1 files changed, 31 insertions, 0 deletions

diff --git a/play.html b/play.html
index d95f920..0323043 100644
--- a/play.html
+++ b/play.html
@@ -197,6 +197,37 @@ main { background-color: dimgray }
 .counter.fln_front{background-position:33.33333333333333% 55.55555555555556%}
 /* .counter.neut{background-position:44.44444444444444% 55.55555555555556%} */
 
+.dice {
+	width: 36px;
+	height: 36px;
+	border-radius: 6px;
+	border-width: 2px;
+	border-style: solid;
+	background-size: 600% 100%;
+	background-repeat: no-repeat;
+}
+
+.d0 { background-position: -100% 0 }
+.d1 { background-position: 0% 0; }
+.d2 { background-position: 20% 0; }
+.d3 { background-position: 40% 0; }
+.d4 { background-position: 60% 0; }
+.d5 { background-position: 80% 0; }
+.d6 { background-position: 100% 0; }
+
+.dice.black {
+	background-image: url(images/die_white_pips.svg);
+	background-color: #444;
+}
+
+.dice.white {
+	background-image: url(images/die_black_pips.svg);
+	background-color: #eee;
+}
+
+.dice.black { border-color: #595959 #303030 #303030 #595959; box-shadow: 0 0 0 1px #0c0c0c, 1px 2px 4px #0008; }
+.dice.white { border-color: #ffffff #b1b1b1 #b1b1b1 #ffffff; box-shadow: 0 0 0 1px #424242, 1px 2px 4px #0008; }
+
 .panel {
 	max-width: 900px;
 	margin: 36px auto;