mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 22:04:56 +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
40 lines
920 B
SCSS
40 lines
920 B
SCSS
// Size utility classes
|
|
|
|
.w-full { width: 100%; }
|
|
.h-full { height: 100%; }
|
|
.max-w-full { max-width: 100%; }
|
|
.max-w-sm { max-width: 400px; }
|
|
.max-w-md { max-width: 600px; }
|
|
.max-w-lg { max-width: 800px; }
|
|
.min-w-0 { min-width: 0; }
|
|
|
|
// Margin auto
|
|
.mx-auto { margin-left: auto; margin-right: auto; }
|
|
|
|
// Overflow
|
|
.overflow-hidden { overflow: hidden; }
|
|
.overflow-auto { overflow: auto; }
|
|
.overflow-x-auto { overflow-x: auto; }
|
|
.overflow-y-auto { overflow-y: auto; }
|
|
|
|
// Visibility
|
|
.hidden { display: none; }
|
|
.invisible { visibility: hidden; }
|
|
.visible { visibility: visible; }
|
|
|
|
// Cursor
|
|
.cursor-pointer { cursor: pointer; }
|
|
.cursor-default { cursor: default; }
|
|
|
|
// Whitespace / text overflow
|
|
.truncate {
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
}
|
|
.whitespace-nowrap { white-space: nowrap; }
|
|
.whitespace-pre { white-space: pre; }
|
|
|
|
// Font family
|
|
.font-mono { font-family: var(--font-mono); }
|