@lobehub/ui/es/Footer/style.mjs.map

Lobe UI is an open-source UI component library for building AIGC web apps

{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Footer/style.ts"],"sourcesContent":["import { createStaticStyles, responsive } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  const prefix = `rc-footer`;\n\n  const baseFooterStyles = css`\n    font-size: 14px;\n    line-height: 1.5;\n    color: ${cssVar.colorTextSecondary};\n    background-color: ${cssVar.colorBgLayout};\n\n    &.${prefix} {\n      a {\n        color: ${cssVar.colorTextTertiary};\n        text-decoration: none;\n        transition: all 0.3s;\n\n        &:hover {\n          color: ${cssVar.colorLinkHover};\n        }\n      }\n    }\n\n    .${prefix} {\n      &-columns {\n        display: flex;\n        justify-content: space-around;\n      }\n\n      &-column {\n        text-align: start;\n\n        h2 {\n          position: relative;\n\n          margin-block: 0;\n          margin-inline: auto;\n\n          font-size: 16px;\n          font-weight: 500;\n          color: ${cssVar.colorText};\n        }\n\n        &-icon {\n          position: relative;\n          inset-block-start: -1px;\n\n          display: inline-block;\n\n          width: 22px;\n          margin-inline-end: 0.5em;\n\n          text-align: center;\n          vertical-align: middle;\n\n          > span,\n          > svg,\n          img {\n            display: block;\n            width: 100%;\n          }\n        }\n      }\n\n      &-item {\n        margin-block: 12px;\n        margin-inline: 0;\n\n        &-icon {\n          position: relative;\n          inset-block-start: -1px;\n\n          display: inline-block;\n\n          width: 16px;\n          margin-inline-end: 0.4em;\n\n          text-align: center;\n          vertical-align: middle;\n\n          > span,\n          > svg,\n          img {\n            display: block;\n            width: 100%;\n          }\n        }\n\n        &-separator {\n          margin-block: 0;\n          margin-inline: 0.3em;\n        }\n      }\n\n      &-bottom {\n        color: ${cssVar.colorTextDescription};\n\n        &-container {\n          width: 100%;\n          max-width: var(--footer-content-max-width, 960px);\n          margin-block: 0;\n          margin-inline: auto;\n          padding-block: 16px;\n          padding-inline: 0;\n\n          line-height: 32px;\n          text-align: center;\n        }\n      }\n\n      &-light {\n        color: rgba(0, 0, 0, 85%);\n        background-color: transparent;\n\n        h2,\n        a {\n          color: rgba(0, 0, 0, 85%);\n        }\n      }\n\n      &-light &-bottom-container {\n        border-block-start-color: #e8e8e8;\n      }\n\n      &-light &-item-separator,\n      &-light &-item-description {\n        color: rgba(0, 0, 0, 45%);\n      }\n    }\n  `;\n\n  return {\n    footer: css`\n      ${baseFooterStyles};\n\n      .${prefix}-container {\n        width: 100%;\n        max-width: var(--footer-content-max-width, 960px);\n        margin: auto;\n        padding-block: 60px 20px;\n        padding-inline: 0;\n      }\n\n      ${responsive.sm} {\n        .${prefix} {\n          &-container {\n            padding-block: 40px;\n            padding-inline: 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-block-end: 40px;\n            text-align: center;\n\n            &:last-child {\n              margin-block-end: 0;\n            }\n          }\n        }\n      }\n    `,\n    footerEmpty: css`\n      ${baseFooterStyles};\n\n      .${prefix}-container {\n        width: 100%;\n        max-width: var(--footer-content-max-width, 960px);\n        margin: auto;\n        padding: 0;\n      }\n\n      ${responsive.sm} {\n        .${prefix} {\n          &-container {\n            padding: 0;\n          }\n\n          &-columns {\n            display: block;\n          }\n\n          &-column {\n            display: block;\n            margin-block-end: 40px;\n            text-align: center;\n\n            &:last-child {\n              margin-block-end: 0;\n            }\n          }\n        }\n      }\n    `,\n    root: css`\n      grid-area: footer;\n      align-self: stretch;\n      border-block-start: 1px solid ${cssVar.colorSplit};\n      color: ${cssVar.colorTextDescription};\n\n      ${responsive.sm} {\n        flex-direction: column;\n        border: none;\n      }\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;CAC5D,MAAM,SAAS;CAEf,MAAM,mBAAmB,KAAG;;;aAGjBA,SAAO,mBAAmB;wBACfA,SAAO,cAAc;;QAErC,OAAO;;iBAEEA,SAAO,kBAAkB;;;;;mBAKvBA,SAAO,eAAe;;;;;OAKlC,OAAO;;;;;;;;;;;;;;;;;mBAiBKA,SAAO,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAuDnBA,SAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoC3C,QAAO;EACL,QAAQ,KAAG;QACP,iBAAiB;;SAEhB,OAAO;;;;;;;;QAQR,WAAW,GAAG;WACX,OAAO;;;;;;;;;;;;;;;;;;;;;;EAsBd,aAAa,KAAG;QACZ,iBAAiB;;SAEhB,OAAO;;;;;;;QAOR,WAAW,GAAG;WACX,OAAO;;;;;;;;;;;;;;;;;;;;;EAqBd,MAAM,KAAG;;;sCAGyBA,SAAO,WAAW;eACzCA,SAAO,qBAAqB;;QAEnC,WAAW,GAAG;;;;;EAKnB;EACD"}