ygd
Version:
An enterprise-class UI design language and React-based implementation
95 lines (94 loc) • 2.03 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 */
.yg-page-header {
box-sizing: content-box;
margin: 0;
padding: 0;
color: #333;
font-size: 12px;
list-style: none;
position: relative;
background: #fff;
}
.yg-page-header.yg-page-header-has-footer {
padding: 20px 32px;
padding-bottom: 0;
}
.yg-page-header-back-icon {
display: inline-block;
padding: 4px 0;
font-size: 16px;
line-height: 100%;
cursor: pointer;
}
.yg-page-header-back-icon i:hover {
color: #00a1ff;
}
.yg-page-header .yg-divider {
height: 14px;
margin: 0 12px;
}
.yg-page-header .yg-breadcrumb {
margin-bottom: 12px;
}
.yg-page-header-title-view {
display: inline-block;
}
.yg-page-header-title-view-title {
display: inline-block;
padding-right: 12px;
color: #333333;
font-weight: bold;
font-size: 16px;
line-height: 20px;
}
.yg-page-header-title-view-title:before {
content: '';
width: 0px;
height: 16px;
border-radius: 2px;
margin-right: 5px;
border: 2px solid #00a1ff;
display: inline-block;
vertical-align: top;
}
.yg-page-header-title-view-sub-title {
display: block;
padding-right: 12px;
color: #666;
font-size: 12px;
line-height: 14px;
margin-top: 5px;
}
.yg-page-header-title-view-tags {
display: inline-block;
vertical-align: top;
}
.yg-page-header-title-view-extra {
position: absolute;
top: 16px;
right: 32px;
}
.yg-page-header-title-view-extra > * {
margin-right: 8px;
}
.yg-page-header-title-view-extra > *:last-child {
margin-right: 0;
}
.yg-page-header-content-view {
padding-top: 12px;
}
.yg-page-header-footer {
margin: 0 -8px;
padding-top: 24px;
}
.yg-page-header-footer .yg-tabs-bar {
margin-bottom: 1px;
border-bottom: 0;
}
.yg-page-header-footer .yg-tabs-bar .yg-tabs-nav .yg-tabs-tab {
padding: 12px 8px;
padding-top: 0;
}