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

layout and vars added

Browse source
This commit is contained in:
Umang G. Patel 2022-06-04 00:30:11 +05:30
parent f4ba12fbfe
commit 2be4a24178
2 changed files with 6 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

5
src/frontend/styles/layout.pcss
View file

@ -9,8 +9,9 @@
padding: 0px 22px; padding: 0px 22px;
border-right: solid 1px var(--color-line-gray); border-right: solid 1px var(--color-line-gray);
position: fixed; position: fixed;
top: var(--layout-height-header);
height: calc( height: calc(
100vh - var(--layout-padding-vertical) - var(--layout-height-header) 100%-var(--layout-height-header)-var(--layout-padding-vertical)
); );
@media (--mobile) { @media (--mobile) {
@ -25,6 +26,7 @@
&__content { &__content {
flex-grow: 2; flex-grow: 2;
word-wrap: break-word; word-wrap: break-word;
margin-top: var(--layout-height-header);
@media (--mobile) { @media (--mobile) {
width: 100%; width: 100%;
@ -40,7 +42,6 @@
&__aside, &__aside,
&__content { &__content {
padding-top: var(--layout-padding-vertical); padding-top: var(--layout-padding-vertical);
margin-top: var(--layout-height-header);
@media (--mobile) { @media (--mobile) {
padding: 20px 0; padding: 20px 0;

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

@ -24,10 +24,12 @@
*/ */
--layout-padding-horizontal: 16px; --layout-padding-horizontal: 16px;
--layout-padding-vertical: 30px; --layout-padding-vertical: 30px;
--layout-height-header: 57px;
--layout-width-aside: 300px; --layout-width-aside: 300px;
--layout-width-main-col: 650px; --layout-width-main-col: 650px;
--layout-height-header: 57px;
@media (--mobile) { @media (--mobile) {
--layout-padding-horizontal: 15px; --layout-padding-horizontal: 15px;
--layout-padding-vertical: 15px; --layout-padding-vertical: 15px;