mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-25 06:14:59 +00:00
JohnDoe6345789
58a94d0489
feat(styles): create global styles entry point and organize global styles feat(styles): implement base HTML element styles and utility classes for flexbox feat(styles): establish layout, position, spacing, and text utility classes feat(styles): introduce mixins for animations, cards, dialogs, flexbox, grid, and responsive design test(quick_guide): add component and metadata validation tests for quick_guide package test(ui_level6): implement metadata validation tests for ui_level6 package
27 lines
492 B
SCSS
27 lines
492 B
SCSS
// Position utility classes
|
|
|
|
.relative { position: relative; }
|
|
.absolute { position: absolute; }
|
|
.fixed { position: fixed; }
|
|
.sticky { position: sticky; }
|
|
|
|
.inset-0 { inset: 0; }
|
|
.top-0 { top: 0; }
|
|
.right-0 { right: 0; }
|
|
.bottom-0 { bottom: 0; }
|
|
.left-0 { left: 0; }
|
|
|
|
// Common positioning patterns
|
|
.absolute-center {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
}
|
|
|
|
.absolute-y-center {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
}
|