mirror of
https://github.com/ant-design/ant-design.git
synced 2024-11-29 05:29:37 +08:00
dee8f93fe7
* add api dock * add a simple demo * add content demos * fix style warning * Replace content with children * add all demo * add demo test * add backNode props * Adjust the divider style * fix icon do no show * fix test ci * fix md code style * remove fragment use * add test script * Missing newline character at end of file * optimize the demo display * text becomes longer * text becomes longer * fix css code style * fix test snapshot * fix css code style * fix codereivew waring * fix codereivew waring * update snapshots * use ant-page-header-have-footer * use englist * fix typo * updated snapshot * line-height set to 100% * remove subtitle * Specification less * fix less style error * Sort by alphabet * Rebuild code * use english * number use Statistic * snapshot updated * rm onBack in breadcrumb * remove unuse return * add a click wave * remove unuse css * add icon hover * newline character * new description * warm descriptive text * add dot * remove async * feat: use Typography.Paragraph * test: snapshots updated * style: fix style lint * import typography style
93 lines
1.6 KiB
Plaintext
93 lines
1.6 KiB
Plaintext
@import '../../style/themes/default';
|
|
@import '../../style/mixins/index';
|
|
|
|
@pageheader-prefix-cls: ~'@{ant-prefix}-page-header';
|
|
|
|
.@{pageheader-prefix-cls} {
|
|
.reset-component;
|
|
position: relative;
|
|
padding: 16px 32px;
|
|
background: @component-background;
|
|
|
|
&.@{pageheader-prefix-cls}-has-footer {
|
|
padding: 20px 32px;
|
|
padding-bottom: 0;
|
|
}
|
|
|
|
&-back-icon {
|
|
display: inline-block;
|
|
padding: 4px 0;
|
|
font-size: 16px;
|
|
line-height: 100%;
|
|
cursor: pointer;
|
|
i:hover {
|
|
color: @primary-color;
|
|
}
|
|
}
|
|
|
|
.@{ant-prefix}-divider {
|
|
height: 14px;
|
|
margin: 0 12px;
|
|
margin-top: 3px;
|
|
vertical-align: top;
|
|
}
|
|
|
|
.@{ant-prefix}-breadcrumb {
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
&-title-view {
|
|
display: inline-block;
|
|
&-title {
|
|
display: inline-block;
|
|
padding-right: 12px;
|
|
color: @heading-color;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
line-height: 1.4;
|
|
}
|
|
|
|
&-sub-title {
|
|
display: inline-block;
|
|
padding-right: 12px;
|
|
color: @text-color-secondary;
|
|
font-size: 14px;
|
|
line-height: 1.8;
|
|
}
|
|
|
|
&-tags {
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
&-extra {
|
|
position: absolute;
|
|
top: 16px;
|
|
right: 32px;
|
|
> * {
|
|
margin-right: 8px;
|
|
}
|
|
> *:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
&-content-view {
|
|
padding-top: 12px;
|
|
}
|
|
|
|
&-footer {
|
|
margin: 0 -8px;
|
|
padding-top: 24px;
|
|
.@{ant-prefix}-tabs-bar {
|
|
margin-bottom: 1px;
|
|
border-bottom: 0;
|
|
.@{ant-prefix}-tabs-nav .@{ant-prefix}-tabs-tab {
|
|
padding: 12px 8px;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
}
|
|
}
|