mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +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
24 lines
382 B
SCSS
24 lines
382 B
SCSS
// Responsive breakpoint mixins
|
|
|
|
$breakpoint-sm: 600px;
|
|
$breakpoint-md: 900px;
|
|
$breakpoint-lg: 1200px;
|
|
|
|
@mixin mobile {
|
|
@media (max-width: #{$breakpoint-sm - 1px}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin tablet {
|
|
@media (min-width: $breakpoint-sm) and (max-width: #{$breakpoint-md - 1px}) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@mixin desktop {
|
|
@media (min-width: $breakpoint-md) {
|
|
@content;
|
|
}
|
|
}
|