jekyll-theme-fica 0.2.2 → 0.3.0

data/_sass/layouts/typography.scss

@@ -0,0 +1,492 @@
+/* Plain typeface */
+$md-ref-typeface-plain: "Noto Sans", sans-serif;
+/* Brand typeface */
+$md-ref-typeface-brand: 'Varela Round', 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/layouts/variable.scss

@@ -7,9 +7,9 @@ $code-font-family: "Noto Sans", sans-serif !default;
 $font-size: 17px !default;
 $small-font-size: $font-size * 0.875 !default;
 
-$font-weight: 300 !default;
-$font-spacing: 30px !default;
-$line-height: 2.5 !default;
+$font-weight: 400 !default;
+$font-spacing: 40px !default;
+$line-height: 3.5 !default;
 
 //
 // Table
@@ -26,8 +26,8 @@ $site-banner-picture-sze_wdth: 60%;
 //
 // Transitions
 //
-$transition-btn: all 0.2s ease-in-out;
-$transition-links: all 0.3s ease-in-out;
+$transition-btn: all 0.5s ease-in-out;
+$transition-links: all 0.5s ease-in-out;
 $tansitions-page-bar: all 0.3s ease-in-out;
 
 //
@@ -47,6 +47,8 @@ $mobile-width: 710px !default;
 $pc-width: 800px !default;
 $medium-width: 442px !default;
 
+$Site-Nav-Logo-text-autohide: 560px !default;
+
 //                                     //
 // ---------- site queries ---------- //
 //                                   //
@@ -101,10 +103,11 @@ $medium-width: 442px !default;
   padding: 0.8rem 1.2rem;
   font-style: normal;
   color: $text-color;
-  font-weight: 400;
   border-left: 6px solid $gf-color;
   background-color: $bg-color;
-  font-size: 0.975rem;
+  p {
+    line-height: 35px;
+  }
 
   &::before {
     content: $gf-icon;
@@ -194,8 +197,19 @@ $medium-width: 442px !default;
 }
 
 @keyframes fade-in {
-  100% {
+  from {
+    opacity: 0;
+  }
+  to {
     opacity: 1;
   }
 }
+@keyframes fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
 

data/assets/css/Style.scss

@@ -1,12 +1,4 @@
 ---
 ---
 
-@import "jekyll-theme-fica";
-
-.logo::before {
-  content: url("{{site.baseurl}}/logo.png");
-  display: inline-block;
-  position: relative;
-  width: 37px;
-  top: 7px;
-}
+@import "jekyll-theme-fica";

data/assets/favicons/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

data/assets/favicons/safari-pinned-tab.svg

@@ -0,0 +1,32 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="1850.000000pt" height="1850.000000pt" viewBox="0 0 1850.000000 1850.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,1850.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3815 17653 c-611 -51 -1126 -224 -1595 -536 -750 -498 -1251 -1251
+-1420 -2132 -50 -264 -52 -306 -57 -1090 l-4 -740 47 45 c133 127 4519 4445
+4522 4452 3 7 -1405 9 -1493 1z"/>
+<path d="M6073 15683 c-1105 -1088 -2757 -2714 -3671 -3613 l-1662 -1635 3
+-3415 c3 -3125 4 -3425 20 -3536 77 -559 254 -1032 547 -1464 448 -658 1119
+-1132 1883 -1330 84 -22 194 -47 245 -56 l94 -17 51 50 c62 60 6500 6393 7972
+7842 566 558 1057 1034 1090 1059 88 66 222 128 330 153 80 18 115 21 227 17
+115 -4 146 -9 228 -36 89 -30 195 -84 258 -132 62 -48 177 -170 218 -232 214
+-320 240 -734 68 -1083 -24 -49 -67 -121 -96 -159 -30 -40 -1370 -1366 -3167
+-3135 -4048 -3983 -4435 -4364 -4439 -4373 -2 -5 659 -8 1468 -8 l1472 0 283
+277 c155 153 2011 1979 4124 4058 l3841 3780 -3 2960 c-4 3105 -2 2997 -48
+3270 -223 1328 -1252 2396 -2569 2665 -230 47 -381 62 -626 64 l-221 1 -924
+-910 c-508 -501 -2335 -2299 -4059 -3995 -1724 -1696 -3247 -3195 -3385 -3330
+-245 -241 -314 -299 -425 -355 -349 -176 -762 -98 -1034 196 -328 353 -364
+915 -86 1330 55 81 -188 -159 3768 3733 1860 1830 3382 3330 3382 3332 0 2
+-708 4 -1574 4 l-1574 0 -2009 -1977z"/>
+<path d="M15890 4235 c-861 -847 -2044 -2012 -2630 -2589 -586 -576 -1066
+-1052 -1068 -1057 -5 -13 2069 -12 2223 1 962 80 1807 542 2378 1298 328 435
+545 951 626 1492 36 240 42 458 39 1450 l-3 945 -1565 -1540z"/>
+</g>
+</svg>

data/assets/favicons/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Fica Theme",
+    "short_name": "Fica Theme",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}