inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-12 17:04:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

[AAE-14714] added design tokens to CardViewComponent (#8619)

Browse Source 
* [AAE-14714] added design tokens to styles

* Rebasing

* [AAE-14714] - fixing naming for reference variables

---------

Co-authored-by: Vito Albano <vito.albano@hyland.com>
This commit is contained in:
tomasz hanaj 2023-06-13 19:37:01 +02:00 committed by GitHub
parent 20e378c4be
commit 18c3eff472
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
lib/core/src/lib/card-view/components/card-view/card-view.component.scss
View File

@ -1,5 +1,10 @@
/* stylelint-disable no-descending-specificity */
.adf-property-list {
background: var(--adf-card-view-background);
border: var(--adf-card-view-border);
border-color: var(--adf-card-view-border-color);
border-radius: var(--adf-card-view-border-radius);
.adf-property {
margin-bottom: 20px;

4
lib/core/src/lib/styles/_components-variables.scss
View File

@ -7,6 +7,10 @@
--adf-edit-task-and-service-filter-content-text-label-color: $adf-ref-edit-task-and-service-filter-content-text-label-color,
--adf-edit-task-and-service-filter-content-select-label-color: $adf-ref-edit-task-and-service-filter-content-select-label-color,
--adf-edit-task-and-service-filter-header-height: $adf-ref-edit-task-and-service-filter-header-height,
--adf-card-view-background: $adf-ref-card-background,
--adf-card-view-border: $adf-ref-card-border,
--adf-card-view-border-color: $adf-ref-card-border-color,
--adf-card-view-border-radius: $adf-ref-card-border-radius
);
// propagates SCSS variables into the CSS variables scope

8
lib/core/src/lib/styles/_reference-variables.scss
View File

@ -1,5 +1,11 @@
$adf-ref-edit-task-and-service-filter-header-title-color: rgba(0, 0, 0, 0.87);
$adf-ref-edit-task-and-service-filter-header-description-color: rgba(0, 0, 0, 0.54);
$adf-ref-edit-task-and-service-filter-header-height: 48px;
$adf-ref-edit-task-and-service-filter-content-text-label-color: rgba(0, 0, 0, 0.54);
$adf-ref-edit-task-and-service-filter-content-text-label-color: rgba(0, 0, 0, 0.54);
$adf-ref-edit-task-and-service-filter-content-text-input-color: rgba(0, 0, 0, 0.87);
$adf-ref-edit-task-and-service-filter-content-select-label-color: rgba(0, 0, 0, 0.54);
$adf-ref-edit-task-and-service-filter-content-select-input-color: rgba(0, 0, 0, 0.87);
$adf-ref-card-background: white;
$adf-ref-card-border: unset;
$adf-ref-card-border-color: unset;
$adf-ref-card-border-radius: 0;