feat: Добавлен слой app с базовыми файлами стилей
This commit is contained in:
@@ -1,3 +1,5 @@
|
|||||||
|
import './styles/index.scss';
|
||||||
|
|
||||||
const App = () => {
|
const App = () => {
|
||||||
return <div>Test</div>
|
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