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

feat: add transitions for the code snippets

Browse Source
This commit is contained in:
Jonas Kuske
2020-05-30 03:58:04 +02:00
parent d93d03acd5
commit 24ac400205
3 changed files with 33 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
docs/style.css
View File

@@ -6,10 +6,6 @@ html {
margin-top: 1rem;
}
.version-select {
overflow: hidden;
}
.version-select-snippet h3 {
margin: 1rem 2.5rem 1rem 0;
}
@@ -67,4 +63,25 @@ body > footer {
Droid Sans,
Helvetica Neue,
sans-serif;
}
}
#link-snippet-container {
overflow: hidden;
display: grid;
display: -ms-grid;
-ms-grid-columns: 1fr;
}
#link-snippet-container > pre {
overflow: auto;
grid-column: 1;
grid-row: 1;
transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1.275) 220ms;
}
#link-snippet-container > pre[hidden] {
display: block;
visibility: hidden;
transform: scale(0);
transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1.275), visibility 0ms 220ms;
}