1
0
mirror of https://github.com/osmarks/mycorrhiza.git synced 2025-05-02 23:14:05 +00:00

Replace span.kbd-key with the kbd tag

This commit is contained in:
Timur Ismagilov 2021-06-13 23:37:21 +05:00
parent feea6bf3d7
commit 20a2d26848
2 changed files with 4 additions and 3 deletions

View File

@ -103,7 +103,7 @@ header { width: 100%; margin-bottom: 1rem; }
*, *::before, *::after {box-sizing: border-box;} *, *::before, *::after {box-sizing: border-box;}
html { height:100%; padding:0; } html { height:100%; padding:0; }
body {height:100%; margin:0; } body {height:100%; margin:0; }
body, input { font-size:16px; font-family: 'PT Sans', 'Liberation Sans', sans-serif;} body, input, kbd { font-size:16px; font-family: 'PT Sans', 'Liberation Sans', sans-serif;}
main > form {margin-bottom:1rem;} main > form {margin-bottom:1rem;}
textarea {font-size:16px; font-family: 'PT Sans', 'Liberation Sans', sans-serif;} textarea {font-size:16px; font-family: 'PT Sans', 'Liberation Sans', sans-serif;}
@ -305,7 +305,8 @@ mark { background: rgba(130, 80, 30, 5); color: inherit; }
/* handlerug: sorry but I can't write in that unique and very special way */ /* handlerug: sorry but I can't write in that unique and very special way */
/* i have to resort to the BORING way of writing CSS */ /* i have to resort to the BORING way of writing CSS */
.kbd-key { /* bouncepaw: they say that the best codes style is the consistent code style ☝️ */
kbd {
display: inline-block; display: inline-block;
min-width: 1.5ch; min-width: 1.5ch;
text-align: center; text-align: center;

View File

@ -54,7 +54,7 @@
case ' ': keys[i] = 'Space'; break; case ' ': keys[i] = 'Space'; break;
} }
keys[i] = `<span class="kbd-key">${keys[i]}</span>`; keys[i] = `<kbd>${keys[i]}</kbd>`;
} }
return keys.join(isMac ? '' : ' + '); return keys.join(isMac ? '' : ' + ');