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

refactor: minor cleanup

Browse Source
This commit is contained in:
Jonas Kuske
2020-05-30 04:35:33 +02:00
parent c938689a7e
commit a838f4fcec
2 changed files with 25 additions and 27 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
docs/index.html
View File

@@ -120,7 +120,7 @@
<h2>Installation</h2>
<div id="installation">
<header class="row version-select-snippet">
<header class="row" id="link-snippet-headline">
<h3>Paste this into the <code>&lt;head&gt;</code> of your HTML:</h3>
<button type="button" id="copy-button">
<span id="copy-button-feedback" class="emoji"></span>

50
docs/style.css
View File

@@ -6,11 +6,11 @@ html {
margin-top: 1rem;
}
.version-select-snippet h3 {
#link-snippet-headline {
margin: 1rem 2.5rem 1rem 0;
}
/* Make the ✔ / ❌ Emoji appear next to the button */
/* Make the feedback Emoji appear next to the button */
#copy-button {
position: relative;
margin-right: 2px;
@@ -24,6 +24,27 @@ html {
transform: scale(1.3);
}
#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;
}
#theme-form > label:not(:last-of-type) {
margin-right: 1rem;
}
@@ -33,9 +54,7 @@ html {
}
body > footer {
display: flex;
justify-content: flex-end;
align-items: flex-end;
text-align: right;
}
.row {
@@ -64,24 +83,3 @@ body > footer {
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;
}