X-Git-Url: https://git.auder.net/js/rpsls.js?a=blobdiff_plain;f=public%2Fstylesheets%2Flayout.sass;h=d4f6d6d07613f3eba345eaa6213d40512b15ac67;hb=0596f5e7f9a87acbb13445f1bb93e803e9f5ea3c;hp=cdcd81e04903b5d51ca3cd35d96467a1b963c76b;hpb=3acb852d971bc17d31ccc05756524f40038adf95;p=vchess.git

diff --git a/public/stylesheets/layout.sass b/public/stylesheets/layout.sass
index cdcd81e0..d4f6d6d0 100644
--- a/public/stylesheets/layout.sass
+++ b/public/stylesheets/layout.sass
@@ -1,11 +1,41 @@
 html, *
   font-family: "Open Sans", Arial, sans-serif
   --back-color: #f2f2f2
-  --a-link-color: #0039e6
+  --a-link-color: blue
+  --a-visited-color: blue
 
 body
   padding: 0
   min-width: 320px
+  margin-bottom: 10px
+
+.container
+  padding: 0
+  overflow: hidden
+
+.row
+  div
+    padding: 0
+    .section-content
+      *
+        margin-left: auto
+        margin-right: auto
+        max-width: 767px
+      figure.diagram-container
+        max-width: 1000px
+      @media screen and (max-width: 767px)
+        max-width: 100%
+        padding: 0 5px
+
+@media screen and (max-width: 767px)
+  .button-group
+    flex-direction: row
+    button:not(:first-child)
+      border-left: 1px solid var(--button-group-border-color)
+      border-top: 0
+
+a
+  text-decoration: underline
 
 .text-center
   text-align: center
@@ -16,6 +46,12 @@ body
 .emphasis
   font-style: italic
 
+.clickable
+  cursor: pointer
+
+.clearer
+  clear: both
+
 .red
   color: #cc3300
 
@@ -25,14 +61,16 @@ body
 .smallfont
   font-size: 0.8em
 
+.bigfont
+  font-size: 1.2em
+
+.bold
+  font-weight: bold
+
 [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
+[type="checkbox"].modal+div .card.small-modal
+  max-width: 320px
+[type="checkbox"].modal+div .card.big-modal
+  max-width: 90vw