{"id":37401181,"url":"https://github.com/cdek-it/typography","last_synced_at":"2026-05-29T05:00:48.736Z","repository":{"id":332025407,"uuid":"1096300835","full_name":"cdek-it/typography","owner":"cdek-it","description":null,"archived":false,"fork":false,"pushed_at":"2026-05-18T08:46:54.000Z","size":36,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-05-18T10:43:44.732Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cdek-it.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2025-11-14T08:19:01.000Z","updated_at":"2026-05-18T08:45:14.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/cdek-it/typography","commit_stats":null,"previous_names":["cdek-it/typography"],"tags_count":5,"template":false,"template_full_name":null,"purl":"pkg:github/cdek-it/typography","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cdek-it%2Ftypography","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cdek-it%2Ftypography/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cdek-it%2Ftypography/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cdek-it%2Ftypography/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cdek-it","download_url":"https://codeload.github.com/cdek-it/typography/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cdek-it%2Ftypography/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":33637485,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-05-29T02:00:06.066Z","response_time":107,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-01-16T05:44:22.733Z","updated_at":"2026-05-29T05:00:48.712Z","avatar_url":"https://github.com/cdek-it.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# @cdek-it/typography\n\n`@cdek-it/typography` — пакет с глобальными типографическими стилями для веб-приложений.  \nПодключается один раз и применяется ко всему проекту.\n\n---\n\n## Подключение через HTML (рекомендуется)\n\nДля улучшения производительности рекомендуется использовать preconnect:\n\n```html\n\u003clink rel=\"preconnect\" href=\"https://public-static.cdek.ru\" /\u003e\n\u003clink rel=\"stylesheet\" href=\"https://public-static.cdek.ru/common/typography/v3.0.1/typography.min.css\"\u003e\n```\n\n\u003e ⚠️ Подключение должно идти **до** ваших кастомных стилей, если вы планируете их переопределять.\n---\n\n## Альтернативные способы подключения\n\n### Установка через npm/yarn\n\n```bash\nnpm install @cdek-it/typography\n```\n\nили\n\n```bash\nyarn add @cdek-it/typography\n```\n\nИмпорт в CSS/SCSS файл:\n\n```css\n@import '@cdek-it/typography/dist/index.min.css';\n```\n\n### Поддерживаемые фреймворки (популярные)\n\n#### Vue 3 (Vite)\n\n`src/assets/main.css`\n\n```css\n@import '@cdek-it/typography/dist/index.min.css';\n```\n\n`src/main.ts`\n\n```ts\nimport { createApp } from 'vue';\nimport App from './App.vue';\nimport './assets/main.css';\n\ncreateApp(App).mount('#app');\n```\n\n#### React (Vite / Create React App)\n\n`src/main.tsx` или `src/index.tsx`\n\n```ts\nimport '@cdek-it/typography/dist/index.min.css';\nimport App from './App';\n\nexport default App;\n```\n\n#### Next.js\n\n`pages/_app.tsx` **или** `app/layout.tsx`\n\n```ts\nimport '@cdek-it/typography/dist/index.min.css';\n\nexport default function App({ Component, pageProps }) {\n  return \u003cComponent {...pageProps} /\u003e;\n}\n```\n\n#### Nuxt 3\n\n`nuxt.config.ts`\n\n```ts\nexport default defineNuxtConfig({\n  css: [\n    '@cdek-it/typography/dist/index.min.css',\n  ],\n});\n```\n\n#### Angular\n\n`angular.json`\n\n```json\n{\n  \"styles\": [\n    \"node_modules/@cdek-it/typography/dist/index.min.css\",\n    \"src/styles.css\"\n  ]\n}\n```\n\n---\n\n## Переопределение стилей\n\nВы можете переопределять стили typography в своих файлах:\n\n```html\n\u003clink rel=\"preconnect\" href=\"https://public-static.cdek.ru\" /\u003e\n\u003clink rel=\"stylesheet\" href=\"https://public-static.cdek.ru/common/typography/v3.0.1/typography.min.css\"\u003e\n\u003cstyle\u003e\n  h1 {\n    font-weight: 700;\n  }\n\u003c/style\u003e\n```\n\n---\n\n## Рекомендации\n\n* Подключайте стили **один раз** на уровне приложения\n* Используйте `typography.min.css` в продакшене\n* Не подключайте typography в `scoped` / `module` стилях\n* Переопределяйте стили **после** подключения пакета\n* Используйте preconnect для улучшения производительности загрузки\n\n---\n\n## Темная тема (хак)\n\nДля включения темной темы используйте JavaScript:\n\n```javascript\ndocument.documentElement.dataset.theme = 'dark';\n```\n\n\u003e ⚠️ Это решение-хак для случаев, когда не используются библиотеки Prime для переключения темы. В штатных ситуациях рекомендуется использовать встроенные механизмы управления темами.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcdek-it%2Ftypography","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcdek-it%2Ftypography","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcdek-it%2Ftypography/lists"}