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