X-Git-Url: https://git.auder.net/variants/Baroque/complete_rules.html?a=blobdiff_plain;f=public%2Fstylesheets%2Flayout.sass;h=cdcd81e04903b5d51ca3cd35d96467a1b963c76b;hb=3acb852d971bc17d31ccc05756524f40038adf95;hp=8a2626093f64c595ebc4cd78ee190f0b740a4936;hpb=1d184b4c016a645228251ce984d4c980e60420b0;p=vchess.git

diff --git a/public/stylesheets/layout.sass b/public/stylesheets/layout.sass
index 8a262609..cdcd81e0 100644
--- a/public/stylesheets/layout.sass
+++ b/public/stylesheets/layout.sass
@@ -1,15 +1,38 @@
 html, *
-  font-size: 18px
   font-family: "Open Sans", Arial, sans-serif
+  --back-color: #f2f2f2
+  --a-link-color: #0039e6
 
 body
-  padding: 1%
-
-a
-  color: #00B7FF
+  padding: 0
+  min-width: 320px
 
 .text-center
   text-align: center
 
 .smallpad
   padding: 5px
+
+.emphasis
+  font-style: italic
+
+.red
+  color: #cc3300
+
+.purple
+  color: purple
+
+.smallfont
+  font-size: 0.8em
+
+[type="checkbox"].modal+div .card
+  max-width: 767px
+  max-height: 100vh
+
+// TODO: unused
+// Jump lines only if screen is large enough
+.conditional-jump
+  display: block
+@media screen and (max-width: 767px)
+  .conditional-jump
+    display: inline