@ali-i18n-fe/dada-component
Version:
7 lines (6 loc) • 12.3 kB
CSS
.vision-property-container{position:relative;z-index:999}@media screen and (max-width: 750px){.vision-property-container{position:fixed;z-index:3;height:100vh;right:0;top:0}}.vision-property-container .ant-drawer-header{border-bottom:0}.vision-property-container .ant-drawer-title{display:flex;align-items:center}.vision-property-container .ant-drawer-wrapper-body{margin-left:15px;height:100%;width:300px}.vision-property-container .ant-drawer-wrapper-body>div{display:flex;flex-direction:column;height:100%}.vision-property-container .ant-drawer-wrapper-body .ant-drawer-body{position:relative;flex:1 1}.vision-property-container .vision-title-icon{width:1.2em;margin-right:.3em}.vision-property-container .icon-vision-property-show{position:fixed;top:20px;right:30px}
.usage-container .ant-tabs-bar{margin-bottom:0}.usage-container .ant-tabs-nav .ant-tabs-tab{margin-right:7px}
.code-pane{position:relative;background-color:#282c34;border-radius:6px;font-size:15px}.code-pane:hover>.icon-copy{opacity:1}.code-pane>.icon-copy{opacity:0;transition:all .2s;position:absolute;z-index:3;top:.8em;right:1em;cursor:pointer;font-size:.75rem;color:rgba(255,255,255,.7);background:#282c34}.code-pane :not(pre)>code[class*=language-],.code-pane pre[class*=language-]{background:#2d2d2d}.code-pane :not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.code-pane .token.comment,.code-pane .token.block-comment,.code-pane .token.prolog,.code-pane .token.doctype,.code-pane .token.cdata{color:#999}.code-pane .token.operator,.code-pane .token.entity,.code-pane .token.url,.code-pane .language-css .token.string,.code-pane .style .token.string{background-color:transparent}.code-pane .token.punctuation{color:#ccc}.code-pane .token.tag,.code-pane .token.attr-name,.code-pane .token.namespace,.code-pane .token.deleted{color:#e2777a}.code-pane .token.function-name{color:#6196cc}.code-pane .token.boolean,.code-pane .token.number,.code-pane .token.function{color:#f08d49}.code-pane .token.property,.code-pane .token.class-name,.code-pane .token.constant,.code-pane .token.symbol{color:#f8c555}.code-pane .token.selector,.code-pane .token.important,.code-pane .token.atrule,.code-pane .token.keyword,.code-pane .token.builtin{color:#cc99cd}.code-pane .token.string,.code-pane .token.char,.code-pane .token.attr-value,.code-pane .token.regex,.code-pane .token.variable{color:#7ec699}.code-pane .token.operator,.code-pane .token.entity,.code-pane .token.url{color:#67cdcc}.code-pane .token.important,.code-pane .token.bold{font-weight:bold}.code-pane .token.italic{font-style:italic}.code-pane .token.entity{cursor:help}.code-pane code .token.deleted{color:#ec5975}.code-pane code .token.inserted{color:#3eaf7c}.code-pane pre,.code-pane pre[class*=language-]{line-height:1.5;padding:1.25rem 1.5rem;margin:.85rem 0;background-color:#282c34;border-radius:6px}.code-pane pre code,.code-pane pre[class*=language-] code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;color:#fff;padding:0;background-color:transparent;border-radius:0}.code-pane[class*=language-] .highlight-lines{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;padding-top:1.3rem;position:absolute;top:0;left:0;width:100%;line-height:1.4}.code-pane[class*=language-] .highlight-lines .highlighted{background-color:rgba(0,0,0,.66)}.code-pane[class*=language-] pre,.code-pane[class*=language-] pre[class*=language-]{background:transparent;position:relative;z-index:1}.code-pane[class*=language-]::before{position:absolute;z-index:3;top:.8em;right:1em;font-size:.75rem;color:rgba(255,255,255,.4)}.code-pane[class*=language-]:not(.line-numbers-mode) .line-numbers-wrapper{display:none}.code-pane[class*=language-].line-numbers-mode .highlight-lines .highlighted{position:relative}.code-pane[class*=language-].line-numbers-mode .highlight-lines .highlighted:before{content:" ";position:absolute;z-index:3;left:0;top:0;display:block;width:3.5rem;height:100%;background-color:rgba(0,0,0,.66)}.code-pane[class*=language-].line-numbers-mode pre{padding-left:4.5rem;vertical-align:middle}.code-pane[class*=language-].line-numbers-mode .line-numbers-wrapper{position:absolute;top:0;width:3.5rem;text-align:center;color:rgba(255,255,255,.3);padding:1.25rem 0;line-height:1.4}.code-pane[class*=language-].line-numbers-mode .line-numbers-wrapper br{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.code-pane[class*=language-].line-numbers-mode .line-numbers-wrapper .line-number{position:relative;z-index:4;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-size:.85em}.code-pane[class*=language-].line-numbers-mode::after{content:"";position:absolute;z-index:2;top:0;left:0;width:3.5rem;height:100%;border-radius:6px 0 0 6px;border-right:1px solid rgba(0,0,0,.66);background-color:#282c34}.code-pane[class~=language-js]:before{content:"js"}.code-pane[class~=language-ts]:before{content:"ts"}.code-pane[class~=language-html]:before{content:"html"}.code-pane[class~=language-md]:before{content:"md"}.code-pane[class~=language-vue]:before{content:"vue"}.code-pane[class~=language-css]:before{content:"css"}.code-pane[class~=language-sass]:before{content:"sass"}.code-pane[class~=language-scss]:before{content:"scss"}.code-pane[class~=language-less]:before{content:"less"}.code-pane[class~=language-stylus]:before{content:"stylus"}.code-pane[class~=language-go]:before{content:"go"}.code-pane[class~=language-java]:before{content:"java"}.code-pane[class~=language-c]:before{content:"c"}.code-pane[class~=language-sh]:before{content:"sh"}.code-pane[class~=language-yaml]:before{content:"yaml"}.code-pane[class~=language-py]:before{content:"py"}.code-pane[class~=language-docker]:before{content:"docker"}.code-pane[class~=language-dockerfile]:before{content:"dockerfile"}.code-pane[class~=language-makefile]:before{content:"makefile"}.code-pane[class~=language-javascript]:before{content:"js"}.code-pane[class~=language-jsx]:before{content:"jsx"}.code-pane[class~=language-typescript]:before{content:"ts"}.code-pane[class~=language-tsx]:before{content:"tsx"}.code-pane[class~=language-markup]:before{content:"html"}.code-pane[class~=language-markdown]:before{content:"md"}.code-pane[class~=language-json]:before{content:"json"}.code-pane[class~=language-ruby]:before{content:"rb"}.code-pane[class~=language-python]:before{content:"py"}.code-pane[class~=language-bash]:before{content:"sh"}.code-pane[class~=language-php]:before{content:"php"}@media screen and (max-width: 769px){.code-pane[class*=language-]{margin:.85rem -1.5rem;border-radius:0}}.code-pane .token.number{background-color:transparent;border-radius:0;font-size:inherit;height:inherit;margin-right:inherit;min-width:auto;padding:0;text-align:center}
#public-component-show-container{display:flex;position:relative;min-height:100vh;width:100%;background:#f2f3f7;padding:20px;flex-direction:column;box-sizing:border-box}#public-component-show-container .component-main{position:relative;display:flex}#public-component-show-container .component-part{flex:1 1;overflow:auto}#public-component-show-container .component-name{padding:0;border:0;margin:0;font-size:3.5em;font-weight:800;outline:0;vertical-align:baseline;line-height:1.2}#public-component-show-container .component-sub-title{font-size:1em;font-weight:600;vertical-align:baseline;margin-bottom:8px;display:block;color:#6f6f6f}#public-component-show-container .component-sub-title>span{margin-right:1em}#public-component-show-container .component-block{background:#fff;box-sizing:border-box;overflow:hidden;border:1px #ccc solid;border-bottom:unset;border-top:unset}#public-component-show-container .component-block:first-child{border-radius:7px 7px 0 0;border-top:1px #ccc solid}#public-component-show-container .component-block:last-child{border-radius:0 0 7px 7px;border-bottom:1px #ccc solid}#public-component-show-container .component-block:first-child:last-child{border-radius:7px;border:1px #ccc solid}#public-component-show-container .component-container{min-height:300px;display:flex;align-items:center;justify-content:center}#public-component-show-container .component-description{font-size:14px;padding:20px}#public-component-show-container .component-description>.block-title{font-size:1.3em;display:block;line-height:2}#public-component-show-container .component-description>code{border:1px solid #e7e9ed;background-color:#f8fafc;display:block;padding:5px 10px;margin:5px 0;word-break:break-all;word-wrap:break-word;border-radius:2px;color:#5b6169;font-size:13px;line-height:1.6em}#public-component-show-container .ant-tabs-bottom .ant-tabs-bottom-bar{margin-top:0}#public-component-show-container .ant-tabs-nav .ant-tabs-tab{margin:0}#public-component-show-container .ant-tabs .ant-tabs-small-bar .ant-tabs-tab{padding:8px 16px}@media screen and (max-width: 750px){#public-component-show-container{padding:20px 0}#public-component-show-container .component-block{border-radius:0 }}
#__lsc-comp-page-list .ant-layout-header{height:80px;line-height:80px;background:#fff;display:flex}#__lsc-comp-page-list .ant-layout-header .ant-input-search{border-radius:100px;height:40px;line-height:40px;padding:4px 20px}#__lsc-comp-page-list .ant-layout-header .ant-input-suffix{padding:0;display:flex;align-items:center}#__lsc-comp-page-list .ant-layout-header .ant-page-header{padding:0;display:flex;align-items:center}#__lsc-comp-page-list .ant-layout-footer{height:70px}#__lsc-comp-page-list .search-nav{margin:0 20px}#__lsc-comp-page-list .blank-area{flex:1 1}#__lsc-comp-page-list .ant-layout-content .ant-page-header{padding:10px}#__lsc-comp-page-list .package-info{display:flex;flex-direction:column;align-items:flex-end;text-align:right;justify-content:center;color:#ccc}#__lsc-comp-page-list .package-info>span,#__lsc-comp-page-list .package-info h2{line-height:1.2;font-family:CircularProBold}#__lsc-comp-page-list .package-info>.pkg-title{color:rgba(0,0,0,.7);font-size:1.3em;font-weight:800}#__lsc-comp-page-list .package-info>.pkg-version{color:#ccc}#__lsc-comp-page-list .ant-layout-content{background:#fff;padding:0px 50px;padding-top:10px;min-height:calc(100vh - 80px - 70px)}#__lsc-comp-page-list .ant-layout-content .ant-empty{width:100%;padding:50px 0}#__lsc-comp-page-list .component-list{display:flex;flex-wrap:wrap;position:relative}#__lsc-comp-page-list .component-list .ant-row{width:100%}#__lsc-comp-page-list .component-list .component-item{margin:8px 0;display:block}#__lsc-comp-page-list .title-part h3,#__lsc-comp-page-list .title-part h4{font-size:16.5px;margin-bottom:unset;font-family:CircularProBold;font-weight:500}#__lsc-comp-page-list .title-part .component-author{color:#828898;font-size:1em;line-height:1}#__lsc-comp-page-list .component-item{position:relative;overflow:hidden;color:#474a56;text-decoration:none ;width:100%;border:1px solid #dcdee4;border-radius:6px;font-family:CircularProBold;transition:all .5s;cursor:pointer}#__lsc-comp-page-list .component-item:hover{border-color:#6c707c}#__lsc-comp-page-list .component-item .component-preview{width:100%;padding:4.2px;border-bottom:1px solid #dcdee4;position:relative;height:200px;display:flex;align-items:center;justify-content:center;pointer-events:none}#__lsc-comp-page-list .component-item .ant-avatar{position:absolute;bottom:-23px;right:20px}#__lsc-comp-page-list .component-item .component-info{padding:24px 17px 10px}#__lsc-comp-page-list .component-item .component-info>section{min-height:100px}#__lsc-comp-page-list .component-item .component-info .component-description{margin-top:10px}#__lsc-comp-page-list .component-item .component-tags{display:flex;justify-content:flex-end}#__lsc-comp-page-list .component-item .component-tags .anticon{margin:auto;font-size:1.2em;color:#878c9a;margin-right:5px}#__lsc-comp-page-list .component-item .component-tags .component-size{font-size:.8em;font-weight:800;text-transform:uppercase;color:#878c9a;text-space:2;line-height:18px}
.image-card{display:flex;justify-content:center;align-items:center;overflow:hidden;position:relative}.image-card-img.image-mode-aspectFill{width:initial;height:inherit}.image-card-img.image-mode-aspectFit{width:100%;height:100%}.image-card-img.image-mode-scaleToFill{width:100%;height:100%}