S.Gromov
bf792f6159
- Архитектура SLM: провайдеры перенесены в infrastructure/mantine, стили в shared/styles - SVG-спрайты: переход на @gromlab/svg-sprites, добавлен preload в layout - Стили: переменные и брейкпоинты приведены к базовому набору стайлгайда (rem, Mobile First) - PostCSS: добавлены postcss-custom-media, postcss-nesting, autoprefixer, @csstools/postcss-global-data - tsconfig: исправлен алиас shared/* → ./src/shared/* - Удалены app/styles/, app/providers/, scripts/create-svg-sprite.js, public/img/sprites/ - README переписан на SLM-архитектуру - Добавлены иконки: clipboard-tick, doctor, people, symptom
18 lines
720 B
CSS
18 lines
720 B
CSS
/* Ширина — Mobile First (min-width), кроме --xs (max-width) */
|
|
@custom-media --xs (max-width: 35.9375rem);
|
|
@custom-media --sm (min-width: 36rem);
|
|
@custom-media --md (min-width: 48rem);
|
|
@custom-media --lg (min-width: 62rem);
|
|
@custom-media --xl (min-width: 75rem);
|
|
@custom-media --2xl (min-width: 88rem);
|
|
@custom-media --3xl (min-width: 120rem);
|
|
|
|
/* Высота — min-height */
|
|
@custom-media --h-xs (min-height: 41.6875rem);
|
|
@custom-media --h-sm (min-height: 43.875rem);
|
|
@custom-media --h-md (min-height: 50.625rem);
|
|
@custom-media --h-lg (min-height: 56.25rem);
|
|
@custom-media --h-xl (min-height: 62.5rem);
|
|
@custom-media --h-2xl (min-height: 68.75rem);
|
|
@custom-media --h-3xl (min-height: 75rem);
|