feat: make the body styles available by a class helper `.dnb-app-cont…

…ent`
dnbexperience · Feb 20, 2019 · d3aee20 · d3aee20
1 parent 7899ac4
commit d3aee20
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/packages/dnb-ui-lib/src/style/core/scopes.scss b/packages/dnb-ui-lib/src/style/core/scopes.scss
@@ -4,6 +4,13 @@
  */
 
 @mixin bodyDefault() {
+  *,
+  ::before,
+  ::after {
+    background-repeat: no-repeat;
+    box-sizing: border-box;
+  }
+
   font-family: sans-serif;
   font-family: var(--font-family-default);
   font-weight: var(--font-weight-default);
@@ -18,13 +25,6 @@
 }
 
 @mixin componentReset() {
-  *,
-  ::before,
-  ::after {
-    background-repeat: no-repeat;
-    box-sizing: border-box;
-  }
-
   ::before,
   ::after {
     text-decoration: inherit;

diff --git a/packages/dnb-ui-lib/src/style/dnb-ui-basis.scss b/packages/dnb-ui-lib/src/style/dnb-ui-basis.scss
@@ -6,5 +6,13 @@
 // core imports
 @import './core/utilities.scss';
 @import './core/properties.scss';
+@import './core/scopes.scss';
 @import './core/fonts.scss';
 @import './core/helper-classes.scss';
+
+// In order to be able to have the body stiles inside a app wrapper,
+// we have this class helper to get the body styles inside the wrapper as well
+// without using the body
+.dnb-app-content {
+  @include bodyDefault();
+}