X-Git-Url: https://git.auder.net/?a=blobdiff_plain;f=public%2Fstylesheets%2Flayout.sass;h=38b78b1ec5a54d4984957402b774d5f6a7546a15;hb=e6dcb115eab52abefa1d54a65af546cf5a0153e9;hp=9a80e6942cb5ac9e6308270e1981c4d5faf5b2f4;hpb=fce32e8fa848172f257b339d9c9660b565c1b247;p=vchess.git

diff --git a/public/stylesheets/layout.sass b/public/stylesheets/layout.sass
index 9a80e694..38b78b1e 100644
--- a/public/stylesheets/layout.sass
+++ b/public/stylesheets/layout.sass
@@ -1,20 +1,54 @@
 html, *
-  font-size: 18px
   font-family: "Open Sans", Arial, sans-serif
+  --back-color: #f2f2f2
+  --a-link-color: blue
+  --a-visited-color: blue
 
 body
-  padding: 1% 0
-  background-color: #f2f2f2
+  padding: 0
+  min-width: 320px
 
-@media screen and (min-width: 800px)
-  .card
-    max-width: 600px
+.container
+  padding: 0
+
+.row
+  div
+    padding: 0
+    .section-content
+      *
+        margin-left: 0
+        margin-right: 0
+      @media screen and (max-width: 767px)
+        padding: 0 5px
 
 a
-  color: #00B7FF
+  text-decoration: underline
 
 .text-center
   text-align: center
 
 .smallpad
   padding: 5px
+
+.emphasis
+  font-style: italic
+
+.red
+  color: #cc3300
+
+.purple
+  color: purple
+
+.smallfont
+  font-size: 0.8em
+
+.bigfont
+  font-size: 1.2em
+
+[type="checkbox"].modal+div .card
+  max-width: 767px
+  max-height: 100vh
+[type="checkbox"].modal+div .card.small-modal
+  max-width: 320px
+[type="checkbox"].modal+div .card.big-modal
+  max-width: 90vw