aitzol/Plume
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Removed JS.

Browse Source
This commit is contained in:
Madeorsk
2018-09-01 19:14:15 +02:00
parent 82dc9ee101
commit 06127a9f48
3 changed files with 6 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files
static/js/menu.js
-10
View File
@@ -1,10 +0,0 @@
document.addEventListener("DOMContentLoaded", () => {
let content = document.getElementById("content");
document.getElementById("menu").querySelector("a").addEventListener("click", () => {
content.classList.add("opened");
});
content.addEventListener("click", (e) => {
if (e.target === content)
content.classList.remove("opened");
});
});
static/main.css
+6 -6
View File
@@ -593,7 +593,7 @@ form.new-post input[type="submit"]:hover { background: #DADADA; }
}
}
header #content.opened, header:focus-within #content {
header:focus-within #content {
position: fixed;
display: flex;
flex-direction: column;
@@ -607,7 +607,7 @@ form.new-post input[type="submit"]:hover { background: #DADADA; }
animation: 0.2s menuOpening;
}
header #content.opened::before, header:focus-within #content::before {
header:focus-within #content::before {
content: "";
position: absolute;
transform: skewX(-10deg);
@@ -620,21 +620,21 @@ form.new-post input[type="submit"]:hover { background: #DADADA; }
background: #7765E3;
}
header #content.opened > nav, header:focus-within #content > nav {
header:focus-within #content > nav {
flex-direction: column;
align-items: flex-start;
}
header #content.opened > nav a, header:focus-within #content > nav a {
header:focus-within #content > nav a {
margin: 0;
padding: 1rem 1.5rem;
color: #F4F4F4;
font-size: 1.4em;
font-weight: 300;
}
header #content.opened > nav a.title, header:focus-within #content > nav a.title {
header:focus-within #content > nav a.title {
font-size: 1.8em;
}
header #content.opened > nav hr, header:focus-within #content > nav hr {
header:focus-within #content > nav hr {
display: block;
margin: 0;
width: 100%;