he4et/oddsquat
1
0
Fork 0
mirror of https://github.com/He4eT/oddsquat.git synced 2026-05-04 20:37:22 +00:00
Code Issues Projects Releases Packages Wiki Activity

layout: add zebra stripes

Browse source
This commit is contained in:
He4eT 2024-05-17 18:36:10 +02:00
commit db2f6eb144
4 changed files with 31 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

22
src/assets/css/main.css
View file

@ -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;
}

2
src/layouts/post.ejs
View file

@ -14,6 +14,8 @@
<body>
<script>0</script>
<%- include('partials/stripes') %>
<header>
<nav>
<ul>

3
src/pages/index.ejs
View file

@ -5,6 +5,9 @@ css:
- index
---
<%- include('partials/stripes') %>
<main>
<nav>
<ul>

4
src/partials/stripes.ejs Normal file
View file

@ -0,0 +1,4 @@
<div class="stripesContainer">
<div class="stripes">
</div>
</div>