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') %> +