diff --git a/assets/scss/_styles_project.scss b/assets/scss/_styles_project.scss index 05c53a0..c6281a4 100644 --- a/assets/scss/_styles_project.scss +++ b/assets/scss/_styles_project.scss @@ -234,4 +234,14 @@ a.nav-link.sp-coming-soon::after { font-size: x-large; margin-left: .5rem; color: $white -} \ No newline at end of file +} + +.sp-docs-logoblock-card ul { + margin-bottom: 1rem; +} + +.sp-docs-logoblock { + padding: 5rem; + display: flex; + justify-content: center; +} diff --git a/content/ru/docs/Branding/_index.md b/content/ru/docs/Branding/_index.md index c73607b..fabebbb 100644 --- a/content/ru/docs/Branding/_index.md +++ b/content/ru/docs/Branding/_index.md @@ -14,8 +14,11 @@ date: 2024-01-26 * [Figma](https://www.figma.com/community/file/1035203688168086460) ## Логотип -### Примеры использования -* Лого +{{% docs-logoblock "logo.svg" "#30312C" Основной %}} +* Для шапки +* Ещё для чего-то +{{% /docs-logoblock %}} + * Лого чб * Лого компактный * Лого маленький diff --git a/content/ru/docs/Branding/logo.svg b/content/ru/docs/Branding/logo.svg new file mode 100644 index 0000000..4d038ac --- /dev/null +++ b/content/ru/docs/Branding/logo.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/layouts/shortcodes/docs-logoblock.html b/layouts/shortcodes/docs-logoblock.html new file mode 100644 index 0000000..461dcc4 --- /dev/null +++ b/layouts/shortcodes/docs-logoblock.html @@ -0,0 +1,9 @@ +{{ $logo := .Get 0 }} +{{ $bg := .Get 1 }} +{{ $usecase := .Get 2 }} +
+

{{$usecase}}

+
+

Где использовать

+ {{ .Inner }} +
\ No newline at end of file