Docker/codex.docs
Docker/codex.docs
1
0
Fork 0
mirror of https://github.com/codex-team/codex.docs.git synced 2025-08-07 14:35:26 +02:00
Code Issues Releases Activity

Fix vars and logo paddings

Browse source
This commit is contained in:
Tanya Fomina 2022-06-16 20:35:33 +08:00
parent b6f481e85d
commit 1c568fb7fb
2 changed files with 11 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/frontend/styles/components/sidebar.pcss
View file

@ -1,16 +1,14 @@
.docs-sidebar { .docs-sidebar {
--sidebar-width: 100vw; width: 100vw;
width: var(--sidebar-width);
@media (--desktop) { @media (--desktop) {
--sidebar-width: 344px; width: var(--layout-sidebar-width);
} }
&__content { &__content {
border-bottom: 1px solid var(--color-line-gray); border-bottom: 1px solid var(--color-line-gray);
box-sizing: border-box; box-sizing: border-box;
padding: var(--layout-padding-vertical) 22px; padding: var(--layout-padding-vertical) var(--layout-padding-horizontal);
position: sticky; position: sticky;
top: var(--layout-height-header); top: var(--layout-height-header);
display: flex; display: flex;
@ -192,7 +190,7 @@
background: white; background: white;
z-index: 2; z-index: 2;
padding-bottom: 20px; padding-bottom: 20px;
padding-top: 10px; padding-top: 60px;
font-size: 14px; font-size: 14px;
@media (--desktop) { @media (--desktop) {
@ -203,10 +201,15 @@
display: inline-flex; display: inline-flex;
} }
&-caption {
margin: 0;
}
&-wrapper { &-wrapper {
display: flex; display: flex;
align-items: center; align-items: center;
gap: 18px; gap: 18px;
padding: 8px;
} }
} }

4
src/frontend/styles/vars.pcss
View file

@ -23,9 +23,9 @@
/** /**
* Site layout sizes * Site layout sizes
*/ */
--layout-padding-horizontal: 16px; --layout-padding-horizontal: 22px;
--layout-padding-vertical: 30px; --layout-padding-vertical: 30px;
--layout-width-aside: 300px; --layout-sidebar-width: 344px;
--layout-width-main-col: 650px; --layout-width-main-col: 650px;
--layout-height-header: 56px; --layout-height-header: 56px;