UNPKG

ng-zorro-antd

Version:

An enterprise-class UI components based on Ant Design and Angular

261 lines (260 loc) 6.28 kB
/* stylelint-disable at-rule-empty-line-before,at-rule-name-space-after,at-rule-no-unknown */ /* stylelint-disable no-duplicate-selectors */ /* stylelint-disable */ /* stylelint-disable declaration-bang-space-before,no-duplicate-selectors,string-no-newline */ .ant-page-header { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; position: relative; padding: 24px; } .ant-page-header.has-breadcrumb { padding-top: 12px; } .ant-page-header.has-footer { padding-bottom: 16px; } .ant-page-header-back { float: left; margin: 6px 0; margin-right: 16px; font-size: 20px; line-height: 1; } .ant-page-header-back-button { color: #1890ff; text-decoration: none; outline: none; transition: color 0.3s; color: #000; cursor: pointer; } .ant-page-header-back-button:focus, .ant-page-header-back-button:hover { color: #40a9ff; } .ant-page-header-back-button:active { color: #096dd9; } .ant-page-header .ant-divider-vertical { height: 14px; margin: 0 12px; vertical-align: middle; } .ant-breadcrumb + .ant-page-header-heading { margin-top: 8px; } .ant-page-header-heading { width: 100%; overflow: hidden; } .ant-page-header-heading-title { display: block; float: left; margin-bottom: 0; padding-right: 12px; color: rgba(0, 0, 0, 0.85); font-weight: 600; font-size: 24px; line-height: 32px; } .ant-page-header-heading .ant-avatar { float: left; margin-right: 12px; } .ant-page-header-heading-sub-title { float: left; margin: 5px 0; margin-right: 12px; color: rgba(0, 0, 0, 0.45); font-size: 14px; line-height: 22px; } .ant-page-header-heading-tags { float: left; margin: 4px 0; } .ant-page-header-heading-extra { float: right; } .ant-page-header-heading-extra > * { margin-left: 8px; } .ant-page-header-heading-extra > *:first-child { margin-left: 0; } .ant-page-header-content { padding-top: 16px; overflow: hidden; } .ant-page-header-footer { margin-top: 16px; } .ant-page-header-footer .ant-tabs-bar { margin-bottom: 1px; border-bottom: 0; } .ant-page-header-footer .ant-tabs-bar .ant-tabs-nav .ant-tabs-tab { padding: 8px; font-size: 16px; } @media (max-width: 576px) { .ant-page-header-heading-extra { display: block; float: unset; width: 100%; padding-top: 12px; overflow: hidden; } } .ant-divider { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-size: 14px; font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; background: #e8e8e8; } .ant-divider, .ant-divider-vertical { position: relative; top: -0.06em; display: inline-block; width: 1px; height: 0.9em; margin: 0 8px; vertical-align: middle; } .ant-divider-horizontal { display: block; clear: both; width: 100%; min-width: 100%; height: 1px; margin: 24px 0; } .ant-divider-horizontal.ant-divider-with-text-center, .ant-divider-horizontal.ant-divider-with-text-left, .ant-divider-horizontal.ant-divider-with-text-right { display: table; margin: 16px 0; color: rgba(0, 0, 0, 0.85); font-weight: 500; font-size: 16px; white-space: nowrap; text-align: center; background: transparent; } .ant-divider-horizontal.ant-divider-with-text-center::before, .ant-divider-horizontal.ant-divider-with-text-left::before, .ant-divider-horizontal.ant-divider-with-text-right::before, .ant-divider-horizontal.ant-divider-with-text-center::after, .ant-divider-horizontal.ant-divider-with-text-left::after, .ant-divider-horizontal.ant-divider-with-text-right::after { position: relative; top: 50%; display: table-cell; width: 50%; border-top: 1px solid #e8e8e8; transform: translateY(50%); content: ''; } .ant-divider-horizontal.ant-divider-with-text-left .ant-divider-inner-text, .ant-divider-horizontal.ant-divider-with-text-right .ant-divider-inner-text { display: inline-block; padding: 0 10px; } .ant-divider-horizontal.ant-divider-with-text-left::before { top: 50%; width: 5%; } .ant-divider-horizontal.ant-divider-with-text-left::after { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::before { top: 50%; width: 95%; } .ant-divider-horizontal.ant-divider-with-text-right::after { top: 50%; width: 5%; } .ant-divider-inner-text { display: inline-block; padding: 0 24px; } .ant-divider-dashed { background: none; border-color: #e8e8e8; border-style: dashed; border-width: 1px 0 0; } .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed { border-top: 0; } .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::before, .ant-divider-horizontal.ant-divider-with-text-center.ant-divider-dashed::after, .ant-divider-horizontal.ant-divider-with-text-left.ant-divider-dashed::after, .ant-divider-horizontal.ant-divider-with-text-right.ant-divider-dashed::after { border-style: dashed none none; } .ant-divider-vertical.ant-divider-dashed { border-width: 0 0 0 1px; } .ant-breadcrumb { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.65); font-variant: tabular-nums; line-height: 1.5; list-style: none; font-feature-settings: 'tnum'; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .ant-breadcrumb .anticon { font-size: 14px; } .ant-breadcrumb a { color: rgba(0, 0, 0, 0.45); transition: color 0.3s; } .ant-breadcrumb a:hover { color: #40a9ff; } .ant-breadcrumb > span:last-child { color: rgba(0, 0, 0, 0.65); } .ant-breadcrumb > span:last-child a { color: rgba(0, 0, 0, 0.65); } .ant-breadcrumb > span:last-child .ant-breadcrumb-separator { display: none; } .ant-breadcrumb-separator { margin: 0 8px; color: rgba(0, 0, 0, 0.45); } .ant-breadcrumb-link > .anticon + span { margin-left: 4px; } .ant-breadcrumb-overlay-link > .anticon { margin-left: 4px; }