jekyll-theme-unity 0.1.1

data/_sass/Material/typography.scss

@@ -0,0 +1,505 @@
+/* Plain typeface */
+$md-ref-typeface-plain: 'Nunito Sans', sans-serif;
+/* Brand typeface */
+$md-ref-typeface-brand:  'Nunito', sans-serif;
+/* Bold weight */
+$md-ref-typeface-weight-bold: 700;
+/* Medium weight */
+$md-ref-typeface-weight-medium: 500;
+/* Regular weight */
+$md-ref-typeface-weight-regular: 400;
+/* Display Small font name */
+$md-sys-typescale-display-small-font: $md-ref-typeface-brand;
+/* Display Medium */
+$md-sys-typescale-display-medium-text-transform: unset;
+$md-sys-typescale-display-medium-axis-value: unset;
+$md-sys-typescale-display-medium-font-style: unset;
+$md-sys-typescale-display-medium-text-decoration: unset;
+/* Display Medium line height */
+$md-sys-typescale-display-medium-line-height-value: 52px;
+$md-sys-typescale-display-medium-line-height-unit: 2px;
+$md-sys-typescale-display-medium-line-height: 52px;
+/* Display Medium font tracking */
+$md-sys-typescale-display-medium-tracking-value: 0px;
+$md-sys-typescale-display-medium-tracking-unit: 2px;
+$md-sys-typescale-display-medium-tracking: 0px;
+/* Display Medium font size */
+$md-sys-typescale-display-medium-size-value: 45px;
+$md-sys-typescale-display-medium-size-unit: 2px;
+$md-sys-typescale-display-medium-size: 52px;
+/* Display Medium font weight */
+$md-sys-typescale-display-medium-weight: 
+ $md-ref-typeface-weight-regular
+;
+/* Display Medium font name */
+$md-sys-typescale-display-medium-font: $md-ref-typeface-brand;
+/* Display Large */
+$md-sys-typescale-display-large-text-transform: unset;
+$md-sys-typescale-display-large-axis-value: unset;
+$md-sys-typescale-display-large-font-style: unset;
+$md-sys-typescale-display-large-text-decoration: unset;
+/* Display Large line height */
+$md-sys-typescale-display-large-line-height-value: 64px;
+$md-sys-typescale-display-large-line-height-unit: 2px;
+$md-sys-typescale-display-large-line-height: 64px;
+/* Display Large font tracking */
+$md-sys-typescale-display-large-tracking-value: -0.25px;
+$md-sys-typescale-display-large-tracking-unit: 2px;
+$md-sys-typescale-display-large-tracking: -0.25px;
+/* Display Large font size */
+$md-sys-typescale-display-large-size-value: 57px;
+$md-sys-typescale-display-large-size-unit: 2px;
+$md-sys-typescale-display-large-size: 64px;
+/* Display Large font weight */
+$md-sys-typescale-display-large-weight: 
+ $md-ref-typeface-weight-regular
+;
+/* Display Large font name */
+$md-sys-typescale-display-large-font: $md-ref-typeface-brand;
+
+
+  /* Label Small */
+ $md-sys-typescale-label-small-text-transform: unset;
+ $md-sys-typescale-label-small-axis-value: unset;
+ $md-sys-typescale-label-small-font-style: unset;
+ $md-sys-typescale-label-small-text-decoration: unset;
+  /* Label Small line height */
+ $md-sys-typescale-label-small-line-height-value: 16px;
+ $md-sys-typescale-label-small-line-height-unit: 2px;
+ $md-sys-typescale-label-small-line-height: 16px;
+  /* Label Small font tracking */
+ $md-sys-typescale-label-small-tracking-value: 0.5px;
+ $md-sys-typescale-label-small-tracking-unit: 2px;
+ $md-sys-typescale-label-small-tracking: 0.5px;
+  /* Label Small font size */
+ $md-sys-typescale-label-small-size-value: 11px;
+ $md-sys-typescale-label-small-size-unit: 2px;
+ $md-sys-typescale-label-small-size: 16px;
+  /* Label Small font weight */
+ $md-sys-typescale-label-small-weight: $md-ref-typeface-weight-medium;
+  /* Label Small font name */
+ $md-sys-typescale-label-small-font: $md-ref-typeface-plain;
+  /* Label Medium */
+ $md-sys-typescale-label-medium-axis-value: unset;
+ $md-sys-typescale-label-medium-font-style: unset;
+ $md-sys-typescale-label-medium-text-decoration: unset;
+  /* Label Medium text transform */
+ $md-sys-typescale-label-medium-text-transform: 1;
+  /* Label Medium line height */
+ $md-sys-typescale-label-medium-line-height-value: 16px;
+ $md-sys-typescale-label-medium-line-height-unit: 2px;
+ $md-sys-typescale-label-medium-line-height: 16px;
+  /* Label Medium font tracking */
+ $md-sys-typescale-label-medium-tracking-value: 0.5px;
+ $md-sys-typescale-label-medium-tracking-unit: 2px;
+ $md-sys-typescale-label-medium-tracking: 0.5px;
+  /* Label Medium font size */
+ $md-sys-typescale-label-medium-size-value: 12px;
+ $md-sys-typescale-label-medium-size-unit: 2px;
+ $md-sys-typescale-label-medium-size: 16px;
+  /* Label Medium font weight */
+ $md-sys-typescale-label-medium-weight: $md-ref-typeface-weight-medium;
+  /* Label Medium font name */
+ $md-sys-typescale-label-medium-font: $md-ref-typeface-plain;
+  /* Label Large */
+ $md-sys-typescale-label-large-text-transform: unset;
+ $md-sys-typescale-label-large-axis-value: unset;
+ $md-sys-typescale-label-large-font-style: unset;
+ $md-sys-typescale-label-large-text-decoration: unset;
+  /* Label Large line height */
+ $md-sys-typescale-label-large-line-height-value: 20px;
+ $md-sys-typescale-label-large-line-height-unit: 2px;
+ $md-sys-typescale-label-large-line-height: 20px;
+  /* Label Large font tracking */
+ $md-sys-typescale-label-large-tracking-value: 0.10000000149011612px;
+ $md-sys-typescale-label-large-tracking-unit: 2px;
+ $md-sys-typescale-label-large-tracking: 0.10000000149011612px;
+  /* Label Large font size */
+ $md-sys-typescale-label-large-size-value: 14px;
+ $md-sys-typescale-label-large-size-unit: 2px;
+ $md-sys-typescale-label-large-size: 20px;
+  /* Label Large font weight */
+ $md-sys-typescale-label-large-weight: $md-ref-typeface-weight-medium;
+  /* Label Large font name */
+ $md-sys-typescale-label-large-font: $md-ref-typeface-plain;
+  /* Body Small */
+ $md-sys-typescale-body-small-text-transform: unset;
+ $md-sys-typescale-body-small-axis-value: unset;
+ $md-sys-typescale-body-small-font-style: unset;
+ $md-sys-typescale-body-small-text-decoration: unset;
+  /* Body Small line height */
+ $md-sys-typescale-body-small-line-height-value: 16px;
+ $md-sys-typescale-body-small-line-height-unit: 2px;
+ $md-sys-typescale-body-small-line-height: 16px;
+  /* Body Small font tracking */
+ $md-sys-typescale-body-small-tracking-value: 0.4000000059604645px;
+ $md-sys-typescale-body-small-tracking-unit: 2px;
+ $md-sys-typescale-body-small-tracking: 0.4000000059604645px;
+  /* Body Small font size */
+ $md-sys-typescale-body-small-size-value: 12px;
+ $md-sys-typescale-body-small-size-unit: 2px;
+ $md-sys-typescale-body-small-size: 16px;
+  /* Body Small font weight */
+ $md-sys-typescale-body-small-weight: $md-ref-typeface-weight-regular;
+  /* Body Small font name */
+ $md-sys-typescale-body-small-font: $md-ref-typeface-plain;
+  /* Body Medium */
+ $md-sys-typescale-body-medium-text-transform: unset;
+ $md-sys-typescale-body-medium-axis-value: unset;
+ $md-sys-typescale-body-medium-font-style: unset;
+ $md-sys-typescale-body-medium-text-decoration: unset;
+  /* Body Medium line height */
+ $md-sys-typescale-body-medium-line-height-value: 20px;
+ $md-sys-typescale-body-medium-line-height-unit: 2px;
+ $md-sys-typescale-body-medium-line-height: 20px;
+  /* Body Medium font tracking */
+ $md-sys-typescale-body-medium-tracking-value: 0.25px;
+ $md-sys-typescale-body-medium-tracking-unit: 2px;
+ $md-sys-typescale-body-medium-tracking: 0.25px;
+  /* Body Medium font size */
+ $md-sys-typescale-body-medium-size-value: 14px;
+ $md-sys-typescale-body-medium-size-unit: 2px;
+ $md-sys-typescale-body-medium-size: 20px;
+  /* Body Medium font weight */
+ $md-sys-typescale-body-medium-weight: $md-ref-typeface-weight-regular;
+  /* Body Medium font name */
+ $md-sys-typescale-body-medium-font: $md-ref-typeface-plain;
+  /* Body Large */
+ $md-sys-typescale-body-large-text-transform: unset;
+ $md-sys-typescale-body-large-axis-value: unset;
+ $md-sys-typescale-body-large-font-style: unset;
+ $md-sys-typescale-body-large-text-decoration: unset;
+  /* Body Large line height */
+ $md-sys-typescale-body-large-line-height-value: 24px;
+ $md-sys-typescale-body-large-line-height-unit: 2px;
+ $md-sys-typescale-body-large-line-height: 24px;
+  /* Body Large font tracking */
+ $md-sys-typescale-body-large-tracking-value: 0.5px;
+ $md-sys-typescale-body-large-tracking-unit: 2px;
+ $md-sys-typescale-body-large-tracking: 0.5px;
+  /* Body Large font size */
+ $md-sys-typescale-body-large-size-value: 16px;
+ $md-sys-typescale-body-large-size-unit: 2px;
+ $md-sys-typescale-body-large-size: 24px;
+  /* Body Large font weight */
+ $md-sys-typescale-body-large-weight: $md-ref-typeface-weight-regular;
+  /* Body Large font name */
+ $md-sys-typescale-body-large-font: $md-ref-typeface-plain;
+  /* Title Small */
+ $md-sys-typescale-title-small-text-transform: unset;
+ $md-sys-typescale-title-small-axis-value: unset;
+ $md-sys-typescale-title-small-font-style: unset;
+ $md-sys-typescale-title-small-text-decoration: unset;
+  /* Title Small line height */
+ $md-sys-typescale-title-small-line-height-value: 20px;
+ $md-sys-typescale-title-small-line-height-unit: 2px;
+ $md-sys-typescale-title-small-line-height: 20px;
+  /* Title Small font tracking */
+ $md-sys-typescale-title-small-tracking-value: 0.10000000149011612px;
+ $md-sys-typescale-title-small-tracking-unit: 2px;
+ $md-sys-typescale-title-small-tracking: 0.10000000149011612px;
+  /* Title Small font size */
+ $md-sys-typescale-title-small-size-value: 14px;
+ $md-sys-typescale-title-small-size-unit: 2px;
+ $md-sys-typescale-title-small-size: 20px;
+  /* Title Small font weight */
+ $md-sys-typescale-title-small-weight: $md-ref-typeface-weight-medium;
+  /* Title Small font name */
+ $md-sys-typescale-title-small-font: $md-ref-typeface-plain;
+  /* Title Medium */
+ $md-sys-typescale-title-medium-text-transform: unset;
+ $md-sys-typescale-title-medium-axis-value: unset;
+ $md-sys-typescale-title-medium-font-style: unset;
+ $md-sys-typescale-title-medium-text-decoration: unset;
+  /* Title Medium line height */
+ $md-sys-typescale-title-medium-line-height-value: 24px;
+ $md-sys-typescale-title-medium-line-height-unit: 2px;
+ $md-sys-typescale-title-medium-line-height: 24px;
+  /* Title Medium font tracking */
+ $md-sys-typescale-title-medium-tracking-value: 0.15000000596046448px;
+ $md-sys-typescale-title-medium-tracking-unit: 2px;
+ $md-sys-typescale-title-medium-tracking: 0.15000000596046448px;
+  /* Title Medium font size */
+ $md-sys-typescale-title-medium-size-value: 16px;
+ $md-sys-typescale-title-medium-size-unit: 2px;
+ $md-sys-typescale-title-medium-size: 24px;
+  /* Title Medium font weight */
+ $md-sys-typescale-title-medium-weight: $md-ref-typeface-weight-medium;
+  /* Title Medium font name */
+ $md-sys-typescale-title-medium-font: $md-ref-typeface-plain;
+  /* Title Large */
+ $md-sys-typescale-title-large-text-transform: unset;
+ $md-sys-typescale-title-large-axis-value: unset;
+ $md-sys-typescale-title-large-font-style: unset;
+ $md-sys-typescale-title-large-text-decoration: unset;
+  /* Title Large line height */
+ $md-sys-typescale-title-large-line-height-value: 28px;
+ $md-sys-typescale-title-large-line-height-unit: 2px;
+ $md-sys-typescale-title-large-line-height: 28px;
+  /* Title Large font tracking */
+ $md-sys-typescale-title-large-tracking-value: 0px;
+ $md-sys-typescale-title-large-tracking-unit: 2px;
+ $md-sys-typescale-title-large-tracking: 0px;
+  /* Title Large font size */
+ $md-sys-typescale-title-large-size-value: 22px;
+ $md-sys-typescale-title-large-size-unit: 2px;
+ $md-sys-typescale-title-large-size: 28px;
+  /* Title Large font weight */
+ $md-sys-typescale-title-large-weight: $md-ref-typeface-weight-regular;
+  /* Title Large font name */
+ $md-sys-typescale-title-large-font: $md-ref-typeface-brand;
+  /* Headline Small */
+ $md-sys-typescale-headline-small-text-transform: unset;
+ $md-sys-typescale-headline-small-axis-value: unset;
+ $md-sys-typescale-headline-small-font-style: unset;
+ $md-sys-typescale-headline-small-text-decoration: unset;
+  /* Headline Small line height */
+ $md-sys-typescale-headline-small-line-height-value: 32px;
+ $md-sys-typescale-headline-small-line-height-unit: 2px;
+ $md-sys-typescale-headline-small-line-height: 32px;
+  /* Headline Small font tracking */
+ $md-sys-typescale-headline-small-tracking-value: 0px;
+ $md-sys-typescale-headline-small-tracking-unit: 2px;
+ $md-sys-typescale-headline-small-tracking: 0px;
+  /* Headline Small font size */
+ $md-sys-typescale-headline-small-size-value: 24px;
+ $md-sys-typescale-headline-small-size-unit: 2px;
+ $md-sys-typescale-headline-small-size: 32px;
+  /* Headline Small font weight */
+ $md-sys-typescale-headline-small-weight: 
+   $md-ref-typeface-weight-regular
+  ;
+  /* Headline Small font name */
+ $md-sys-typescale-headline-small-font: $md-ref-typeface-brand;
+  /* Headline Medium */
+ $md-sys-typescale-headline-medium-text-transform: unset;
+ $md-sys-typescale-headline-medium-axis-value: unset;
+ $md-sys-typescale-headline-medium-font-style: unset;
+ $md-sys-typescale-headline-medium-text-decoration: unset;
+  /* Headline Medium line height */
+ $md-sys-typescale-headline-medium-line-height-value: 36px;
+ $md-sys-typescale-headline-medium-line-height-unit: 2px;
+ $md-sys-typescale-headline-medium-line-height: 36px;
+  /* Headline Medium font tracking */
+ $md-sys-typescale-headline-medium-tracking-value: 0px;
+ $md-sys-typescale-headline-medium-tracking-unit: 2px;
+ $md-sys-typescale-headline-medium-tracking: 0px;
+  /* Headline Medium font size */
+ $md-sys-typescale-headline-medium-size-value: 28px;
+ $md-sys-typescale-headline-medium-size-unit: 2px;
+ $md-sys-typescale-headline-medium-size: 36px;
+  /* Headline Medium font weight */
+ $md-sys-typescale-headline-medium-weight: 
+   $md-ref-typeface-weight-regular
+  ;
+  /* Headline Medium font name */
+ $md-sys-typescale-headline-medium-font: $md-ref-typeface-brand;
+  /* Headline Large */
+ $md-sys-typescale-headline-large-text-transform: unset;
+ $md-sys-typescale-headline-large-axis-value: unset;
+ $md-sys-typescale-headline-large-font-style: unset;
+ $md-sys-typescale-headline-large-text-decoration: unset;
+  /* Headline Large line height */
+ $md-sys-typescale-headline-large-line-height-value: 40px;
+ $md-sys-typescale-headline-large-line-height-unit: 2px;
+ $md-sys-typescale-headline-large-line-height: 40px;
+  /* Headline Large font tracking */
+ $md-sys-typescale-headline-large-tracking-value: 0px;
+ $md-sys-typescale-headline-large-tracking-unit: 2px;
+ $md-sys-typescale-headline-large-tracking: 0px;
+  /* Headline Large font size */
+ $md-sys-typescale-headline-large-size-value: 32px;
+ $md-sys-typescale-headline-large-size-unit: 2px;
+ $md-sys-typescale-headline-large-size: 40px;
+  /* Headline Large font name */
+ $md-sys-typescale-headline-large-font: $md-ref-typeface-brand;
+  /* Headline Large font weight */
+ $md-sys-typescale-headline-large-weight: 
+   $md-ref-typeface-weight-regular
+  ;
+  /* Display Small */
+ $md-sys-typescale-display-small-text-transform: unset;
+ $md-sys-typescale-display-small-axis-value: unset;
+ $md-sys-typescale-display-small-font-style: unset;
+ $md-sys-typescale-display-small-text-decoration: unset;
+  /* Display Small line height */
+ $md-sys-typescale-display-small-line-height-value: 44px;
+ $md-sys-typescale-display-small-line-height-unit: 2px;
+ $md-sys-typescale-display-small-line-height: 44px;
+  /* Display Small font tracking */
+ $md-sys-typescale-display-small-tracking-value: 0px;
+ $md-sys-typescale-display-small-tracking-unit: 2px;
+ $md-sys-typescale-display-small-tracking: 0px;
+  /* Display Small font size */
+ $md-sys-typescale-display-small-size-value: 36px;
+ $md-sys-typescale-display-small-size-unit: 2px;
+ $md-sys-typescale-display-small-size: 44px;
+    /* Display Small font weight */
+ $md-sys-typescale-display-small-weight: 
+ $md-ref-typeface-weight-regular
+;
+/* Label Small */
+@mixin label-small {
+  font-family: $md-sys-typescale-label-small-font;
+  font-weight: $md-sys-typescale-label-small-weight;
+  font-size: $md-sys-typescale-label-small-size;
+  font-style: $md-sys-typescale-label-small-font-style;
+  letter-spacing: $md-sys-typescale-label-small-tracking;
+  line-height: $md-sys-typescale-label-small-line-height;
+  text-transform: $md-sys-typescale-label-small-text-transform;
+  text-decoration: $md-sys-typescale-label-small-text-decoration;
+}
+/* Label Medium */
+@mixin label-medium {
+  font-family: $md-sys-typescale-label-medium-font;
+  font-weight: $md-sys-typescale-label-medium-weight;
+  font-size: $md-sys-typescale-label-medium-size;
+  font-style: $md-sys-typescale-label-medium-font-style;
+  letter-spacing: $md-sys-typescale-label-medium-tracking;
+  line-height: $md-sys-typescale-label-medium-line-height;
+  text-transform: $md-sys-typescale-label-medium-text-transform;
+  text-decoration: $md-sys-typescale-label-medium-text-decoration;
+}
+/* Label Large */
+@mixin label-large {
+  font-family: $md-sys-typescale-label-large-font;
+  font-weight: $md-sys-typescale-label-large-weight;
+  font-size: $md-sys-typescale-label-large-size;
+  font-style: $md-sys-typescale-label-large-font-style;
+  letter-spacing: $md-sys-typescale-label-large-tracking;
+  line-height: $md-sys-typescale-label-large-line-height;
+  text-transform: $md-sys-typescale-label-large-text-transform;
+  text-decoration: $md-sys-typescale-label-large-text-decoration;
+}
+/* Body Small */
+@mixin body-small {
+  font-family: $md-sys-typescale-body-small-font;
+  font-weight: $md-sys-typescale-body-small-weight;
+  font-size: $md-sys-typescale-body-small-size;
+  font-style: $md-sys-typescale-body-small-font-style;
+  letter-spacing: $md-sys-typescale-body-small-tracking;
+  line-height: $md-sys-typescale-body-small-line-height;
+  text-transform: $md-sys-typescale-body-small-text-transform;
+  text-decoration: $md-sys-typescale-body-small-text-decoration;
+}
+/* Body Medium */
+@mixin body-medium {
+  font-family: $md-sys-typescale-body-medium-font;
+  font-weight: $md-sys-typescale-body-medium-weight;
+  font-size: $md-sys-typescale-body-medium-size;
+  font-style: $md-sys-typescale-body-medium-font-style;
+  letter-spacing: $md-sys-typescale-body-medium-tracking;
+  line-height: $md-sys-typescale-body-medium-line-height;
+  text-transform: $md-sys-typescale-body-medium-text-transform;
+  text-decoration: $md-sys-typescale-body-medium-text-decoration;
+}
+/* Body Large */
+@mixin body-large {
+  font-family: $md-sys-typescale-body-large-font;
+  font-weight: $md-sys-typescale-body-large-weight;
+  font-size: $md-sys-typescale-body-large-size;
+  font-style: $md-sys-typescale-body-large-font-style;
+  letter-spacing: $md-sys-typescale-body-large-tracking;
+  line-height: $md-sys-typescale-body-large-line-height;
+  text-transform: $md-sys-typescale-body-large-text-transform;
+  text-decoration: $md-sys-typescale-body-large-text-decoration;
+}
+/* Title Small */
+@mixin title-small {
+  font-family: $md-sys-typescale-title-small-font;
+  font-weight: $md-sys-typescale-title-small-weight;
+  font-size: $md-sys-typescale-title-small-size;
+  font-style: $md-sys-typescale-title-small-font-style;
+  letter-spacing: $md-sys-typescale-title-small-tracking;
+  line-height: $md-sys-typescale-title-small-line-height;
+  text-transform: $md-sys-typescale-title-small-text-transform;
+  text-decoration: $md-sys-typescale-title-small-text-decoration;
+}
+/* Title Medium */
+@mixin title-medium {
+  font-family: $md-sys-typescale-title-medium-font;
+  font-weight: $md-sys-typescale-title-medium-weight;
+  font-size: $md-sys-typescale-title-medium-size;
+  font-style: $md-sys-typescale-title-medium-font-style;
+  letter-spacing: $md-sys-typescale-title-medium-tracking;
+  line-height: $md-sys-typescale-title-medium-line-height;
+  text-transform: $md-sys-typescale-title-medium-text-transform;
+  text-decoration: $md-sys-typescale-title-medium-text-decoration;
+}
+/* Title Large */
+@mixin title-large {
+  font-family: $md-sys-typescale-title-large-font;
+  font-weight: $md-sys-typescale-title-large-weight;
+  font-size: $md-sys-typescale-title-large-size;
+  font-style: $md-sys-typescale-title-large-font-style;
+  letter-spacing: $md-sys-typescale-title-large-tracking;
+  line-height: $md-sys-typescale-title-large-line-height;
+  text-transform: $md-sys-typescale-title-large-text-transform;
+  text-decoration: $md-sys-typescale-title-large-text-decoration;
+}
+/* Headline Small */
+@mixin headline-small {
+  font-family: $md-sys-typescale-headline-small-font;
+  font-weight: $md-sys-typescale-headline-small-weight;
+  font-size: $md-sys-typescale-headline-small-size;
+  font-style: $md-sys-typescale-headline-small-font-style;
+  letter-spacing: $md-sys-typescale-headline-small-tracking;
+  line-height: $md-sys-typescale-headline-small-line-height;
+  text-transform: $md-sys-typescale-headline-small-text-transform;
+  text-decoration: $md-sys-typescale-headline-small-text-decoration;
+}
+/* Headline Medium */
+@mixin headline-medium {
+  font-family: $md-sys-typescale-headline-medium-font;
+  font-weight: $md-sys-typescale-headline-medium-weight;
+  font-size: $md-sys-typescale-headline-medium-size;
+  font-style: $md-sys-typescale-headline-medium-font-style;
+  letter-spacing: $md-sys-typescale-headline-medium-tracking;
+  line-height: $md-sys-typescale-headline-medium-line-height;
+  text-transform: $md-sys-typescale-headline-medium-text-transform;
+  text-decoration: $md-sys-typescale-headline-medium-text-decoration;
+}
+/* Headline Large */
+@mixin headline-large {
+  font-family: $md-sys-typescale-headline-large-font;
+  font-weight: $md-sys-typescale-headline-large-weight;
+  font-size: $md-sys-typescale-headline-large-size;
+  font-style: $md-sys-typescale-headline-large-font-style;
+  letter-spacing: $md-sys-typescale-headline-large-tracking;
+  line-height: $md-sys-typescale-headline-large-line-height;
+  text-transform: $md-sys-typescale-headline-large-text-transform;
+  text-decoration: $md-sys-typescale-headline-large-text-decoration;
+}
+/* Display Small */
+@mixin display-small {
+  font-family: $md-sys-typescale-display-small-font;
+  font-weight: $md-sys-typescale-display-small-weight;
+  font-size: $md-sys-typescale-display-small-size;
+  font-style: $md-sys-typescale-display-small-font-style;
+  letter-spacing: $md-sys-typescale-display-small-tracking;
+  line-height: $md-sys-typescale-display-small-line-height;
+  text-transform: $md-sys-typescale-display-small-text-transform;
+  text-decoration: $md-sys-typescale-display-small-text-decoration;
+}
+/* Display Medium */
+@mixin display-medium {
+  font-family: $md-sys-typescale-display-medium-font;
+  font-weight: $md-sys-typescale-display-medium-weight;
+  font-size: $md-sys-typescale-display-medium-size;
+  font-style: $md-sys-typescale-display-medium-font-style;
+  letter-spacing: $md-sys-typescale-display-medium-tracking;
+  line-height: $md-sys-typescale-display-medium-line-height;
+  text-transform: $md-sys-typescale-display-medium-text-transform;
+  text-decoration: $md-sys-typescale-display-medium-text-decoration;
+}
+/* Display Large */
+@mixin display-large {
+  font-family: $md-sys-typescale-display-large-font;
+  font-weight: $md-sys-typescale-display-large-weight;
+  font-size: $md-sys-typescale-display-large-size;
+  font-style: $md-sys-typescale-display-large-font-style;
+  letter-spacing: $md-sys-typescale-display-large-tracking;
+  line-height: $md-sys-typescale-display-large-line-height;
+  text-transform: $md-sys-typescale-display-large-text-transform;
+  text-decoration: $md-sys-typescale-display-large-text-decoration;
+}

data/_sass/custom/layout.scss

@@ -0,0 +1 @@
+// Put here your custom layouts

data/_sass/custom/styles_variables.scss

@@ -0,0 +1,70 @@
+// Put here your dsp from Material Theme Builder
+// see instructions https://m3.material.io/theme-builder#
+
+// Example varable
+
+// body.dark {
+//     --md-sys-color-primary: #D0BCFF;
+//     --md-sys-color-on-primary: #381E72;
+//     --md-sys-color-primary-container: #4F378B;
+//     --md-sys-color-on-primary-container: #EADDFF;
+//     --md-sys-color-secondary: #CCC2DC;
+//     --md-sys-color-on-secondary: #332D41;
+//     --md-sys-color-secondary-container: #4A4458;
+//     --md-sys-color-on-secondary-container: #E8DEF8;
+//     --md-sys-color-tertiary: #EFB8C8;
+//     --md-sys-color-on-tertiary: #492532;
+//     --md-sys-color-tertiary-container: #633B48;
+//     --md-sys-color-on-tertiary-container: #FFD8E4;
+//     --md-sys-color-error: #F2B8B5;
+//     --md-sys-color-on-error: #601410;
+//     --md-sys-color-error-container: #8C1D18;
+//     --md-sys-color-on-error-container: #F9DEDC;
+//     --md-sys-color-outline: #938F99;
+//     --md-sys-color-background: #1C1B1F;
+//     --md-sys-color-on-background: #E6E1E5;
+//     --md-sys-color-surface: #1C1B1F;
+//     --md-sys-color-on-surface: #E6E1E5;
+//     --md-sys-color-surface-variant: #49454F;
+//     --md-sys-color-on-surface-variant: #CAC4D0;
+//     --md-sys-color-inverse-surface: #E6E1E5;
+//     --md-sys-color-inverse-on-surface: #313033;
+//     --md-sys-color-inverse-primary: #6750A4;
+//     --md-sys-color-shadow: #000000;
+//     --md-sys-color-surface-tint: #D0BCFF;
+//     --md-sys-color-outline-variant: #49454F;
+//     --md-sys-color-scrim: #000000;
+// }
+
+// :root {
+//     --md-sys-color-primary: #6750A4;
+//     --md-sys-color-on-primary: #FFFFFF;
+//     --md-sys-color-primary-container: #EADDFF;
+//     --md-sys-color-on-primary-container: #21005D;
+//     --md-sys-color-secondary: #625B71;
+//     --md-sys-color-on-secondary: #FFFFFF;
+//     --md-sys-color-secondary-container: #E8DEF8;
+//     --md-sys-color-on-secondary-container: #1D192B;
+//     --md-sys-color-tertiary: #7D5260;
+//     --md-sys-color-on-tertiary: #FFFFFF;
+//     --md-sys-color-tertiary-container: #FFD8E4;
+//     --md-sys-color-on-tertiary-container: #31111D;
+//     --md-sys-color-error: #B3261E;
+//     --md-sys-color-on-error: #FFFFFF;
+//     --md-sys-color-error-container: #F9DEDC;
+//     --md-sys-color-on-error-container: #410E0B;
+//     --md-sys-color-outline: #79747E;
+//     --md-sys-color-background: #FFFBFE;
+//     --md-sys-color-on-background: #1C1B1F;
+//     --md-sys-color-surface: #FFFBFE;
+//     --md-sys-color-on-surface: #1C1B1F;
+//     --md-sys-color-surface-variant: #E7E0EC;
+//     --md-sys-color-on-surface-variant: #49454F;
+//     --md-sys-color-inverse-surface: #313033;
+//     --md-sys-color-inverse-on-surface: #F4EFF4;
+//     --md-sys-color-inverse-primary: #D0BCFF;
+//     --md-sys-color-shadow: #000000;
+//     --md-sys-color-surface-tint: #6750A4;
+//     --md-sys-color-outline-variant: #CAC4D0;
+//     --md-sys-color-scrim: #000000;
+// }

data/_sass/custom/variables.scss

@@ -0,0 +1 @@
+// Put here your custom variables

data/_sass/jekyll-theme-unity.scss

@@ -0,0 +1 @@
+@import "variables", "custom/variables", "Material/baseline", "layout/styles_variables", "layout/base", "layout/layout", "custom/layout"