Fix layout (#147)

* Merge branch '134-design-tweaks' of https://github.com/luxumbra/metagame-wiki into luxumbra-134-design-tweaks after conflicts

* The build process removes the `_node` from class names in the html. I forgot about this.

* Removed the weird formatting when open
This commit is contained in:
Dave Sayer
2020-10-27 09:23:41 +00:00
committed by GitHub
parent a4f18ae6d5
commit 8160ae571a

View File

@@ -227,7 +227,7 @@ body,
}
}
.main-wrapper [class^='docPage_node'] {
.main-wrapper [class^='docPage'] {
@media (min-width: 995px) {
backdrop-filter: blur(5px);
min-height: 100vh;
@@ -358,18 +358,13 @@ body,
color 0.5s 0.2s ease;
z-index: 2;
}
.markdown details {
background: rgba(255, 255, 255, 0);
border-radius: 0.5rem;
backdrop-filter: blur(7px);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
padding: 0;
transition: padding 0.3s 0s ease-in, background 0.3s 0.4s ease-in;
}
.markdown details[open] {
background: rgba(255, 255, 255, 0.08);
padding: 15px;
}
// .markdown details {
// background: rgba(255, 255, 255, 0);
// padding: 0;
// transition: opacity 0.3s 0.4s ease-in;
// }
// .markdown details[open] {
// }
.markdown details summary {
border-radius: 6px;
font-size: 1rem;