mirror of
https://github.com/raphaelsalaja/userinterface-wiki.git
synced 2026-09-14 20:06:29 +08:00
Raphael S.
9d6cfdc7c7
- Introduced multiple CSS files for styles, including reset, typography, shadows, and Radix color imports. - Established CSS variables for spacing, typography, and shadows to ensure consistency across the application. - Implemented styles for various HTML elements to enhance the overall design and readability. This update lays the groundwork for a cohesive design system.
48 lines
1.6 KiB
CSS
48 lines
1.6 KiB
CSS
:root {
|
|
--font-letter-spacing-12px: 0.006px;
|
|
--font-letter-spacing-13px: -0.041px;
|
|
--font-letter-spacing-14px: -0.087px;
|
|
--font-letter-spacing-15px: -0.132px;
|
|
--font-letter-spacing-16px: -0.175px;
|
|
--font-letter-spacing-17px: -0.217px;
|
|
--font-letter-spacing-18px: -0.257px;
|
|
--font-letter-spacing-19px: -0.296px;
|
|
--font-letter-spacing-20px: -0.333px;
|
|
--font-letter-spacing-21px: -0.369px;
|
|
--font-letter-spacing-22px: -0.403px;
|
|
--font-letter-spacing-23px: -0.436px;
|
|
--font-letter-spacing-24px: -0.468px;
|
|
--font-letter-spacing-25px: -0.499px;
|
|
--font-letter-spacing-26px: -0.528px;
|
|
--font-letter-spacing-27px: -0.557px;
|
|
--font-letter-spacing-28px: -0.584px;
|
|
--font-letter-spacing-29px: -0.611px;
|
|
--font-letter-spacing-30px: -0.636px;
|
|
--font-letter-spacing-31px: -0.661px;
|
|
--font-letter-spacing-32px: -0.685px;
|
|
--font-letter-spacing-33px: -0.717px;
|
|
--font-letter-spacing-34px: -0.742px;
|
|
--font-letter-spacing-35px: -0.766px;
|
|
--font-letter-spacing-36px: -0.79px;
|
|
--font-letter-spacing-37px: -0.814px;
|
|
--font-letter-spacing-38px: -0.838px;
|
|
--font-letter-spacing-39px: -0.862px;
|
|
--font-letter-spacing-40px: -0.885px;
|
|
--font-letter-spacing-41px: -0.908px;
|
|
--font-letter-spacing-42px: -0.931px;
|
|
--font-letter-spacing-43px: -0.955px;
|
|
--font-letter-spacing-44px: -0.977px;
|
|
--font-letter-spacing-45px: -1px;
|
|
--font-letter-spacing-46px: -1.023px;
|
|
--font-letter-spacing-47px: -1.046px;
|
|
--font-letter-spacing-48px: -1.068px;
|
|
}
|
|
|
|
:root {
|
|
--font-weight-light: 330;
|
|
--font-weight-normal: 450;
|
|
--font-weight-medium: 550;
|
|
--font-weight-semibold: 600;
|
|
--font-weight-bold: 700;
|
|
}
|