diff --git a/src/frontend/styles/components/header.pcss b/src/frontend/styles/components/header.pcss index 4d69749..125eef5 100644 --- a/src/frontend/styles/components/header.pcss +++ b/src/frontend/styles/components/header.pcss @@ -1,14 +1,14 @@ .docs-header { display: flex; flex-shrink: 0; - padding: 0 var(--layout-padding-horisontal); + padding: 0 var(--layout-padding-horizontal); border-bottom: 1px solid var(--color-line-gray); font-size: 15.8px; line-height: 50px; flex-wrap: wrap; position: relative; - @media (--mobile){ + @media (--mobile) { line-height: 40px; } diff --git a/src/frontend/styles/layout.pcss b/src/frontend/styles/layout.pcss index 1da2fa6..8912295 100644 --- a/src/frontend/styles/layout.pcss +++ b/src/frontend/styles/layout.pcss @@ -1,6 +1,6 @@ .docs { display: flex; - padding: 0 var(--layout-padding-horisontal); + padding: 0px var(--layout-padding-horizontal); @media (--mobile) { flex-wrap: wrap; @@ -12,8 +12,8 @@ @media (--mobile) { width: 100%; flex-basis: 100%; - padding: 20px var(--layout-padding-horisontal) !important; - margin: 0 calc(-1 * var(--layout-padding-horisontal)); + padding: 20px var(--layout-padding-horizontal) !important; + margin: 0 calc(-1 * var(--layout-padding-horizontal)); border-bottom: 1px solid var(--color-line-gray); } } diff --git a/src/frontend/styles/vars.pcss b/src/frontend/styles/vars.pcss index c292aa3..b0ae589 100644 --- a/src/frontend/styles/vars.pcss +++ b/src/frontend/styles/vars.pcss @@ -1,7 +1,7 @@ :root { --color-text-main: #313649; --color-text-second: #5d6068; - --color-line-gray: #E8E8EB; + --color-line-gray: #e8e8eb; --color-link-active: #2071cc; --color-button-danger: #ff5159; --color-bg-light: #f8f7fa; @@ -10,7 +10,7 @@ /** * Site layout sizes */ - --layout-padding-horisontal: 30px; + --layout-padding-horizontal: 30px; --layout-padding-vertical: 30px; --layout-width-aside: 300px; --layout-width-main-col: 650px; @@ -20,10 +20,11 @@ --layout-padding-vertical: 15px; } - --font-mono: Menlo,Monaco,Consolas,Courier New,monospace; + --font-mono: Menlo, Monaco, Consolas, Courier New, monospace; --font-serif { - font-family: "Lucida Grande","Lucida Sans Unicode","Lucida Sans", Geneva, Arial, sans-serif; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, + Arial, sans-serif; letter-spacing: -0.03em; }