Neighbourhood.omg.lol/wwwroot/css/icon.css

49 lines
1.2 KiB
CSS
Raw Permalink Normal View History

/* Icons and emoji */
:root { --emoji-font: TwemojiCountryFlags, SegoeUIEmoji, 'Segoe UI Emoji', 'Noto Color Emoji', 'Apple Color Emoji', 'Segoe UI Symbol' }
.animated[data-emoji|=🫥] { content: url(/vendor/fluent-emoji/1fae5/animated.png) }
.fa-seedling { color: var(--green-9) !important }
2024-07-25 06:09:37 +00:00
.fa-message-smile { color: var(--blue-5) !important }
.fa-images { color: var(--orange-5) !important }
.fa-id-card { color: var(--red-5) !important }
.fa-comment-dots { color: var(--gray-6) !important }
2024-07-25 06:09:37 +00:00
.fa-clipboard { color: var(--violet-5) !important }
i.tiny { ---size: 1em }
:is(h1,h2,h3,h4,h5,h6) i {
---size: 1em;
margin-right: .3em;
&.fa-at, &:only-child {
margin-right: 0;
inline-size: auto
}
}
h1 i:only-child { margin-block-start: 1rem }
#new-status-emoji, #status-emoji, :is(.status,.pic) .emoji {
margin-bottom: auto;
inline-size: 3.5rem;
block-size: 3.5rem;
font-size: 3.1rem;
line-height: 3.5rem;
text-indent: -6px
}
:not(#feed) > .pic .emoji { display: none }
.chip i { border-radius: 0 }
i[class*=fa-at] {
vertical-align: unset;
font-size: .75em
}
.editor-toolbar :is(.easymde-dropdown, button) { color: inherit }
.editor-toolbar i.separator {
---size: unset;
opacity: .25;
border-radius: 0
}