From db2f6eb144c07c633c5389ca1c4494a6e66e6737 Mon Sep 17 00:00:00 2001 From: He4eT Date: Fri, 17 May 2024 18:36:10 +0200 Subject: [PATCH] layout: add zebra stripes --- src/assets/css/main.css | 22 ++++++++++++++++++++++ src/layouts/post.ejs | 2 ++ src/pages/index.ejs | 3 +++ src/partials/stripes.ejs | 4 ++++ 4 files changed, 31 insertions(+) create mode 100644 src/partials/stripes.ejs diff --git a/src/assets/css/main.css b/src/assets/css/main.css index a07e3e6..bb05cc8 100644 --- a/src/assets/css/main.css +++ b/src/assets/css/main.css @@ -89,3 +89,25 @@ header li:last-child::after { footer { color: hsl(0, 0%, 0%, 0.6); } + +/* Stripes */ + +.stripesContainer { + box-sizing: content-box; + max-width: 45rem; + padding: 5% 5% 0; +} + +.stripes { + height: 8vh; + background-image: linear-gradient( + 135deg, + currentColor 33.33%, + transparent 33.33%, + transparent 50%, + currentColor 50%, + currentColor 83.33%, + transparent 83.33%, + transparent 100%); + background-size: 30.00px 30.00px; +} diff --git a/src/layouts/post.ejs b/src/layouts/post.ejs index 8b1db0d..5b76e18 100644 --- a/src/layouts/post.ejs +++ b/src/layouts/post.ejs @@ -14,6 +14,8 @@ + <%- include('partials/stripes') %> +