diff --git a/app/javascript/stylesheets/atoms/_a-user-icon.sass b/app/javascript/stylesheets/atoms/_a-user-icon.sass index 5787d7ff272..9e15d33cf70 100644 --- a/app/javascript/stylesheets/atoms/_a-user-icon.sass +++ b/app/javascript/stylesheets/atoms/_a-user-icon.sass @@ -12,23 +12,3 @@ +size(1.5rem) +media-breakpoint-down(sm) +size(1.125rem) - -.a-long-text - .a-user-emoji-link - +size(2em) - display: inline-block - &:not(:first-child) - margin-left: .5em - .header-anchor + .a-user-emoji-link - margin-left: 0 - .a-user-emoji - +size(1.8em) - object-fit: cover - background-color: var(--base) - border-radius: 2px - display: inline-block !important - border: none !important - margin-left: 0 !important - margin-right: 0 !important - .articles & .a-user-emoji-link - pointer-events: none diff --git a/app/javascript/stylesheets/config/mixins/_long-text-style.sass b/app/javascript/stylesheets/config/mixins/_long-text-style.sass index da2d2f647e8..2810db8e169 100644 --- a/app/javascript/stylesheets/config/mixins/_long-text-style.sass +++ b/app/javascript/stylesheets/config/mixins/_long-text-style.sass @@ -311,11 +311,6 @@ +speak - *:first-child - margin-top: 0 - *:last-child - margin-bottom: 0 - // header-anchor h1, h2, @@ -346,3 +341,29 @@ &:link, &:visited color: var(--main) + + .a-user-emoji-link + +size(2em) + display: inline-block + &:not(:first-child) + margin-left: .5em + .header-anchor + .a-user-emoji-link + margin-left: 0 + .a-user-emoji + +size(1.8em) + object-fit: cover + background-color: var(--base) + border-radius: 2px + display: inline-block !important + border: none !important + margin-left: 0 !important + margin-right: 0 !important + vertical-align: middle + body.articles & .a-user-emoji-link, + body.buzz & .a-user-emoji-link + pointer-events: none + + *:first-child + margin-top: 0 + *:last-child + margin-bottom: 0