МЕНЬШЕ импортировать специфику c переменных - PullRequest
0 голосов
/ 19 апреля 2020

У меня есть проект, в котором есть два файла тем (main.less & antd.less). Я хочу, чтобы antd.less использовал некоторые переменные из main.less, как это сделать правильно? Документация неясна и показывает только примеры импорта и перезаписи.

Main.less

@color-primary: red;
@color-army: #007944;
@color-lime: #05fc26;
@color-orange: #faad14;
@color-error: #f5222d;
@color-black: #211d1e;
@color-dark: #292f4c;
@color-light: #f8f8f8;
@color-white: #ffffff;
@border-radius: 4px;
@font-primary: 'Open Sans';
@font-secondary: Roboto;

antd.less

@theme: "theme";
@import "@{theme}/theme.less";

@primary-color: @theme.color-primary; // primary color for all components
@link-color: #007944; // link color
@success-color: #05fc26; // success state color
@warning-color: #faad14; // warning state color
@error-color: #f5222d; // error state color
@font-size-base: 14px; // major text font size
@heading-color: rgba(0, 0, 0, 0.85); // heading text color
@text-color: #211d1e; // major text color
@text-color-secondary: rgba(0, 0, 0, 0.45); // secondary text color
@disabled-color: rgba(0, 0, 0, 0.25); // disable state color
@border-radius-base: 4px; // major border radius
@border-color-base: #aaa; // major border color
@box-shadow-base: 0 2px 8px rgba(0, 0, 0, 0.15); // major shadow for layers
@font-family: Roboto,
    'Open Sans',
    BlinkMacSystemFont,
    'Segoe UI',
    'Helvetica Neue',
    Arial,
    'Noto Sans',
    sans-serif,
    'Apple Color Emoji',
    'Segoe UI Emoji',
    'Segoe UI Symbol',
    'Noto Color Emoji';

Оба файла находятся в одном файле местоположение (styles / main.less, styles / antd.less). Использование Next Js.

...