feat: Добавлен слой app с базовыми файлами стилей
This commit is contained in:
@@ -1,3 +1,5 @@
|
||||
import './styles/index.scss';
|
||||
|
||||
const App = () => {
|
||||
return <div>Test</div>
|
||||
}
|
||||
1
src/app/styles/fonts.scss
Normal file
1
src/app/styles/fonts.scss
Normal file
@@ -0,0 +1 @@
|
||||
@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap');
|
||||
3
src/app/styles/index.scss
Normal file
3
src/app/styles/index.scss
Normal file
@@ -0,0 +1,3 @@
|
||||
@import './fonts.scss';
|
||||
@import './variables.scss';
|
||||
@import './reset.scss';
|
||||
30
src/app/styles/reset.scss
Normal file
30
src/app/styles/reset.scss
Normal 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;
|
||||
}
|
||||
24
src/app/styles/variables.scss
Normal file
24
src/app/styles/variables.scss
Normal 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
14
src/app/types/declarations.d.ts
vendored
Normal 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'
|
||||
Reference in New Issue
Block a user