docs: добавить стайлгайд nextjs-style-guide в репозиторий

- Добавлена документация SLM-архитектуры, базовых правил и прикладных разделов
- Добавлены разделы: стили, SVG-спрайты, шаблоны генерации, PostCSS, REST, Realtime
- Удалены устаревшие файлы (спрайты, скрипты, стили из app/)
This commit is contained in:
2026-04-30 19:32:10 +03:00
parent bf792f6159
commit f2358da397
60 changed files with 5308 additions and 372 deletions

View File

@@ -1 +0,0 @@
export { MantineProvider } from './mantine-provider';

View File

@@ -1,11 +0,0 @@
'use client';
import { MantineProvider as BaseMantineProvider } from '@mantine/core';
import type { PropsWithChildren } from 'react';
/**
* Провайдер Mantine UI.
*/
export const MantineProvider = ({ children }: PropsWithChildren) => {
return <BaseMantineProvider>{children}</BaseMantineProvider>;
};

View File

@@ -1,3 +0,0 @@
@import "./variables.css";
@import "./media.css";
@import "./reset.css";

View File

@@ -1,6 +0,0 @@
/* Медиа-запросы (Mobile First) */
@custom-media --xs (min-width: 36em);
@custom-media --sm (min-width: 48em);
@custom-media --md (min-width: 62em);
@custom-media --lg (min-width: 75em);
@custom-media --xl (min-width: 88em);

View File

@@ -1,28 +0,0 @@
/* Базовые стили */
html {
height: 100%;
}
html,
body {
max-width: 100vw;
overflow-x: hidden;
}
body {
min-height: 100%;
display: flex;
flex-direction: column;
color: var(--color-text);
background: var(--color-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
*,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}

View File

@@ -1,35 +0,0 @@
/* Цвета */
:root {
--color-text: #1a1a1a;
--color-text-secondary: #6b7280;
--color-bg: #ffffff;
--color-bg-secondary: #f9fafb;
--color-border: #e5e7eb;
--color-primary: #228be6;
--color-error: #fa5252;
--color-success: #40c057;
--color-warning: #fab005;
}
/* Отступы */
:root {
--space-1: 4px;
--space-2: 8px;
--space-3: 12px;
--space-4: 16px;
--space-5: 20px;
--space-6: 24px;
--space-8: 32px;
--space-10: 40px;
--space-12: 48px;
--space-16: 64px;
}
/* Скругления */
:root {
--radius-1: 4px;
--radius-2: 8px;
--radius-3: 12px;
--radius-4: 16px;
--radius-full: 9999px;
}