dumi-theme-antd-style/dist/components/Footer/style.js

dumi-theme-antd-style 是为 dumi2 打造的一款文档站主题包，提供了更加美观、易用的研发与阅读体验

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2;
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref, isEmpty) {
  var css = _ref.css,
    responsive = _ref.responsive,
    token = _ref.token;
  var prefix = "rc-footer";
  return {
    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      grid-area: footer;\n      border-top: 1px solid ", ";\n      color: ", ";\n      text-align: center;\n      align-self: stretch;\n\n      ", " {\n        border: none;\n        flex-direction: column;\n      }\n    "])), token.colorSplit, token.colorTextDescription, responsive.mobile),
    footer: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      color: ", ";\n      font-size: 14px;\n      line-height: 1.5;\n      background-color: ", ";\n\n      &.", " {\n        a {\n          color: ", ";\n          text-decoration: none;\n          transition: all 0.3s;\n\n          &:hover {\n            color: ", ";\n          }\n        }\n      }\n\n      .", " {\n        &-container {\n          width: 100%;\n          max-width: ", "px;\n          margin: auto;\n          padding: ", ";\n        }\n\n        &-columns {\n          display: flex;\n          justify-content: space-around;\n        }\n\n        &-column {\n          h2 {\n            position: relative;\n            margin: 0 auto;\n            color: ", ";\n            font-weight: 500;\n            font-size: 16px;\n          }\n\n          &-icon {\n            position: relative;\n            top: -1px;\n            display: inline-block;\n            width: 22px;\n            text-align: center;\n            vertical-align: middle;\n            margin-inline-end: 0.5em;\n\n            > span,\n            > svg,\n            img {\n              display: block;\n              width: 100%;\n            }\n          }\n        }\n\n        &-item {\n          margin: 12px 0;\n\n          &-icon {\n            position: relative;\n            top: -1px;\n            display: inline-block;\n            width: 16px;\n            text-align: center;\n            vertical-align: middle;\n            margin-inline-end: 0.4em;\n\n            > span,\n            > svg,\n            img {\n              display: block;\n              width: 100%;\n            }\n          }\n\n          &-separator {\n            margin: 0 0.3em;\n          }\n        }\n\n        &-bottom {\n          &-container {\n            width: 100%;\n            max-width: 1200px;\n            margin: 0 auto;\n            padding: 16px 0;\n            font-size: 16px;\n            line-height: 32px;\n            text-align: center;\n            border-top: 1px solid ", ";\n          }\n        }\n\n        &-light {\n          color: rgba(0, 0, 0, 0.85);\n          background-color: transparent;\n\n          h2,\n          a {\n            color: rgba(0, 0, 0, 0.85);\n          }\n        }\n\n        &-light &-bottom-container {\n          border-top-color: #e8e8e8;\n        }\n\n        &-light &-item-separator,\n        &-light &-item-description {\n          color: rgba(0, 0, 0, 0.45);\n        }\n      }\n\n      ", " {\n        .", " {\n          text-align: center;\n\n          &-container {\n            padding: 40px 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-bottom: 40px;\n\n            &:last-child {\n              margin-bottom: 0;\n            }\n          }\n        }\n      }\n    "])), token.colorTextSecondary, token.colorBgLayout, prefix, token.colorTextTertiary, token.colorLinkHover, prefix, token.contentMaxWidth, isEmpty ? '0' : '60px 0 20px', token.colorText, isEmpty ? 'transparent' : token.colorBorderSecondary, responsive.mobile, prefix)
  };
});