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