{"html":"

UIverse is helpful?

\n \n Yes \n \n No \n

\n","css":".article-feedback-container {\n --primary-color: #000000;\n --secondary-color: #000000;\n --tab-text-color: #ffffff;\n --heading-color: #000000;\n --hover: #494b4f;\n display: flex;\n flex-direction: column;\n align-items: center;\n row-gap: 16px;\n font-family: \"Montserrat\", sans-serif;\n font-optical-sizing: auto;\n}\n.article-feedback-heading {\n font-size: 18px;\n font-weight: 600;\n color: var(--heading-color);\n}\n.article-feedback-wrapper {\n display: flex;\n align-items: center;\n}\n.article-feedback-wrapper .input {\n display: none;\n}\n.article-feedback {\n flex-grow: 1;\n text-align: center;\n padding: 8px 24px;\n font-size: 14px;\n background: var(--tab-text-color);\n border: 1px solid var(--primary-color);\n color: var(--secondary-color);\n font-weight: 500;\n cursor: pointer;\n transition: 0.2s ease-in-out;\n}\n.article-feedback-wrapper > .article-feedback:nth-child(2) {\n border-radius: 4px 0px 0px 4px;\n}\n.article-feedback-wrapper > .article-feedback:nth-child(4) {\n border-radius: 0px 4px 4px 0px;\n}\n.article-feedback:hover {\n background: var(--hover);\n color: var(--tab-text-color);\n border-color: var(--hover);\n}\n.article-feedback:active {\n transform: scale(0.9);\n}\n.input:checked + label.article-feedback {\n background: var(--primary-color);\n color: var(--tab-text-color);\n}\n"}

moody-panda-49

👁 实时预览

📝 源代码