Chapril/xmpp.chapril.org-conversejs
Chapril/xmpp.chapril.org-conversejs
25
0
Fork 0
Code Issues Pull Requests Projects Releases Activity

Style the ::placeholder text to make it lighter.

Browse Source
This commit is contained in:
JC Brand 2017-03-19 15:59:48 +00:00
parent c976f3f079
commit 4d6fb84239
3 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
css/converse-muc-embedded.css
View File

@ -3,7 +3,6 @@
https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51 https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
*/ */
/* $font-path: "../fonticons/fonts/" !default; */
#converse-embedded-chat { #converse-embedded-chat {
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
-moz-box-sizing: border-box; -moz-box-sizing: border-box;

8
css/converse.css
View File

@ -10,11 +10,10 @@
https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51 https://coolors.co/app/264653-2a9d8f-e9c46a-f4a261-e76f51
http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ http://paletton.com/#uid=53f0u0knsvIdILAj5Cftgu3uBmZ
*/ */
/* $font-path: "../fonticons/fonts/" !default; */
@font-face { @font-face {
font-family: 'Converse-js'; font-family: 'Converse-js';
src: url("/fonticons/fonts/icomoon.eot?wvi0ht"); src: url("../fonticons/fonts/icomoon.eot?wvi0ht");
src: url("/fonticons/fonts/icomoon.eot?wvi0ht#iefix") format("embedded-opentype"), url("/fonticons/fonts/icomoon.ttf?wvi0ht") format("truetype"), url("/fonticons/fonts/icomoon.woff?wvi0ht") format("woff"), url("/fonticons/fonts/icomoon.svg?wvi0ht#icomoon") format("svg"); src: url("../fonticons/fonts/icomoon.eot?wvi0ht#iefix") format("embedded-opentype"), url("../fonticons/fonts/icomoon.ttf?wvi0ht") format("truetype"), url("../fonticons/fonts/icomoon.woff?wvi0ht") format("woff"), url("../fonticons/fonts/icomoon.svg?wvi0ht#icomoon") format("svg");
font-weight: normal; font-weight: normal;
font-style: normal; } font-style: normal; }
.icon-conversejs { .icon-conversejs {
@ -1164,6 +1163,9 @@
#conversejs { #conversejs {
width: 100%; width: 100%;
width: 100vw; } } width: 100vw; } }
#converse-embedded-chat ::placeholder,
#conversejs ::placeholder {
color: #BBB; }
#converse-embedded-chat .circle, #converse-embedded-chat .circle,
#conversejs .circle { #conversejs .circle {
border-radius: 50%; } border-radius: 50%; }

4
sass/_core.scss
View File

@ -20,6 +20,10 @@
width: 100vw; width: 100vw;
} }
::placeholder {
color: #BBB;
}
.circle { .circle {
border-radius: 50%; border-radius: 50%;
} }