refactor(theme): add fluent presets

Author: simeonoff

projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-excel.scss

@@ -0,0 +1,4 @@
+@import '../index';
+
+@include igx-core();
+@include igx-fluent-dark-theme($fluent-excel-palette);

projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-dark-word.scss

@@ -0,0 +1,4 @@
+@import '../index';
+
+@include igx-core();
+@include igx-fluent-dark-theme($fluent-word-palette);

projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-excel.scss

@@ -0,0 +1,4 @@
+@import '../index';
+
+@include igx-core();
+@include igx-fluent-theme($fluent-excel-palette);

projects/igniteui-angular/src/lib/core/styles/themes/presets/igniteui-fluent-light-word.scss

@@ -0,0 +1,4 @@
+@import '../index';
+
+@include igx-core();
+@include igx-fluent-theme($fluent-word-palette);

projects/igniteui-angular/src/lib/core/styles/typography/scale-presets/_fluent.scss

@@ -0,0 +1,112 @@
+$fluent_h1: igx-type-style(
+    $font-size: rem(68px),
+    $font-weight: 700,
+    $line-height: rem(76px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_h2: igx-type-style(
+    $font-size: rem(42px),
+    $font-weight: 700,
+    $line-height: rem(52px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_h3: igx-type-style(
+    $font-size: rem(32px),
+    $font-weight: 600,
+    $line-height: rem(40px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_h4: igx-type-style(
+    $font-size: rem(28px),
+    $font-weight: 400,
+    $line-height: rem(36px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_h5: igx-type-style(
+    $font-size: rem(20px),
+    $font-weight: 400,
+    $line-height: rem(28px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_h6: igx-type-style(
+    $font-size: rem(18px),
+    $font-weight: 400,
+    $line-height: rem(22px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_body-1: igx-type-style(
+    $font-size: rem(16px),
+    $font-weight: 400,
+    $line-height: rem(22px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_body-2: igx-type-style(
+    $font-size: rem(14px),
+    $font-weight: 400,
+    $line-height: rem(20px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_subtitle-1: igx-type-style(
+    $font-size: rem(12px),
+    $font-weight: 400,
+    $line-height: rem(16px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_subtitle-2: igx-type-style(
+    $font-size: rem(10px),
+    $font-weight: 400,
+    $line-height: rem(14px),
+    $text-transform: none,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent_button: igx-type-style(
+    $font-size: rem(14px),
+    $font-weight: 600,
+    $line-height: rem(14px),
+    $text-transform: capitalize,
+    $margin-top: 0,
+    $margin-bottom: 0
+);
+
+$fluent-type-scale: igx-type-scale(
+    $h1: $fluent_h1,
+    $h2: $fluent_h2,
+    $h3: $fluent_h3,
+    $h4: $fluent_h4,
+    $h5: $fluent_h5,
+    $h6: $fluent_h6,
+    $subtitle-1: $fluent_subtitle-1,
+    $subtitle-2: $fluent_subtitle-2,
+    $body-1: $fluent_body-1,
+    $body-2: $fluent_body-2,
+    $button: $fluent_button
+);

projects/igniteui-angular/src/lib/core/styles/typography/scale-presets/_index.scss

@@ -0,0 +1 @@
+@import './fluent';