mirror_css/css-water.css
1
0
Fork 0
mirror of https://github.com/kognise/water.css.git synced 2025-08-12 08:04:13 +02:00
Code Issues Releases Wiki Activity

(Jankily) clean up overflow and make code snippet link to min.css

Browse Source
This commit is contained in:
Felix Mattick
2022-01-22 11:44:36 -06:00
parent 4bd606f3cb
commit 3decb548f4
2 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/index.html
View File

@@ -128,9 +128,9 @@
</header> </header>
<div id="link-snippet-container"> <div id="link-snippet-container">
<pre id="link-snippet-auto"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.css"></code></pre> <pre id="link-snippet-auto"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/water.min.css"></code></pre>
<pre hidden id="link-snippet-dark"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.css"></code></pre> <pre hidden id="link-snippet-dark"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/dark.min.css"></code></pre>
<pre hidden id="link-snippet-light"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.css"></code></pre> <pre hidden id="link-snippet-light"><code>&lt;link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/water.css@2/out/light.min.css"></code></pre>
</div> </div>
<h3>Options</h3> <h3>Options</h3>

9
docs/style.css
View File

@@ -28,12 +28,19 @@
} }
#link-snippet-container > pre { #link-snippet-container > pre {
overflow: auto; overflow: hidden;
grid-column: 1; grid-column: 1;
grid-row: 1; grid-row: 1;
transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1) 220ms; transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1) 220ms;
} }
/* This is a really *really* evil hack to get around a half-char of overflow. */
@media only screen and (min-width: 840px) {
#link-snippet-container > pre > code {
overflow: hidden;
}
}
#link-snippet-container > pre[hidden] { #link-snippet-container > pre[hidden] {
display: block; display: block;
visibility: hidden; visibility: hidden;