From 21e3b3c602d840aad3dc471f65f2194d47cf0707 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Tobias=20H=C3=B8egh?= Date: Tue, 21 Mar 2023 09:55:30 +0100 Subject: [PATCH] docs: add new styles flow diagram --- .../assets/css_structure_diagram.js | 380 +++++++----------- .../uilib/usage/customisation/styling.mdx | 4 +- 2 files changed, 149 insertions(+), 235 deletions(-) diff --git a/packages/dnb-design-system-portal/src/docs/uilib/usage/customisation/assets/css_structure_diagram.js b/packages/dnb-design-system-portal/src/docs/uilib/usage/customisation/assets/css_structure_diagram.js index 83381737c63..344e08d979e 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/usage/customisation/assets/css_structure_diagram.js +++ b/packages/dnb-design-system-portal/src/docs/uilib/usage/customisation/assets/css_structure_diagram.js @@ -3,275 +3,191 @@ import React from 'react' export default function StructureDiagram(props) { return ( - - + CSS Structure Diagram + + - - - - - - - - - - - - - - - - - - + + + + + + + + + + + + + + + + + + + + + + + + + + - + - + - - - - - - - - - - - - - - - - - + - - + + + + + + + + + + + + + + + + ) } diff --git a/packages/dnb-design-system-portal/src/docs/uilib/usage/customisation/styling.mdx b/packages/dnb-design-system-portal/src/docs/uilib/usage/customisation/styling.mdx index 074aeae9de4..4799af44809 100644 --- a/packages/dnb-design-system-portal/src/docs/uilib/usage/customisation/styling.mdx +++ b/packages/dnb-design-system-portal/src/docs/uilib/usage/customisation/styling.mdx @@ -46,9 +46,7 @@ Additionally, it is also possible to import a style and theme for every single c The following Diagram gives an overall overview how the packages are structured. -
- -
+ ## How to deal with existing styles