如何将‘new’图形应用于新主题

[oga]

我今天登录社区时，注意到一个红色的“New”标志，如下图所示。

这个红色的“New！”标志是如何实现的？由于我们将每天发布文章，我想用它来标记新主题。这个标志是如何或用什么创建的？
谢谢。

[sheng_hualuo (花落晓斩神)]

.badge-notification.new-topic::before {
    content: "新！";
    position: absolute;
    right: -1.1em;
    top: -0.85em;
    background: var(--quaternary);
    transform: rotate(12deg);
    font-size: var(--font-down-2);
    letter-spacing: .05em;
    padding: .2em .5em;
    border-radius: 4px;
    font-weight: normal;
    color: var(--secondary);
}

[oga]

非常感谢。我假设这将被添加为一个组件，对吗？
鉴于这将是一个应用于所有主题的全局更改，它是在“head”还是“body”等位置是否重要？

[sheng_hualuo (花落晓斩神)]

我建议你创建一个主题组件，将其命名为自定义 CSS，并添加所有你需要的 CSS。

[patrickemin]

您好，感谢您的建议，但我使用的是法语“Nouveau”，这是一个较长的单词，并且被截断了。您知道如何解决这个问题吗？谢谢。@sheng_hualuo

[Arkshine]

尝试添加以下属性

    height: auto;
    width: auto;

如果这是你的意思：

[patrickemin]

感谢 @Arkshine，这很有效！