🚐 Road map

[phucbm]

At the end of this road map, we will have a responsive and customizable atomic CSS framework.

To avoid reinventing the wheel, we would follow the naming structure of Stacks.

Checklist

• Display
• Spacing vertical
• Spacing horizontal
• Font size
• Positioning
• Typography
• Flex
• Background
• Object fit
• Transitions
• Color

[phucbm]

• overflow:hidden
• aspect-ratio:1 | 16/9

[tung13041996]

• border-radius:50%

[phucbm]

• Width 100%
• Height 100%

[phucbm]

• Backdrop-filter blur ➡️ -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);

[phucbm]

• Cursors: https://stackoverflow.design/product/base/cursors/

@vuquangpham Can you help me with this one?

[phucbm]

• Line-height: https://stackoverflow.design/product/base/typography/#line-height

Allow updating line-height list on config file.

[phucbm]

• color:inherit;

[phucbm]

@vuquangpham
Responsive for .flex-grid-template

.flex-grid-template.grid-col-xs-1 {}
.flex-grid-template.grid-col-xs-2 {}

.flex-grid-template.grid-col-sm-3 {}
.flex-grid-template.grid-col-sm-2 {}

.flex-grid-template.grid-col-md-2 {}
.flex-grid-template.grid-col-md-3 {}

.flex-grid-template.grid-col-lg-3 {}
.flex-grid-template.grid-col-lg-4 {}