website: lab: adds russian sample text and adds padding to sample text that is relative to font size
This commit is contained in:
parent
4230eece31
commit
0dd78a6d3e
2 changed files with 7 additions and 3 deletions
|
|
@ -595,6 +595,11 @@ I ausete Spereg al ints, leas tat ted bion be ingur Buthed Leactat ging al leado
|
||||||
`)
|
`)
|
||||||
|
|
||||||
|
|
||||||
|
samples.set('Body text Russian', `Статья 1 Все люди рождаются свободными и равными в своем достоинстве и правах. Они наделены разумом и совестью и должны поступать в отношении друг друга в духе братства.
|
||||||
|
|
||||||
|
Статья 2 Каждый человек должен обладать всеми правами и всеми свободами, провозглашенными настоящей Декларацией, без какого бы то ни было различия, как-то в отношении расы, цвета кожи, пола, языка, религии, политических или иных убеждений, национального или социального происхождения, имущественного, сословного или иного положения. Кроме того, не должно проводиться никакого различия на основе политического, правового или международного статуса страны или территории, к которой человек принадлежит, независимо от того, является ли эта территория независимой, подопечной, несамоуправляющейся или как-либо иначе ограниченной в своем суверенитете.`)
|
||||||
|
|
||||||
|
|
||||||
function hexstr(uc, minWidth) {
|
function hexstr(uc, minWidth) {
|
||||||
let s = uc.toString(16).toUpperCase()
|
let s = uc.toString(16).toUpperCase()
|
||||||
while (s.length < minWidth) {
|
while (s.length < minWidth) {
|
||||||
|
|
@ -1233,7 +1238,7 @@ document.head.appendChild(fontCSS)
|
||||||
|
|
||||||
<label class="label-and-value">
|
<label class="label-and-value">
|
||||||
<span>Size:</span>
|
<span>Size:</span>
|
||||||
<input type="number" value="13" step="1" min="4" max="1024" name="size">
|
<input type="number" value="22" step="1" min="4" max="1024" name="size">
|
||||||
</label>
|
</label>
|
||||||
|
|
||||||
<label class="label-and-value">
|
<label class="label-and-value">
|
||||||
|
|
|
||||||
|
|
@ -153,7 +153,6 @@ samples, boxes {
|
||||||
/*samples { background: rgba(255,0,255,0.4); } sample { background: rgba(100,100,255,0.4); }*/
|
/*samples { background: rgba(255,0,255,0.4); } sample { background: rgba(100,100,255,0.4); }*/
|
||||||
samples {
|
samples {
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 24px 0;
|
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
body.italic samples {
|
body.italic samples {
|
||||||
|
|
@ -162,7 +161,7 @@ body.italic samples {
|
||||||
sample {
|
sample {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
/*white-space: pre;*/
|
/*white-space: pre;*/
|
||||||
padding: 0 24px;
|
padding: 2em;
|
||||||
min-width:100px;
|
min-width:100px;
|
||||||
/*max-width:450px;*/
|
/*max-width:450px;*/
|
||||||
white-space: pre-wrap;
|
white-space: pre-wrap;
|
||||||
|
|
|
||||||
Reference in a new issue