From c2d92880c6c69bf666b1fa174cf7345e7cfde7a1 Mon Sep 17 00:00:00 2001 From: roschaefer Date: Tue, 16 Jun 2020 13:35:01 +0200 Subject: [PATCH] refactor: Move Logo out of styleguide --- webapp/components/Logo.vue | 79 ------------------- webapp/components/Logo/Logo.vue | 70 ++++++++++++++++ webapp/components/Logo/demo.md | 15 ++++ webapp/components/Logo/style.scss | 17 ++++ webapp/layouts/basic.vue | 4 +- webapp/layouts/default.vue | 4 +- .../img/custom/Logo-Horizontal-Dark.svg | 48 +++++++++++ webapp/static/img/custom/Logo-Horizontal.svg | 48 +++++++++++ 8 files changed, 204 insertions(+), 81 deletions(-) delete mode 100644 webapp/components/Logo.vue create mode 100644 webapp/components/Logo/Logo.vue create mode 100644 webapp/components/Logo/demo.md create mode 100644 webapp/components/Logo/style.scss create mode 100644 webapp/static/img/custom/Logo-Horizontal-Dark.svg create mode 100644 webapp/static/img/custom/Logo-Horizontal.svg diff --git a/webapp/components/Logo.vue b/webapp/components/Logo.vue deleted file mode 100644 index 6c7285417..000000000 --- a/webapp/components/Logo.vue +++ /dev/null @@ -1,79 +0,0 @@ - - - diff --git a/webapp/components/Logo/Logo.vue b/webapp/components/Logo/Logo.vue new file mode 100644 index 000000000..e6024b718 --- /dev/null +++ b/webapp/components/Logo/Logo.vue @@ -0,0 +1,70 @@ + + + + + + + diff --git a/webapp/components/Logo/demo.md b/webapp/components/Logo/demo.md new file mode 100644 index 000000000..9cd6d0f4d --- /dev/null +++ b/webapp/components/Logo/demo.md @@ -0,0 +1,15 @@ +# Basic usage + +``` + + + +``` + +# Inverse Logo + +``` + + + +``` \ No newline at end of file diff --git a/webapp/components/Logo/style.scss b/webapp/components/Logo/style.scss new file mode 100644 index 000000000..305e907c5 --- /dev/null +++ b/webapp/components/Logo/style.scss @@ -0,0 +1,17 @@ +.ds-logo { + @include reset; + display: inline-flex; + justify-content: center; + align-items: center; + color: $text-color-primary; +} + +.ds-logo-inverse { + color: $text-color-primary-inverse; +} + +.ds-logo-svg { + width: 130px; + height: auto; + fill: currentColor; +} \ No newline at end of file diff --git a/webapp/layouts/basic.vue b/webapp/layouts/basic.vue index 3674ef94d..6764e8edf 100644 --- a/webapp/layouts/basic.vue +++ b/webapp/layouts/basic.vue @@ -6,7 +6,7 @@ - + @@ -26,12 +26,14 @@