@teamix/data-link-card/dist/DataLinkCard.css

数字链接卡片

.DataLinkCard.next-card{min-width:220px}.DataLinkCard.hasHoverShadow:hover{-webkit-box-shadow:var(--shadow-1);box-shadow:var(--shadow-1)}.DataLinkCard+.DataLinkCard{margin-left:20px}.DataLinkCard .title{font-size:14px;line-height:1;font-family:PingFangSC-Medium;margin-bottom:18px}.DataLinkCard .item{margin-right:20px;color:#333;color:var(--color-text1-3,#333)}.DataLinkCard .item:last-child{margin-right:0}.teamix-layout-section-title-row,.teamix-layout-section:not(:last-child){margin-bottom:16px;margin-bottom:var(--layout-section-margin-bottom,16px)}.teamix-layout-section-title-row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.teamix-layout-section-title{font-size:18px;font-size:var(--font-size-title,18px)}.teamix-layout-layout{padding:16px 24px;padding:var(--layout-padding-top-and-bottom,16px) var(--layout-padding-left-and-right,24px);width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.teamix-layout-header{position:relative;overflow:hidden;margin-bottom:16px;margin-bottom:var(--layout-section-margin-bottom,16px)}.teamix-layout-header-row{min-height:18px;height:auto;height:var(--layout-header-height,auto);margin-bottom:0;margin-bottom:var(--layout-header-margin-bottom,0)}.teamix-layout-header-img{position:absolute;top:0;right:0;bottom:0;z-index:-1;height:100%}.teamix-layout-header>.teamix-layout-section{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.teamix-layout-header .teamix-layout-title{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:24px;line-height:1.5;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;font-family:PingFangSC-Medium}.teamix-layout-header .teamix-layout-title>:not(:last-child){margin-right:8px}.teamix-layout-header .teamix-layout-operation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.teamix-layout-header .teamix-layout-operation>:not(:first-child){margin-left:8px}.teamix-layout-header .teamix-layout-nav{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.teamix-layout-header .teamix-layout-help{color:#5a5a5a;color:var(--color-text1-2,#5a5a5a)}.teamix-layout-body,.teamix-layout-header .teamix-layout-help{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.teamix-layout-body{-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;overflow-y:clip;margin-bottom:calc(0px - var(--layout-padding-top-and-bottom))}.teamix-layout-side-bar{position:relative;padding-right:16px;padding-right:var(--layout-section-padding-right,16px);margin-right:16px;margin-right:var(--layout-section-margin-right,16px);border-right:1px solid #eee;border-right:1px solid var(--color-line1-1,#eee);-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.teamix-layout-side-bar.closed{width:0!important;padding-right:0;margin-right:12px;margin-right:calc(var(--layout-padding-left-and-right, 24px)/2);margin-left:-12px;margin-left:calc(0px - var(--layout-padding-left-and-right, 24px)/2)}.teamix-layout-side-bar.closed .teamix-layout-side-bar-content{opacity:0}.teamix-layout-side-bar.closed .teamix-layout-side-bar-toggle{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.teamix-layout-side-bar-content{-webkit-transition:all .3s ease-in-out 0s;transition:all .3s ease-in-out 0s;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;overflow:auto}.teamix-layout-side-bar-toggle{position:absolute;top:8px;width:24px;height:24px;right:-12px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;border-radius:100%;border:1px solid #eee;border:1px solid var(--color-line1-1,#eee);background-color:#fff;background-color:var(--color-white,#fff);cursor:pointer;-webkit-transform-origin:center center;-ms-transform-origin:center center;transform-origin:center center;-webkit-transition:all .2s ease-in-out 0s;transition:all .2s ease-in-out 0s}.teamix-layout-side-bar-toggle:hover{border-color:transparent;background-color:#1b9aee;background-color:var(--color-brand1-6,#1b9aee);color:#fff;color:var(--color-white,#fff)}.teamix-layout-body-content{-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.teamix-layout-operation-bar{margin-bottom:16px;margin-bottom:var(--layout-section-margin-bottom,16px);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.teamix-layout-content{overflow-y:auto;-webkit-box-flex:1;-webkit-flex:1 1;-ms-flex:1 1;flex:1 1}.teamix-layout-footer{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-top:1px solid #eee;border-top:1px solid var(--color-line1-1,#eee);height:64px;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0}.teamix-layout-card.noBorder{border:none}.teamix-layout-card.noPadding{border:none;--card-body-padding-bottom:0px;--card-padding-lr:0px}.teamix-layout-card.noPadding .next-card-content-container{--card-body-show-divider-padding-top:0px}.teamix-layout-card.noHoverEffect:hover{-webkit-box-shadow:none;box-shadow:none}.teamix-layout-card.flexMode{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.teamix-layout-card.flexMode .next-card-content-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;margin-top:0}.teamix-layout-card.flexMode .next-card-header{-webkit-box-flex:0;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto}.teamix-layout-card.normal{background-color:var(--color-notice-1)}.teamix-layout-card.warning{background-color:var(--color-warning-1)}.teamix-layout-card.help{background-color:var(--color-help-1)}.teamix-layout-card.error{background-color:var(--color-error-1)}.teamix-layout-card.success{background-color:var(--color-success-1)}.teamix-layout-card.grey{background-color:var(--color-fill1-2)}