forked from templates/nextjs-template
docs: добавить стайлгайд nextjs-style-guide в репозиторий
- Добавлена документация SLM-архитектуры, базовых правил и прикладных разделов - Добавлены разделы: стили, SVG-спрайты, шаблоны генерации, PostCSS, REST, Realtime - Удалены устаревшие файлы (спрайты, скрипты, стили из app/)
This commit is contained in:
@@ -1 +0,0 @@
|
||||
export { MantineProvider } from './mantine-provider';
|
||||
@@ -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>;
|
||||
};
|
||||
@@ -1,3 +0,0 @@
|
||||
@import "./variables.css";
|
||||
@import "./media.css";
|
||||
@import "./reset.css";
|
||||
@@ -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);
|
||||
@@ -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;
|
||||
}
|
||||
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user