a few fixes

This commit is contained in:
Yann Esposito (Yogsototh) 2022-09-27 12:15:43 +02:00
parent 3ee2a24287
commit a23d34c4a8
Signed by untrusted user who does not match committer: yogsototh
GPG key ID: 7B19A4C650D59646
3 changed files with 22 additions and 14 deletions

2
brut.min.css vendored

File diff suppressed because one or more lines are too long

View file

@ -213,21 +213,25 @@
<h1>Icons</h1> <h1>Icons</h1>
<div class="icons"> <div class="icons">
<div class="row"> <div class="row">
<div class="col c6 card"> <div class="col c6">
<div class="block"><b>Android Safe</b></div> <div class="card">
<i class="ico block" style="line-height: 1.5rem"> <div class="block"><b>Android Safe</b></div>
☎ ♂ ♀ ⓧ © § ® ⇦ ⇧ ⇨ ⇩♠ ♣ ♥ ♦ ♪ ♛ ♜ ♝ ♞ ♟☜ ☞ ♨ ♭ ♯ ¥£ ¢❊ ฿ ๏ ※ ₧ ₨ ₪ € № <i class="ico block" style="line-height: 1.5rem">
</i> ☎ ♂ ♀ ⓧ © § ® ⇦ ⇧ ⇨ ⇩♠ ♣ ♥ ♦ ♪ ♛ ♜ ♝ ♞ ♟☜ ☞ ♨ ♭ ♯ ¥£ ¢❊ ฿ ๏ ※ ₧ ₨ ₪ € №
<div class="block msg" style="line-height: 1.5rem"> </i>
The "Android Safe" icons work everywhere, tested on hundreds of devices. <div class="block msg" style="line-height: 1.5rem">
The "Android Safe" icons work everywhere, tested on hundreds of devices.
</div>
</div> </div>
</div> </div>
<div class="col c6 card"> <div class="col c6">
<div class="block"><b>Total Set</b></div> <div class="card">
<i class="ico block" style="line-height: 1.5rem"> <div class="block"><b>Total Set</b></div>
✉ ✰ ☁ ✈ ☑ ☒ ✆ ☀ ☮ ☢ ☠ ☣ ⌂ ℗ ☺ ☻ ☼ ∡ ∿ ⊝ ⊘ ⁂ ☤ ♫ ☄ ✎ ☟ ☝ ☹ ☭ ☚ ☛ ✌ 〠 ☃ ♮ ☂ ☸ ✍ ☯ ✂ ₩ ◍ ۩ <i class="ico block" style="line-height: 1.5rem">
</i> ✉ ✰ ☁ ✈ ☑ ☒ ✆ ☀ ☮ ☢ ☠ ☣ ⌂ ℗ ☺ ☻ ☼ ∡ ∿ ⊝ ⊘ ⁂ ☤ ♫ ☄ ✎ ☟ ☝ ☹ ☭ ☚ ☛ ✌ 〠 ☃ ♮ ☂ ☸ ✍ ☯ ✂ ₩ ◍ ۩
<div class="block msg warn">Although over 75% of Android devices we tested support all "Total Set" icons, if a substantial portion of your users use old Android devices you should stick to the "Android Safe" set. (The "Total Set" does not include icons from the "Android Safe" set.)</div> </i>
<div class="block msg warn">Although over 75% of Android devices we tested support all "Total Set" icons, if a substantial portion of your users use old Android devices you should stick to the "Android Safe" set. (The "Total Set" does not include icons from the "Android Safe" set.)</div>
</div>
</div> </div>
</div> </div>
<pre>&lt;i class="ico"&gt;Copy and paste icons from above here!&lt;/i&gt;</pre> <pre>&lt;i class="ico"&gt;Copy and paste icons from above here!&lt;/i&gt;</pre>

View file

@ -4,18 +4,22 @@
padding: 1.5em; padding: 1.5em;
} }
.msg.info { .msg.info {
color: var(--fg);
background: var(--ci-1); background: var(--ci-1);
border-color: var(--ci0); border-color: var(--ci0);
} }
.msg.ok { .msg.ok {
color: var(--fg);
background: var(--co-1); background: var(--co-1);
border-color: var(--co0); border-color: var(--co0);
} }
.msg.warn { .msg.warn {
color: var(--fg);
background: var(--cw-1); background: var(--cw-1);
border-color: var(--cw0); border-color: var(--cw0);
} }
.msg.err { .msg.err {
color: var(--fg);
background: var(--ce-1); background: var(--ce-1);
border-color: var(--ce0); border-color: var(--ce0);
} }