scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 07:38:07 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Merge pull request #2437 from benjiwheeler/placeholder-text-go-away

Browse source 
Placeholder text go away
This commit is contained in:
Benjamin Wheeler 2018-12-12 11:24:43 -05:00 committed by GitHub
commit 964459fb17
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 32 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
src/views/preview/preview.scss
View file

@ -482,8 +482,40 @@ $stage-width: 480px;
display: flex;
flex: 1;
}
::-webkit-input-placeholder { /* Chrome <=56, Safari < 10 */
transition: opacity .25s;
opacity: 1;
-webkit-transition: opacity .25s;
}
:-moz-placeholder { /* FF 4-18 */
transition: opacity .25s;
opacity: 1;
-moz-transition: opacity .25s;
}
::-moz-placeholder { /* FF 19-51 */
transition: opacity .25s;
opacity: 1;
-moz-transition: opacity .25s;
}
:-ms-input-placeholder { /* IE 10+ */
transition: opacity .25s;
opacity: 1;
-ms-transition: opacity .25s;
}
::placeholder { /* Modern Browsers */
transition: opacity .25s;
opacity: 1;
}
*:focus::-webkit-input-placeholder { opacity: 0; } /* Chrome <=56, Safari < 10 */
*:focus:-moz-placeholder { opacity: 0; } /* FF 4-18 */
*:focus::-moz-placeholder { opacity: 0; } /* FF 19-50 */
*:focus:-ms-input-placeholder { opacity: 0; } /* IE 10+ */
*:focus::placeholder { opacity: 0; } /* Modern Browsers */
}
.comments-header {
padding: 0 0 1rem 0;
justify-content: space-between;