@lobehub/ui
Version:
Lobe UI is an open-source UI component library for building AIGC web apps
15 lines • 1.98 kB
JavaScript
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref) {
var css = _ref.css,
responsive = _ref.responsive,
token = _ref.token,
stylish = _ref.stylish;
return {
actions: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n margin-block-start: 24px;\n\n button {\n padding-inline: 32px !important;\n font-weight: 500;\n }\n\n ", " {\n flex-direction: column;\n gap: 16px;\n width: 100%;\n margin-block-start: 24px;\n\n button {\n width: 100%;\n }\n }\n "])), responsive.mobile),
container: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n box-sizing: border-box;\n text-align: center;\n "]))),
desc: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n margin-block-start: 0;\n font-size: ", "px;\n color: ", ";\n text-align: center;\n\n ", " {\n margin-block: 24px;\n margin-inline: 16px;\n font-size: ", "px;\n }\n "])), token.fontSizeHeading3, token.colorTextSecondary, responsive.mobile, token.fontSizeHeading5),
title: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n z-index: 10;\n\n margin: 0;\n\n font-size: min(100px, 10vw);\n line-height: 1.2;\n text-align: center;\n\n b {\n ", "\n position: relative;\n z-index: 5;\n background-clip: text;\n\n -webkit-text-fill-color: transparent;\n\n &::selection {\n -webkit-text-fill-color: #000 !important;\n }\n }\n\n ", " {\n font-size: 64px;\n }\n "])), stylish.gradientAnimation, responsive.mobile)
};
});