add preview placeholder

This commit is contained in:
jomo
2015-01-03 05:14:50 +01:00
parent a81c3c9de4
commit 756ede7d83
2 changed files with 20 additions and 1 deletions

View File

@@ -108,7 +108,7 @@ h4 {
height: 220px;
}
.code .example-wrapper .preview {
.code .example-wrapper .preview, .code .preview-placeholder {
display: none;
width: 100%;
position: absolute;
@@ -122,6 +122,19 @@ h4 {
color: #666;
}
.code .preview-placeholder {
display: block;
}
.code .preview-placeholder:hover {
/* fixes glitchy blinking */
display: block !important;
}
.code:hover .preview-placeholder {
display: none;
}
.code .example-wrapper .preview i {
color: #aaa;
}