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

make page and editor more similar

Browse source
This commit is contained in:
Peter Savchenko 2022-09-15 22:09:47 +03:00
parent c0d7f48910
commit d45a3abae8
No known key found for this signature in database
GPG key ID: E68306B1AB0F727C
3 changed files with 40 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -58,6 +58,7 @@
&__title { &__title {
@apply --text-content-title; @apply --text-content-title;
margin-bottom: 10px; margin-bottom: 10px;
line-height: 1.35em;
} }
.cdx-marker { .cdx-marker {
@ -103,10 +104,12 @@
.block-header { .block-header {
@apply --text-header; @apply --text-header;
margin-top: 10px;
display: flex; display: flex;
align-items: center; align-items: center;
transform: translateX(-36px); transform: translateX(-36px);
cursor: text; cursor: text;
&--2 { &--2 {
@apply --text-header-2; @apply --text-header-2;
} }
@ -336,17 +339,7 @@
* ================== * ==================
*/ */
.block-list { .block-list {
margin: 0; @apply --text-list;
list-style: outside;
padding-left: 40px;
&--ordered {
list-style-type: decimal
}
li:not(:last-of-type) {
margin-bottom: 8px;
}
} }
/** /**

22
src/frontend/styles/components/writing.pcss
View file

@ -58,13 +58,17 @@
border-radius: 8px; border-radius: 8px;
} }
.ce-paragraph a { .ce-paragraph {
@apply --text-inline-link; line-height: inherit;
a {
@apply --text-inline-link;
}
} }
.ce-header { .ce-header {
@apply --text-header; @apply --text-header;
padding: 0; padding: 0 0 10px;
} }
h2.ce-header { h2.ce-header {
@ -75,10 +79,6 @@
@apply --text-header-3; @apply --text-header-3;
} }
.cdx-block {
padding: 0;
}
.inline-code { .inline-code {
@apply --text-inline-code; @apply --text-inline-code;
} }
@ -92,7 +92,11 @@
} }
.cdx-list { .cdx-list {
padding-left: 40px; @apply --text-list;
&__item {
line-height: inherit;
}
} }
@media (--desktop) { @media (--desktop) {
@ -107,7 +111,7 @@
@apply --text-content-title; @apply --text-content-title;
} }
.ce-block { .cdx-block {
@apply --content-block; @apply --content-block;
} }

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

@ -148,7 +148,7 @@
* The common styles for the Page blocks as well as Editor blocks * The common styles for the Page blocks as well as Editor blocks
*/ */
--content-block { --content-block {
margin: 20px 0; padding: 10px 0;
} }
/** /**
@ -184,7 +184,7 @@
* Common styles for text headings (H2, H3, H4) * Common styles for text headings (H2, H3, H4)
*/ */
--text-header { --text-header {
margin: 28px 0 0; margin: 20px 0 0;
line-height: 1.35em; line-height: 1.35em;
} }
@ -257,6 +257,27 @@
} }
} }
/**
* Styles for the List block
*/
--text-list {
margin: 0;
list-style: outside;
padding-left: 40px;
&--ordered {
list-style-type: decimal
}
li {
padding: 0;
&:not(:last-of-type){
margin-bottom: 8px;
}
}
}
} }
/** /**