2.4.1: Icon Replacement Strategy - replaced all emojis with semantic SVG icons
This commit is contained in:
parent
1e5a9c629d
commit
f5d9f4bdd3
4 changed files with 120 additions and 12 deletions
|
|
@ -31,8 +31,13 @@
|
|||
}
|
||||
|
||||
.stream-logo::before {
|
||||
content: "⚾";
|
||||
font-size: var(--font-size-2xl);
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 1.25em;
|
||||
height: 1.25em;
|
||||
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M11.049 2.927c.3-.921 1.603-.921 1.902 0l1.519 4.674a1 1 0 00.95.69h4.915c.969 0 1.371 1.24.588 1.81l-3.976 2.888a1 1 0 00-.363 1.118l1.518 4.674c.3.922-.755 1.688-1.538 1.118l-3.976-2.888a1 1 0 00-1.176 0l-3.976 2.888c-.783.57-1.838-.197-1.538-1.118l1.518-4.674a1 1 0 00-.363-1.118l-3.976-2.888c-.784-.57-.38-1.81.588-1.81h4.914a1 1 0 00.951-.69l1.519-4.674z'%3E%3C/svg%3E") no-repeat center center;
|
||||
background-size: contain;
|
||||
margin-right: var(--spacing-2);
|
||||
}
|
||||
|
||||
/* =================================================================
|
||||
|
|
@ -70,7 +75,13 @@
|
|||
}
|
||||
|
||||
.stream-stats__viewer-count::before {
|
||||
content: "👥";
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197m13.5-9a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0zM6.5 9a2.5 2.5 0 11-5 0 2.5 2.5 0 015 0z'%3E%3C/svg%3E") no-repeat center center;
|
||||
background-size: contain;
|
||||
margin-right: var(--spacing-2);
|
||||
}
|
||||
|
||||
/* =================================================================
|
||||
|
|
@ -172,8 +183,13 @@
|
|||
}
|
||||
|
||||
.chat__header-title::before {
|
||||
content: "💬";
|
||||
font-size: var(--font-size-lg);
|
||||
content: '';
|
||||
display: inline-block;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='currentColor'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M8 12h.01M12 12h.01M16 12h.01M21 12c0 4.418-4.03 8-9 8a9.863 9.863 0 01-4.255-.949L3 20l1.395-3.72C3.512 15.042 3 13.574 3 12c0-4.418 4.03-8 9-8s9 3.582 9 8z'%3E%3C/svg%3E") no-repeat center center;
|
||||
background-size: contain;
|
||||
margin-right: var(--spacing-2);
|
||||
}
|
||||
|
||||
.chat__admin-controls {
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue