diff --git a/frontend/less/espo/custom.less b/frontend/less/espo/custom.less index fe36f2deb1..8a20eadf69 100644 --- a/frontend/less/espo/custom.less +++ b/frontend/less/espo/custom.less @@ -2727,36 +2727,46 @@ table.table td.cell .html-container { } h1 { - font-weight: 600; - margin-top: var(--line-height-computed); - margin-bottom: calc(var(--line-height-computed) / 2); + font-size: calc(var(--font-size-base) * 1.4); + font-weight: 500; + margin-top: calc(var(--line-height-computed) * 1.5); + margin-bottom: calc(var(--line-height-computed) / 2 * 1.5); + + padding-bottom: 0.4em; + border-bottom: var(--1px) solid var(--panel-default-border); } - h2, h3 { - font-weight: 600; - margin-top: calc(var(--line-height-computed) / 2 * 1.2); + h2 { + font-size: calc(var(--font-size-base) * 1.2); + font-weight: 500; + margin-top: calc(var(--line-height-computed) * 1.24); + margin-bottom: calc(var(--line-height-computed) / 2 * 1.2); + } + + h3 { + font-size: calc(var(--font-size-base) * 1.1); + font-weight: 500; + margin-top: calc(var(--line-height-computed) / 2 * 1.4); margin-bottom: calc(var(--line-height-computed) / 2); } h4 { font-weight: 500; + margin-top: calc(var(--line-height-computed) / 2 * 1.3); + margin-bottom: calc(var(--line-height-computed) / 2); } - h4, h5, h6 { + h5, h6 { font-weight: normal; + } + + h5, h6 { margin-top: calc(var(--line-height-computed) / 2); margin-bottom: calc(var(--line-height-computed) / 2); } - h1 { - font-size: calc(var(--font-size-base) * 1.2); - } - h2 { - font-size: calc(var(--font-size-base) * 1.1); - } - - h3, h4, h5, h6 { + h4, h5, h6 { font-size: var(--font-size-base); } diff --git a/frontend/less/espo/elements/type.less b/frontend/less/espo/elements/type.less index 235a0331c0..55d5c0b5d7 100644 --- a/frontend/less/espo/elements/type.less +++ b/frontend/less/espo/elements/type.less @@ -98,7 +98,7 @@ pre > code { } hr { - border-top: var(--1px) solid @panel-default-border; + border-top: var(--1px) solid var(--panel-default-border); } blockquote {