Add general-purpose .hidden CSS class
This commit is contained in:
parent
136904e783
commit
a82c43e86f
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "@fwdekker/template",
|
"name": "@fwdekker/template",
|
||||||
"version": "2.2.0",
|
"version": "2.2.1",
|
||||||
"description": "The base template for pages on fwdekker.com.",
|
"description": "The base template for pages on fwdekker.com.",
|
||||||
"author": "Felix W. Dekker",
|
"author": "Felix W. Dekker",
|
||||||
"license": "MIT",
|
"license": "MIT",
|
||||||
|
|
|
@ -19,12 +19,12 @@ noscript p {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hidden {
|
||||||
/* Main element display state */
|
|
||||||
main.pageHidden {
|
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* Main element display state */
|
||||||
main.pageVisible {
|
main.pageVisible {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
|
|
|
@ -199,7 +199,7 @@ const showPage = function() {
|
||||||
main.style.display = "flex";
|
main.style.display = "flex";
|
||||||
main.style.flexDirection = "column";
|
main.style.flexDirection = "column";
|
||||||
main.style.minHeight = "100%";
|
main.style.minHeight = "100%";
|
||||||
main.classList.remove("pageHidden");
|
main.classList.remove("hidden");
|
||||||
main.classList.add("pageVisible");
|
main.classList.add("pageVisible");
|
||||||
|
|
||||||
// TODO: Remove .style commands once all pages are migrated
|
// TODO: Remove .style commands once all pages are migrated
|
||||||
|
|
|
@ -22,7 +22,7 @@
|
||||||
instructions on how to enable JavaScript in your web browser</a>.
|
instructions on how to enable JavaScript in your web browser</a>.
|
||||||
</p>
|
</p>
|
||||||
</noscript>
|
</noscript>
|
||||||
<main class="pageHidden">
|
<main class="hidden">
|
||||||
<div id="nav"></div>
|
<div id="nav"></div>
|
||||||
<div id="contents">
|
<div id="contents">
|
||||||
<div id="header"></div>
|
<div id="header"></div>
|
||||||
|
|
Loading…
Reference in New Issue