|
@ -7,10 +7,10 @@ |
|
|
unicode-range: U+30-39; |
|
|
unicode-range: U+30-39; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// Prefix |
|
|
// The prefix to use on all css classes from ant. |
|
|
@ant-prefix : ant; |
|
|
@ant-prefix : ant; |
|
|
|
|
|
|
|
|
// Color |
|
|
// -------- Colors ----------- |
|
|
@primary-color : @blue-6; |
|
|
@primary-color : @blue-6; |
|
|
@info-color : @blue-6; |
|
|
@info-color : @blue-6; |
|
|
@success-color : @green-6; |
|
|
@success-color : @green-6; |
|
@ -19,19 +19,31 @@ |
|
|
@warning-color : @yellow-6; |
|
|
@warning-color : @yellow-6; |
|
|
@normal-color : #d9d9d9; |
|
|
@normal-color : #d9d9d9; |
|
|
|
|
|
|
|
|
|
|
|
// Color used by default to control hover and active backgrounds and for |
|
|
|
|
|
// alert info backgrounds. |
|
|
@primary-1: color(~`colorPalette("@{primary-color}", 1)`); // replace tint(@primary-color, 90%) |
|
|
@primary-1: color(~`colorPalette("@{primary-color}", 1)`); // replace tint(@primary-color, 90%) |
|
|
@primary-2: color(~`colorPalette("@{primary-color}", 2)`); // replace tint(@primary-color, 80%) |
|
|
@primary-2: color(~`colorPalette("@{primary-color}", 2)`); // replace tint(@primary-color, 80%) |
|
|
|
|
|
// unused |
|
|
@primary-3: color(~`colorPalette("@{primary-color}", 3)`); |
|
|
@primary-3: color(~`colorPalette("@{primary-color}", 3)`); |
|
|
@primary-4: color(~`colorPalette("@{primary-color}", 4)`); |
|
|
@primary-4: color(~`colorPalette("@{primary-color}", 4)`); |
|
|
|
|
|
// Color used to control the text color in many active and hover states. |
|
|
@primary-5: color(~`colorPalette("@{primary-color}", 5)`); // replace tint(@primary-color, 20%) |
|
|
@primary-5: color(~`colorPalette("@{primary-color}", 5)`); // replace tint(@primary-color, 20%) |
|
|
@primary-6: @primary-color; // don't use, use @primary-color |
|
|
@primary-6: @primary-color; // don't use, use @primary-color |
|
|
|
|
|
// Color used to control the text color of active buttons. |
|
|
@primary-7: color(~`colorPalette("@{primary-color}", 7)`); // replace shade(@primary-color, 5%) |
|
|
@primary-7: color(~`colorPalette("@{primary-color}", 7)`); // replace shade(@primary-color, 5%) |
|
|
|
|
|
// unused |
|
|
@primary-8: color(~`colorPalette("@{primary-color}", 8)`); |
|
|
@primary-8: color(~`colorPalette("@{primary-color}", 8)`); |
|
|
|
|
|
// unused |
|
|
@primary-9: color(~`colorPalette("@{primary-color}", 9)`); |
|
|
@primary-9: color(~`colorPalette("@{primary-color}", 9)`); |
|
|
|
|
|
// unused |
|
|
@primary-10: color(~`colorPalette("@{primary-color}", 10)`); |
|
|
@primary-10: color(~`colorPalette("@{primary-color}", 10)`); |
|
|
|
|
|
|
|
|
// ------ Base & Require ------ |
|
|
// Base Scaffolding Variables |
|
|
|
|
|
// --- |
|
|
|
|
|
|
|
|
|
|
|
// Background color for `<body>` |
|
|
@body-background : #fff; |
|
|
@body-background : #fff; |
|
|
|
|
|
// Base background color for most components |
|
|
@component-background : #fff; |
|
|
@component-background : #fff; |
|
|
@font-family : "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
|
@font-family : "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; |
|
|
@code-family : Consolas, Menlo, Courier, monospace; |
|
|
@code-family : Consolas, Menlo, Courier, monospace; |
|
@ -84,8 +96,9 @@ |
|
|
@outline-width : 2px; |
|
|
@outline-width : 2px; |
|
|
@outline-color : @primary-color; |
|
|
@outline-color : @primary-color; |
|
|
|
|
|
|
|
|
// Background color |
|
|
// Default background color for disabled states, Collapse wrappers, |
|
|
@background-color-base : #f7f7f7; // basic gray background |
|
|
// and several active and hover states. |
|
|
|
|
|
@background-color-base : #f7f7f7; |
|
|
|
|
|
|
|
|
// Shadow |
|
|
// Shadow |
|
|
@shadow-color : rgba(0, 0, 0, .2); |
|
|
@shadow-color : rgba(0, 0, 0, .2); |
|
|