templates/nextjs-template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: привести шаблон к правилам стайлгайда

Browse Source 
- Архитектура 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
This commit is contained in:
Сергей Громов
2026-04-30 19:24:40 +03:00
parent 1950c3612a
commit bf792f6159
27 changed files with 549 additions and 321 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/shared/styles/media.css
View File

@@ -1,15 +1,17 @@
@custom-media --xs (max-width: 575px);
@custom-media --sm (min-width: 576px);
@custom-media --md (min-width: 768px);
@custom-media --lg (min-width: 992px);
@custom-media --xl (min-width: 1200px);
@custom-media --2xl (min-width: 1408px);
@custom-media --3xl (min-width: 1920px);
/* Ширина — 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);
@custom-media --h-xs (min-height: 667px);
@custom-media --h-sm (min-height: 702px);
@custom-media --h-md (min-height: 810px);
@custom-media --h-lg (min-height: 900px);
@custom-media --h-xl (min-height: 1000px);
@custom-media --h-xxl (min-height: 1100px);
@custom-media --h-xxxl (min-height: 1200px);
/* Высота — 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);