Tropix126 / fluent-svelte

A faithful implementation of Microsoft's Fluent Design System in Svelte.
https://fluent-svelte.vercel.app
MIT License
606 stars 26 forks source link

RadioButton center part size is bigger than main design #57

Open alphaelf opened 1 year ago

alphaelf commented 1 year ago

Before you start...

What browsers are you seeing the problem on?

Chrome Beta/Dev/Canary, Microsoft Edge Beta/Dev/Canary

Description

the block-size and inline-size of input:before is 4px bigger than Microsoft major design

Steps To Reproduce

No response

Expected behavior

so input:before must be 4px smaller in checked state:

block-size: 8px;
inline-size: 8px;

in hover state:

block-size: 10px;
inline-size: 10px;

and in active state:

block-size: 6px;
inline-size: 6px;

Relevant Assets

https://www.figma.com/community/file/1159947337437047524