ng-zorro-antd
Version:
An enterprise-class UI components based on Ant Design and Angular
261 lines (260 loc) • 6.28 kB
CSS
/* 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;
}