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

Update docs pt.1

Browse Source
This commit is contained in:
Felix
2020-05-28 14:40:02 -05:00
parent 2c29269710
commit 7e4251f5c1
3 changed files with 289 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
docs/style.css
View File

@@ -10,61 +10,33 @@ html {
overflow: hidden;
}
.version-select__snippet h3 {
.version-select-snippet h3 {
margin: 1rem 2.5rem 1rem 0;
}
/* Make the ✔ / ❌ Emoji appear next to the button */
.version-select__snippet__btn {
#copy-snippet {
position: relative;
margin: 0 2px 0 auto;
margin-right: 2px;
overflow: visible;
}
.version-select__snippet__btn span {
#copy-snippet span {
position: absolute;
left: -2rem;
display: inline-block;
transform: scale(1.3);
}
.version-select__options > label {
white-space: pre;
}
.version-select__options > label:not(:last-of-type) {
#theme-form > label:not(:last-of-type) {
margin-right: 1rem;
}
.version-select__options__additional,
.version-select__options__additional > *:not(summary) {
display: block;
margin: 1rem 0;
}
.version-select__options__additional summary {
outline: none;
cursor: pointer;
font-weight: 600;
}
.version-select__options__additional summary:hover span,
.version-select__options__additional summary:focus span {
text-decoration: underline;
}
.version-select__info caption {
text-align: left;
}
.version-select__info th {
border: none;
vertical-align: top;
#version-info th {
width: 35%;
}
body > footer {
padding-top: 2rem;
display: flex;
justify-content: flex-end;
align-items: flex-end;
@@ -95,46 +67,4 @@ body > footer {
Droid Sans,
Helvetica Neue,
sans-serif;
}
.opacity-4 {
opacity: 0.4;
}
.opacity-7 {
opacity: 0.76;
}
.tooltip {
position: relative;
cursor: help;
}
.tooltip::after {
content: '';
position: absolute;
left: 0;
bottom: -4px;
width: 100%;
border-width: 0 0 1.5px;
border-style: dotted;
}
/* For the bounce transitions of code snippet and copy success Emoji */
.v-enter,
.v-leave-to {
transform: scale(0) !important;
}
.v-enter-active,
.v-leave-active {
transition: transform 220ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}
[v-cloak] > * {
display: none;
}
[v-cloak]::after {
content: 'Version picker is loading...';
}
}