reset text-color and etc.

This commit is contained in:
ddcat1115 2017-11-28 16:15:22 +08:00
parent bd9fba9f45
commit 721a5621c8
18 changed files with 92 additions and 69 deletions

View File

@ -65,6 +65,7 @@ module.exports = {
'app.footer.privacy': 'Privacy Policy',
'app.footer.commitment': 'Our Commitment to Customer Protection',
'app.footer.company': 'Ant Financial',
'app.footer.ant-design': 'UI Design Language',
'app.publish.title': 'antd@2.0.0 is released!',
'app.publish.greeting': 'Hello, ',
'app.publish.intro': ' is released, and please upgrade. ',

View File

@ -6,7 +6,7 @@ body {
body {
font-family: @font-family;
line-height: 1.5;
color: @text-color;
color: @site-text-color;
font-size: 14px;
background: #fff;
transition: background 1s cubic-bezier(0.075, 0.82, 0.165, 1);
@ -101,6 +101,14 @@ a {
display: none;
}
// .ant-menu-item > a {
// color: @site-text-color !important;
// }
#react-content {
transition: transform .3s @ease-in-out-circ;
}
.drawer-content {
padding: 40px 0;
}

View File

@ -8,8 +8,8 @@
}
.code-box {
border: 1px solid @border-color-split;
border-radius: @border-radius-base;
border: 1px solid @site-border-color-split;
border-radius: @border-radius-sm;
display: inline-block;
width: 100%;
position: relative;
@ -41,14 +41,14 @@
padding: 1px 8px;
margin-left: -8px;
color: #777;
border-radius: @border-radius-base @border-radius-base 0 0;
border-radius: @border-radius-sm @border-radius-sm 0 0;
background: #fff;
transition: background-color .4s;
a,
a:hover {
color: @text-color;
font-size: 14px;
color: @site-text-color;
font-size: @font-size-base;
font-weight: 500;
}
}
@ -65,8 +65,9 @@
}
&-demo {
border-bottom: 1px solid @border-color-split;
border-bottom: 1px solid @site-border-color-split;
padding: 42px 24px 50px;
color: rgba(0, 0, 0, .65);
}
iframe {
@ -77,11 +78,11 @@
&-meta {
&.markdown {
position: relative;
padding: 17px 16px 15px 20px;
border-radius: 0 0 @border-radius-base @border-radius-base;
padding: 18px 32px;
border-radius: 0 0 @border-radius-sm @border-radius-sm;
transition: background-color .4s;
width: 100%;
font-size: 12px;
font-size: @font-size-base;
}
blockquote {
@ -90,7 +91,7 @@
h4,
section& p {
margin: 4px 0;
margin: 0;
width: 98%;
}
@ -105,7 +106,7 @@
&.expand &-meta {
border-radius: 0;
border-bottom: 1px dashed @border-color-split;
border-bottom: 1px dashed @site-border-color-split;
}
.code-expand-icon {
@ -126,7 +127,10 @@
position: absolute;
left: 0;
top: 0;
height: 16px;
margin: 0;
max-width: 100%;
vertical-align: baseline;
box-shadow: none;
}
.code-expand-icon-show {
@ -149,7 +153,7 @@
.highlight-wrapper {
display: none;
overflow: auto;
border-radius: 0 0 @border-radius-base @border-radius-base;
border-radius: 0 0 @border-radius-sm @border-radius-sm;
&-expand {
display: block;
@ -164,7 +168,7 @@
background: #fff;
}
&:not(:first-child) {
border-top: 1px dashed @border-color-split;
border-top: 1px dashed @site-border-color-split;
}
}
@ -183,7 +187,7 @@
&-code-copy {
font-size: 14px;
cursor: pointer;
color: #222;
color: @site-text-color-secondary;
transition: all .24s;
background: #fff;
width: 20px;
@ -194,7 +198,7 @@
opacity: 0;
&:hover {
color: @primary-color;
color: @site-text-color-secondary;
transform: scale(1.2);
}
&.anticon-check {
@ -204,7 +208,7 @@
}
&-codepen {
background: transparent url("https://gw.alipayobjects.com/zos/rmsportal/bsyXYJlnerAkEMGKtTpa.svg") center / 14px no-repeat;
background: transparent url("https://gw.alipayobjects.com/zos/rmsportal/OtZslpOjYXijshDERXwc.svg") center / 14px no-repeat;
width: 20px;
height: 20px;
cursor: pointer;
@ -216,7 +220,7 @@
}
&-riddle {
background: transparent url("https://zos.alipayobjects.com/rmsportal/WpXYyalbBFqfZEV.svg") center / 14px no-repeat;
background: transparent url("https://gw.alipayobjects.com/zos/rmsportal/DlHbxMCyeuyOrqOdbgik.svg") center / 14px no-repeat;
width: 20px;
height: 20px;
cursor: pointer;
@ -230,7 +234,7 @@
.highlight-wrapper:hover &-code-copy,
.highlight-wrapper:hover &-codepen,
.highlight-wrapper:hover &-riddle {
opacity: .66;
opacity: 1;
}
pre {

View File

@ -27,7 +27,7 @@ footer {
background: #fff;
position: relative;
z-index: 100;
color: @text-color;
color: @site-text-color;
box-shadow: 0 1000px 0 1000px #fff;
.ant-row {
text-align: center;

View File

@ -14,12 +14,12 @@
border-left-color: #ebedee;
}
a {
color: @text-color;
color: @site-text-color;
}
}
.header-link {
color: @text-color;
color: @site-text-color;
}
.ant-menu-item-active .header-link {
@ -87,7 +87,7 @@
}
.header-lang-button {
color: @text-color;
color: @site-text-color;
border-color: @border-color-base;
margin-right: 40px;
}

View File

@ -7,7 +7,7 @@
pre code {
display: block;
background: white;
color: @text-color;
color: @site-text-color;
line-height: 2;
border: 1px solid #e9e9e9;
padding: 16px 32px;
@ -72,7 +72,7 @@ pre[class*="language-"] {
:not(pre) > code[class*="language-"],
pre[class*="language-"] {
background: #f7f7f7;
background: #f2f4f5;
}
/* Inline code */
@ -104,7 +104,7 @@ pre[class*="language-"] {
.token.constant,
.token.symbol,
.token.deleted {
color: #bb0606;
color: #f81d22;
}
.token.selector,
@ -113,7 +113,7 @@ pre[class*="language-"] {
.token.char,
.token.builtin,
.token.inserted {
color: #690;
color: #0b8235;
}
.token.operator,
@ -121,17 +121,17 @@ pre[class*="language-"] {
.token.url,
.language-css .token.string,
.style .token.string {
color: #690;
color: #0b8235;
}
.token.atrule,
.token.attr-value,
.token.keyword {
color: #07a;
color: #008dff;
}
.token.function {
color: #dd4a68;
color: #f81d22;
}
.token.regex,

View File

@ -51,7 +51,7 @@
height: 40px;
padding: 0 16px;
font-weight: 500;
border-radius: @border-radius-base;
border-radius: @border-radius-sm;
border: 1px solid @start-button-color;
text-decoration: none;
color: #0ae;
@ -118,7 +118,7 @@
.text-wrapper h2,
.text-wrapper-bottom h2 {
font-size: 32px;
color: @text-color;
color: @site-text-color;
font-weight: normal;
white-space: nowrap;
}

View File

@ -18,3 +18,4 @@
@import './new-version-info-modal';
@import './motion';
@import './responsive';
@import './theme';

View File

@ -1,5 +1,5 @@
.markdown {
color: @text-color;
color: @site-text-color;
font-size: 14px;
line-height: 2;
}
@ -18,7 +18,7 @@
}
.markdown h1 {
color: @heading-color;
color: @site-heading-color;
font-weight: 500;
margin-bottom: 20px;
margin-top: 8px;
@ -34,7 +34,7 @@
.markdown h4,
.markdown h5,
.markdown h6 {
color: @heading-color;
color: @site-heading-color;
font-family: Lato, @font-family;
margin: 1.6em 0 0.6em;
font-weight: 500;
@ -90,7 +90,7 @@
.markdown code {
margin: 0 1px;
background: #f7f7f7;
background: #f2f4f5;
padding: .2em .4em;
border-radius: 3px;
font-size: .9em;
@ -99,17 +99,17 @@
.markdown pre {
border-radius: @border-radius-sm;
background: #f7f7f7;
background: #f2f4f5;
font-family: "Lucida Console", Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
}
.markdown pre code {
border: none;
background: #f7f7f7;
background: #f2f4f5;
margin: 0;
padding: 0;
font-size: @font-size-base;
color: @text-color;
color: @site-text-color;
overflow: auto;
}
@ -122,7 +122,7 @@
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
border: 1px solid @border-color-split;
border: 1px solid @site-border-color-split;
width: 100%;
margin: 8px 0 16px;
}
@ -135,19 +135,19 @@
.markdown > table th,
.markdown > table td {
border: 1px solid @border-color-split;
border: 1px solid @site-border-color-split;
padding: 16px 24px;
text-align: left;
}
.markdown > table th {
background: #f7f7f7;
background: rgba(0, 0, 0, 0.02);
}
.markdown blockquote {
font-size: 90%;
color: @text-color-secondary;
border-left: 4px solid @border-color-split;
color: @site-text-color-secondary;
border-left: 4px solid @site-border-color-split;
padding-left: 0.8em;
margin: 1em 0;
}
@ -176,7 +176,7 @@
font-weight: 400;
i {
color: @text-color-secondary;
color: @site-text-color-secondary;
&:hover {
color: @primary-color;

View File

@ -29,7 +29,7 @@
}
p {
color: @text-color;
color: @site-text-color;
font-size: 18px;
}
}

View File

@ -6,7 +6,7 @@
margin-left: 64px;
overflow: hidden;
font-size: 14px;
border-top: 1px solid @border-color-split;
border-top: 1px solid @site-border-color-split;
> .prev-page,
> .next-page {
@ -24,7 +24,7 @@
content: '\e61c';
font-size: 12px;
margin-right: 1em;
color: @text-color-secondary;
color: @site-text-color-secondary;
transition: all .3s;
position: relative;
left: 0;
@ -45,7 +45,7 @@
content: '\e61b';
font-size: 12px;
margin-left: 1em;
color: @text-color-secondary;
color: @site-text-color-secondary;
transition: all .3s;
position: relative;
right: 0;

View File

@ -73,13 +73,13 @@
.preview-image-title {
font-size: 12px;
margin-top: 5px;
color: @text-color;
color: @site-text-color;
}
.preview-image-description {
font-size: 12px;
margin-top: 2px;
color: @text-color-secondary;
color: @site-text-color-secondary;
line-height: 1.5;
}

View File

@ -55,7 +55,7 @@
.resource-card-title {
display: block;
font-size: 16px;
color: @text-color;
color: @site-text-color;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;

View File

@ -117,17 +117,17 @@
button.lang {
display: block;
margin: 29px auto 16px;
color: @text-color;
border-color: @text-color;
color: @site-text-color;
border-color: @site-text-color;
}
div.version {
display: block;
margin: 29px auto 16px;
& > .ant-select-selection {
color: @text-color;
color: @site-text-color;
&:not(:hover) {
border-color: @text-color;
border-color: @site-text-color;
}
}
}

View File

@ -0,0 +1,4 @@
@site-heading-color: #0d1a26;
@site-text-color: #314659;
@site-text-color-secondary: #697b8c;
@site-border-color-split: #ebedf0;

View File

@ -29,7 +29,7 @@ ul.toc > li {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: @text-color;
color: @site-text-color;
width: 110px;
}

View File

@ -157,16 +157,6 @@ class Footer extends React.Component {
<a target="_blank" rel="noopener noreferrer" href="https://github.com/dvajs/dva-cli">dva-cli</a> -
<FormattedMessage id="app.footer.dev-tools" />
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/">Egg</a>
<span> - </span>
<FormattedMessage id="app.footer.eggjs" />
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/">AntV</a>
<span> - </span>
<FormattedMessage id="app.footer.data-vis" />
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://motion.ant.design">Ant Motion</a>
<span> - </span>
@ -234,7 +224,21 @@ class Footer extends React.Component {
<h2>
<FormattedMessage id="app.footer.more-product" />
</h2>
<div>
<a target="_blank" rel="noopener noreferrer" href="http://ant.design/">Ant Design</a>
<span> - </span>
<FormattedMessage id="app.footer.ant-design" />
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="https://antv.alipay.com/">AntV</a>
<span> - </span>
<FormattedMessage id="app.footer.data-vis" />
</div>
<div>
<a target="_blank" rel="noopener noreferrer" href="https://eggjs.org/">Egg</a>
<span> - </span>
<FormattedMessage id="app.footer.eggjs" />
</div>
</div>
</Col>
</Row>

View File

@ -65,6 +65,7 @@ module.exports = {
'app.footer.privacy': '隐私权政策',
'app.footer.commitment': '权益保障承诺书',
'app.footer.company': '蚂蚁金融服务集团',
'app.footer.ant-design': '蚂蚁 UI 设计体系',
'app.publish.title': 'antd@2.0.0 发布!',
'app.publish.greeting': '你好,',
'app.publish.intro': ' 已正式发布,欢迎升级。',