diff --git a/src/styles/variables.scss b/src/styles/variables.scss index 7dcd0247..5b24d4b2 100644 --- a/src/styles/variables.scss +++ b/src/styles/variables.scss @@ -173,6 +173,8 @@ $sidebar_border: transparentize(white, 0.95); @media (max-width: 599px) { flex-direction: column !important; + @content; + & > * { margin: $gap/2 0 !important; diff --git a/src/utils/dom.ts b/src/utils/dom.ts index ce8961fc..eae9655f 100644 --- a/src/utils/dom.ts +++ b/src/utils/dom.ts @@ -18,7 +18,6 @@ import { formatTextSanitizeTags, formatTextSanitizeYoutube, formatTextTodos, - formatTextTypograf, } from '~/utils/formatText'; import { splitTextByYoutube, splitTextOmitEmpty } from '~/utils/splitText'; @@ -103,7 +102,6 @@ export const formatText = pipe( formatTextTodos, formatExclamations, formatTextDash, - formatTextTypograf, formatTextMarkdown, formatTextSanitizeTags, formatTextClickableUsernames diff --git a/src/utils/formatText.ts b/src/utils/formatText.ts index a409e46f..1c7aa4f9 100644 --- a/src/utils/formatText.ts +++ b/src/utils/formatText.ts @@ -1,8 +1,5 @@ import marked from 'marked'; import { stripHTMLTags } from '~/utils/stripHTMLTags'; -import Typograf from 'typograf'; - -const typograf = new Typograf({ locale: ['ru', 'en-US'] }); /** * Cleans youtube urls @@ -72,8 +69,3 @@ export const formatTextDash = (text: string): string => text.replace(' -- ', ' * Formats with markdown */ export const formatTextMarkdown = (text: string): string => marked(text); - -/** - * Uses typograf.js to prettify text - */ -export const formatTextTypograf = (text: string): string => typograf.execute(text);