you can flip and mark cards

[peach-cgt.git] / style.less

diff --git a/style.less b/style.less
index e0899b0..5df22bd 100644 (file)
--- a/style.less
+++ b/style.less
@@ -40,4 +40,29 @@ h1 {
        border: 2px solid #fff;
        .shadow(1px, 1px, 8px, 0.4);
        border-radius: 4px;
+
+       .button {
+               display: none;
+               border: 1px solid #aaa;
+               border-radius: 2px;
+               background-color: #fff;
+       }
+       .button:hover {
+               background: #eee;
+               cursor: pointer;
+       }
+       &:hover .button {
+               display: block;
+       }
+}
+
+.marked {
+       border-color: black;
+}
+
+.flipped {
+       .cardtext {
+               display: none;
+       }
+       background-color: #ddd;
 }