diff --git a/projects/demo/src/pages/documentation/changelog/changelog.style.less b/projects/demo/src/pages/documentation/changelog/changelog.style.less index f85ee7262..10dedc0e8 100644 --- a/projects/demo/src/pages/documentation/changelog/changelog.style.less +++ b/projects/demo/src/pages/documentation/changelog/changelog.style.less @@ -10,20 +10,6 @@ markdown { margin-left: 1.25rem; } - & h2 { - font-size: 2em; - padding-bottom: 0.5em; - margin-left: 0; - border-bottom: 1px solid var(--tui-base-03); - } - - & h3 { - text-transform: uppercase; - font-weight: normal; - font-size: 1.5rem; - margin: 1rem 0; - } - & h3:not([id^='feat']):not([id^='bug']):not([id^='deprecations']) { font-size: 1.75rem; padding-bottom: 0.5em; @@ -36,10 +22,6 @@ markdown { color: var(--tui-error-fill); } - & code { - color: #d45d8c; - } - & h3[id^='feat']:before { content: '🚀'; } diff --git a/projects/demo/src/styles.less b/projects/demo/src/styles.less index fa53488c3..194510ae4 100644 --- a/projects/demo/src/styles.less +++ b/projects/demo/src/styles.less @@ -1,4 +1,5 @@ @import '@taiga-ui/styles/taiga-ui-global'; +@import '@taiga-ui/addon-doc/styles/markdown'; body { margin: 0; @@ -10,93 +11,17 @@ body { } markdown { - display: block; - - h1 { - font: var(--tui-font-heading-1); - } - - h2 { - font: var(--tui-font-heading-2); - } - - h3 { - font: var(--tui-font-heading-3); - } - - h4 { - font: var(--tui-font-heading-4); - } - - h5 { - font: var(--tui-font-heading-5); - } - - h6 { - font: var(--tui-font-heading-6); - } - - h1, - h2, - h3, - h4, - h5, - h6 { - margin: 3rem 0 1rem; - } - - img { - margin: 0.625rem 3rem 1.5rem 0; - max-width: 27.5rem; - - &:nth-child(2n) { - margin-right: 0; - } - } - - ul { - &:extend(.tui-list); - } - - li { - position: relative; - padding-left: 1.5rem; - word-wrap: break-word; - margin-top: 0.75rem; + li li { + // nested list + color: var(--tui-text-02); &:before { - content: ''; - position: absolute; + content: '\2014'; left: 0; - top: 0.5rem; - width: 0.5rem; - height: 0.5rem; - border-radius: 100%; - background-color: var(--tui-primary); - } - - // nested list - li { - color: var(--tui-text-02); - - &:before { - content: '\2014'; - left: 0; - top: auto; - width: auto; - height: auto; - background-color: transparent; - } - } - } - - & a { - text-decoration: none; - color: var(--tui-link); - - &:hover, - &:active { - color: var(--tui-link-hover); + top: auto; + width: auto; + height: auto; + background-color: transparent; } } }