Gordon Pedersen
e017269685
Split out some separation of concerns: - color - font/typography - icon/emoji related - z-indexes - the rest (mostly layout)
48 lines
No EOL
1.2 KiB
CSS
48 lines
No EOL
1.2 KiB
CSS
/* 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 }
|
|
.fa-message-smile { color: var(--blue-4) !important }
|
|
.fa-images { color: var(--yellow-6) !important }
|
|
.fa-id-card { color: var(--pink-4) !important }
|
|
.fa-comment-dots { color: var(--gray-6) !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
|
|
} |