diff --git a/src/app/styles/fonts.scss b/src/app/styles/fonts.scss index a801e9d..11bfab6 100644 --- a/src/app/styles/fonts.scss +++ b/src/app/styles/fonts.scss @@ -1 +1 @@ -@import url('https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap'); \ No newline at end of file +@import 'https://fonts.googleapis.com/css2?family=PT+Sans:wght@400;700&display=swap'; diff --git a/src/app/styles/index.scss b/src/app/styles/index.scss index 823280c..a69cfda 100644 --- a/src/app/styles/index.scss +++ b/src/app/styles/index.scss @@ -1,3 +1,3 @@ -@import './fonts.scss'; -@import './variables.scss'; -@import './reset.scss'; \ No newline at end of file +@import './fonts'; +@import './variables'; +@import './reset'; \ No newline at end of file diff --git a/src/app/styles/reset.scss b/src/app/styles/reset.scss index 93618ac..04103d1 100644 --- a/src/app/styles/reset.scss +++ b/src/app/styles/reset.scss @@ -5,23 +5,27 @@ } body { - font-family: var(--font-family-main); color: var(--color-text); + font-family: var(--font-family-main); + background-color: var(--color-bg); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } button { - border: none; - background: none; font-family: inherit; + + border: none; + + background: none; + cursor: pointer; } a { - text-decoration: none; color: inherit; + text-decoration: none; } ul, diff --git a/src/app/styles/variables.scss b/src/app/styles/variables.scss index 4c1c30a..eaf7af7 100644 --- a/src/app/styles/variables.scss +++ b/src/app/styles/variables.scss @@ -4,7 +4,7 @@ --color-accent: #EF5DA8; --color-text: #42567A; --color-bg: #F4F5F9; - --color-border: rgba(66, 86, 122, 0.1); + --color-border: rgb(66 86 122 / 10%); --color-blue: #3877EE; // Градиенты @@ -12,13 +12,11 @@ // Типографика --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%; } \ No newline at end of file