feat: Добавлен слой app с базовыми файлами стилей

This commit is contained in:
Ilia Mashkov
2025-11-19 20:21:46 +03:00
parent 9ce1e4b133
commit 7f507513e9
6 changed files with 74 additions and 0 deletions

View File

@@ -1,3 +1,5 @@
import './styles/index.scss';
const App = () => { const App = () => {
return <div>Test</div> return <div>Test</div>
} }

View File

@@ -0,0 +1 @@
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');

View File

@@ -0,0 +1,3 @@
@import './fonts.scss';
@import './variables.scss';
@import './reset.scss';

30
src/app/styles/reset.scss Normal file
View File

@@ -0,0 +1,30 @@
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: var(--font-family-main);
color: var(--color-text);
background-color: var(--color-bg);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
button {
border: none;
background: none;
font-family: inherit;
cursor: pointer;
}
a {
text-decoration: none;
color: inherit;
}
ul,
ol {
list-style: none;
}

View File

@@ -0,0 +1,24 @@
:root {
// Цвета
--color-primary: #42567A;
--color-accent: #EF5DA8;
--color-text: #42567A;
--color-bg: #F4F5F9;
--color-border: rgba(66, 86, 122, 0.1);
--color-blue: #3877EE;
// Градиенты
--gradient-primary: linear-gradient(to right, #3877EE, #EF5DA8);
// Типографика
--font-family-main: 'PT Sans', sans-serif;
--font-size-h1: 56px;
--font-size-h2: 32px;
--font-size-h3: 20px;
--font-size-body: 16px;
--font-size-small: 14px;
--line-height-h1: 120%;
--line-height-body: 150%;
}

14
src/app/types/declarations.d.ts vendored Normal file
View File

@@ -0,0 +1,14 @@
declare module '*.module.scss' {
const classes: { [key: string]: string }
export default classes
}
declare module '*.scss' {
const classes: { [key: string]: string }
export default classes
}
declare module '*.png'
declare module '*.jpg'
declare module '*.jpeg'
declare module '*.svg'