inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-07-24 17:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Demo shell builds

Browse Source
This commit is contained in:
Vito Albano
2023-11-14 01:36:17 +00:00
committed by VitoAlbano
parent 1d66ed4b92
commit 830a0c9c50
4 changed files with 20 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
lib/core/custom-theme/theme/typography.scss
View File

@@ -4,7 +4,7 @@
@function get-mat-typography($base-font-size, $font-family) {
$custom-typography: mat.define-legacy-typography-configmat.define-typography-config(
$font-family: $default-font-family,
$font-family: 'Muli, Roboto, "Helvetica Neue", sans-serif',
$headline-1: mat.define-typography-level(112px, 112px, 300),
$headline-2: mat.define-typography-level(56px, 56px, 400),
$headline-3: mat.define-typography-level(45px, 48px, 400),
@@ -18,8 +18,7 @@
$caption: mat.define-typography-level(12px, 20px, 400),
$button: mat.define-typography-level(14px, 14px, 500),
// Line-height must be unit-less fraction of the font-size.
$in/* TODO(mdc-migration): No longer supported. Use `body-1` instead. put: mat.define-typography-level(16px, 1.25, 400),
*/ );
);
@if $base-font-size {
$custom-typography: mat.define-legacy-typography-configmat.define-typography-config(
@@ -36,8 +35,7 @@
$caption: mat.define-typography-level(0.86rem, 1.42rem, 400),
$button: mat.define-typography-level(1rem, 1rem, 500),
$font-family: $default-font-family,
$in/* TODO(mdc-migration): No longer supported. Use `body-1` instead. put: mat.define-typography-level(1.14em, 1.25, 400),
*/ );
);
}
@if $font-family {

22
lib/core/src/lib/styles/_index.scss
View File

@@ -74,19 +74,19 @@
// typography
--theme-font-family: mat.font-family($typography),
--theme-body-1-font-size: mat.font-size($typography, body-1),
--theme-body-2-font-size: mat.font-size($typography, body-2),
--theme-body-1-line-height: mat.line-height($typography, body-1),
--theme-display-1-font-size: mat.font-size($typography, display-1),
--theme-display-3-font-size: mat.font-size($typography, display-3),
--theme-display-4-font-size: mat.font-size($typography, display-4),
--theme-body-1-font-size: mat.font-size($typography, body-2),
--theme-body-2-font-size: mat.font-size($typography, subtitle-2),
--theme-body-1-line-height: mat.line-height($typography, body-2),
--theme-display-1-font-size: mat.font-size($typography, headline-4),
--theme-display-3-font-size: mat.font-size($typography, headline-2),
--theme-display-4-font-size: mat.font-size($typography, headline-1),
--theme-caption-font-size: mat.font-size($typography, caption),
--theme-title-font-size: mat.font-size($typography, title),
--theme-subheading-1-font-size: mat.font-size($typography, subheading-1),
--theme-subheading-2-font-size: mat.font-size($typography, subheading-2),
--theme-title-font-size: mat.font-size($typography, headline-6),
--theme-subheading-1-font-size: mat.font-size($typography, body-1),
--theme-subheading-2-font-size: mat.font-size($typography, subtitle-1),
--theme-button-font-size: mat.font-size($typography, button),
--theme-headline-font-size: mat.font-size($typography, headline),
--theme-headline-line-height: mat.line-height($typography, headline),
--theme-headline-font-size: mat.font-size($typography, headline-5),
--theme-headline-line-height: mat.line-height($typography, headline-5),
--theme-adf-icon-1-font-size: map-get($custom-css-variables, 'theme-adf-icon-1-font-size'),
--theme-adf-picture-1-font-size: map-get($custom-css-variables, 'theme-adf-picture-1-font-size'),