luisgulo/typer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

🎨 Tweak Termynal CSS and emojis

Browse source
This commit is contained in:
Sebastián Ramírez 2019-12-29 17:09:19 +01:00
parent f6b61af6ae
commit ce1316ce8f
3 changed files with 5 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
docs/css/custom.css
View file

@ -4,6 +4,6 @@
display: block;
}
.termy {
.termy [data-termynal] {
white-space: pre-wrap;
}

3
docs/css/termynal.css
View file

@ -18,7 +18,8 @@
background: var(--color-bg);
color: var(--color-text);
font-size: 18px;
font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
/* font-family: 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace; */
font-family: 'Roboto Mono', 'Fira Mono', Consolas, Menlo, Monaco, 'Courier New', Courier, monospace;
border-radius: 4px;
padding: 75px 45px 35px;
position: relative;

4
docs/js/termynal.js
View file

@ -135,7 +135,7 @@ class Termynal {
}
restart.href = '#'
restart.setAttribute('data-terminal-control', '')
restart.innerHTML = "restart \u27f3" // Refresh emoji
restart.innerHTML = "restart ↻"
return restart
}
@ -149,7 +149,7 @@ class Termynal {
}
finish.href = '#'
finish.setAttribute('data-terminal-control', '')
finish.innerHTML = "fast \u2b95" // Fast emoji arrow
finish.innerHTML = "fast →"
this.finishElement = finish
return finish
}