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

[AAE-6823] Customize font (#7493)

Browse Source 
* [AAE-6823] Customize font

* [AAE-6823] Update css variables names

* [AAE-6823] Cleaning

* [AAE-6823] Update css variables names

* [AAE-6823] Fix lint error
This commit is contained in:
Bartosz Sekuła
2022-02-08 14:15:57 +01:00
committed by GitHub
parent 5b4d49bc0e
commit 670d2befdc
75 changed files with 146 additions and 132 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
lib/core/styles/_index.scss
View File

@@ -14,7 +14,7 @@
@include adf-core-theme($theme);
}
@mixin adf-core-theme($theme) {
@mixin adf-core-theme($theme, $custom-css-variables: $adf-custom-theme-sizes) {
$foreground: map-get($theme, foreground);
$background: map-get($theme, background);
$warn: map-get($theme, warn);
@@ -89,10 +89,17 @@
--theme-display-4-font-size: mat-font-size($alfresco-typography, display-4),
--theme-caption-font-size: mat-font-size($alfresco-typography, caption),
--theme-title-font-size: mat-font-size($alfresco-typography, title),
--theme-subheading-1-font-size: mat-font-size($alfresco-typography, subheading-1),
--theme-subheading-2-font-size: mat-font-size($alfresco-typography, subheading-2),
--theme-button-font-size: mat-font-size($alfresco-typography, button),
--theme-headline-font-size: mat-font-size($alfresco-typography, headline),
--theme-headline-line-height: mat-line-height($alfresco-typography, headline),
--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'),
--theme-adf-task-footer-font-size: map-get($custom-css-variables, 'theme-adf-task-footer-font-size'),
--theme-adf-task-title-font-size: map-get($custom-css-variables, 'theme-adf-task-title-font-size'),
// specific colors
--theme-colors-mat-grey: mat-color($mat-grey, A200),
--theme-colors-mat-grey-dark: mat-color($mat-grey, A400),
@@ -110,3 +117,10 @@
@include adf-snackbar-theme;
@include adf-material-theme;
}
$adf-custom-theme-sizes: (
'theme-adf-icon-1-font-size': 17px,
'theme-adf-picture-1-font-size': 18px,
'theme-adf-task-footer-font-size': 18px,
'theme-adf-task-title-font-size': 18px
);

2
lib/core/styles/_mixins.scss
View File

@@ -14,7 +14,7 @@
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
font-size: var(--theme-headline-font-size);
line-height: 1;
letter-spacing: normal;
text-transform: none;