X-Git-Url: http://git.euphorik.ch/?a=blobdiff_plain;f=backend%2Fstyle.scss;h=72565b65baba6f90c31a1cf15a6559dfe9e38cfe;hb=855eb169737848e21061e637a8d562ccc33c58e8;hp=6ea838d79cabd84aab253f138265a67172f4f7bd;hpb=3ebbe8172b0430bae5c554925a4582c9fec545f3;p=recipes.git diff --git a/backend/style.scss b/backend/style.scss index 6ea838d..72565b6 100644 --- a/backend/style.scss +++ b/backend/style.scss @@ -3,22 +3,60 @@ @font-face{font-family: Fira Code; font-weight:600; src:url(FiraCode-SemiBold.woff2) format("woff2"); } @font-face{font-family: Fira Code; font-weight:700; src:url(FiraCode-Bold.woff2) format("woff2"); } +$primary: #182430; + +$background: darken($primary, 5%); +$background-container: lighten($primary, 10%); + * { - margin: 50px; - padding: 0px; + margin: 10px; + padding: 0px; +} + +html { + font-size: 80% +} + +a { + color: lighten($primary, 40%); + text-decoration: none; + &:hover { color: lighten($primary, 60%); } } body { - font-size: 18px; - font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif; - text-shadow: 2px 2px 2px rgb(0, 0, 0); - text-align: center; - line-height: 18px; - color: rgb(255, 255, 255); - background-color: rgb(24, 24, 27); - margin: 0px; + font-family: Fira Code, Helvetica Neue, Helvetica, Arial, sans-serif; + text-shadow: 2px 2px 2px rgb(0, 0, 0); + text-align: center; + // line-height: 18px; + color: rgb(255, 255, 255); + background-color: $background; + margin: 0px; + + /* + .header-container { + + } + */ + + .main-container { + display: flex; + + .list { + text-align: left; + } + + .content { + background-color: $background-container; + border: 0.1em solid white; + padding: 0.5em; + } + } + + .footer-container { + font-size: 0.5em; + } } img { - border: 0px; + border: 0px; } \ No newline at end of file