mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-28 13:09:40 +08:00
Code Issues Actions 50 Packages Projects Releases Wiki Activity

fix: border-color

Browse Source
This commit is contained in:
ycjcl868 2019-12-23 18:08:15 +08:00
parent f4e198c465
commit 27ce7012e7
4 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
components/grid/index.zh-CN.md
View File

@ -109,3 +109,10 @@ Ant Design 的布局组件若不能满足你的需求，你也可以直接使用
| xxl | `≥1600px` 响应式栅格，可为栅格数或一个包含其他属性的对象 | number\|object | - | |
响应式栅格的断点扩展自 [BootStrap 4 的规则](https://getbootstrap.com/docs/4.0/layout/overview/#responsive-breakpoints)（不包含链接里 `occasionally` 的部分)。
<style>
[data-theme="dark"] #components-grid-demo-playground pre {
background: #1f1f1f;
color: rgba(255,255,255,.65);
}
</style>

15
components/style/themes/dark.less
View File

@ -178,8 +178,7 @@
// Border color
@border-color-base: #434343; // base border outline a component
@border-color-split: @popover-background; // split border inside a component
@border-color-split-popover: #303030; // base border in Popover Container
@border-color-split: #3030303; // split border inside a component
@background-color-light: fade(@white, 4%); // background of header and selected item
@background-color-base: fade(@white, 8%); // Default grey background color
@ -229,9 +228,9 @@
// Modal
// ---
@modal-header-bg: @popover-background;
@modal-header-border-color-split: @border-color-split-popover;
@modal-header-border-color-split: @border-color-split;
@modal-content-bg: @popover-background;
@modal-footer-border-color-split: @border-color-split-popover;
@modal-footer-border-color-split: @border-color-split;
// Radio
// ---
@ -264,13 +263,13 @@
@select-dropdown-bg: @popover-background;
@select-clear-background: @component-background;
@select-selection-item-bg: fade(@white, 8);
@select-selection-item-border-color: @border-color-split-popover;
@select-selection-item-border-color: @border-color-split;
// Cascader
// ---
@cascader-bg: transparent;
@cascader-menu-bg: @popover-background;
@cascader-menu-border-color-split: @border-color-split-popover;
@cascader-menu-border-color-split: @border-color-split;
// Anchor
// ---
@ -320,7 +319,7 @@
@picker-basic-cell-hover-color: @background-color-light;
@picker-basic-cell-hover-with-range-color: #303030;
@picker-basic-cell-disabled-bg: #303030;
@picker-border-color: @border-color-split-popover;
@picker-border-color: @border-color-split;
// Dropdown
// ---
@ -388,7 +387,7 @@
// ---
@slider-rail-background-color: #262626;
@slider-rail-background-color-hover: @border-color-base;
@slider-dot-border-color: @border-color-split-popover;
@slider-dot-border-color: @border-color-split;
@slider-dot-border-color-active: @primary-4;
// Skeleton

1
components/style/themes/default.less
View File

@ -116,7 +116,6 @@
// Border color
@border-color-base: hsv(0, 0, 85%); // base border outline a component
@border-color-split: hsv(0, 0, 94%); // split border inside a component
@border-color-split-popover: @border-color-split; // base border in Popover Container
@border-color-inverse: @white;
@border-width-base: 1px; // width of the border for a component
@border-style-base: solid; // style of a components border

2
site/theme/static/markdown.less
View File

@ -103,7 +103,7 @@
margin: 0 1px;
padding: 0.2em 0.4em;
font-size: 0.9em;
border: 1px solid @border-color-split-popover;
border: 1px solid @border-color-split;
background: @site-markdown-code-bg;
border-radius: 3px;
}