Skip to content
This repository has been archived by the owner on Jul 28, 2024. It is now read-only.

[FRNT-444] Rewrite checkbox styles #81

Merged
merged 7 commits into from
Apr 23, 2021
Merged

Conversation

Irinaristova
Copy link
Contributor

No description provided.

src/ui/molecules/checkbox/index.tsx Outdated Show resolved Hide resolved
@github-actions github-actions bot added the @atoms Changes inside atoms label Apr 15, 2021
Comment on lines 28 to 43
--woly-shape-default: var(--palette-lavender-300);
--woly-shape-disabled: var(--palette-snow-300);
--woly-shape-hover: var(--palette-lavender-100);
--woly-shape-active: var(--palette-lavender-300);
--woly-shape-text-default: var(--palette-snow-0);
--woly-shape-text-disabled: var(--palette-snow-0);
--woly-shape-text-hover: var(--palette-snow-0);
--woly-shape-text-active: var(--palette-snow-0);
--woly-canvas-default: transparent;
--woly-canvas-disabled: var(--palete-snow-100);
--woly-canvas-hover: var(--palette-snow-500);
--woly-canvas-active: var(--palette-snow-500);
--woly-canvas-text-default: var(--palette-snow-1000);
--woly-canvas-text-disabled: var(--woly-snow-500);
--woly-canvas-text-hover: var(--woly-snow-500);
--woly-canvas-text-active: var(--woly-snow-500);
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Разлепи пожалуйста обратно на визуальные блоки:

--palette-snow-1000: #000000;
--palette-snow-500: #c0c0c0;
--palette-snow-100: #f5f5f5;
--palette-snow-0: #ffffff;
--palette-lavender-500: #9381f1;
/* should be rewritten to formulas */
--woly-line-height: 24px;
--woly-border-width: 1.5px;
--woly-rounding: 4px;
--woly-font-size: 15px;
--woly-const-m: 6px;
--woly-main-level: 3;
--woly-neutral: var(--palette-snow-500);
--woly-focus: #9381f1;
--woly-background: #ffffff;
[data-variant='primary'] {
--woly-shape-default: #b0a3f4;
--woly-shape-disabled: #e5e5e5;
--woly-shape-hover: #c9c0f8;
--woly-shape-active: #b0a3f4;
--woly-shape-text-default: var(--palette-snow-0);
--woly-shape-text-disabled: var(--palette-snow-0);
--woly-shape-text-hover: var(--palette-snow-0);
--woly-shape-text-active: var(--palette-snow-0);
--woly-canvas-default: transparent;
--woly-canvas-disabled: var(--palette-snow-100);
--woly-canvas-hover: var(--palette-snow-500);
--woly-canvas-active: var(--palette-snow-500);
--woly-canvas-text-default: var(--palette-snow-1000);
--woly-canvas-text-disabled: var(--palette-snow-500);
--woly-canvas-text-hover: var(--palette-snow-500);
--woly-canvas-text-active: var(--palette-snow-500);
}

Чтобы визуально можно было отделить одно от другого

@sergeysova
Copy link
Member

Конфликты?

@sergeysova sergeysova merged commit b0b12f1 into master Apr 23, 2021
@sergeysova sergeysova deleted the fix/FRNT-444-rewrite-checkbox branch April 23, 2021 11:07
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
@atoms Changes inside atoms
Projects
None yet
3 participants