administrator/pas
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

WIP

Browse Source
This commit is contained in:
Marek Lesko
2025-10-22 14:44:25 +00:00
parent 498d2c7ade
commit 9d644a9b79
275 changed files with 35799 additions and 35712 deletions
Download Patch File Download Diff File Expand all files Collapse all files

120
Web/public/scss/override-component/_card.scss
View File

@@ -1,60 +1,60 @@
@use "sass:map";
@use "@angular/material" as mat;
@use "../variables" as *;
@include mat.card-overrides(
(
elevated-container-color: $white,
title-text-size: 1.125rem,
subtitle-text-size: 14px,
title-text-line-height: 1.6rem,
title-text-weight: 600,
subtitle-text-weight: 400,
elevated-container-shape: var(--mat-sys-corner-small),
outlined-container-shape: var(--mat-sys-corner-small),
elevated-container-elevation: var(--mat-sys-level2),
)
);
// styles
html {
.mat-mdc-card {
margin-bottom: $card-spacer;
.mat-mdc-card-header {
padding: $card-spacer $card-spacer 0 !important;
}
.mat-mdc-card-header + .mat-mdc-card-content {
padding: 0 $card-spacer $card-spacer;
}
> .mat-mdc-card-content {
padding: $card-spacer !important;
}
.mdc-card__actions {
padding: $card-spacer !important;
}
}
.card-hover {
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
&:hover {
scale: 1.01;
transition: all 0.1s ease-in 0s;
}
}
.cardBorder {
.mdc-card {
box-shadow: none !important;
border: 1px solid $borderColor !important;
&.shadow-none {
border: 0 !important;
}
}
}
}
@use "sass:map";
@use "@angular/material" as mat;
@use "../variables" as *;
@include mat.card-overrides(
(
elevated-container-color: $white,
title-text-size: 1.125rem,
subtitle-text-size: 14px,
title-text-line-height: 1.6rem,
title-text-weight: 600,
subtitle-text-weight: 400,
elevated-container-shape: var(--mat-sys-corner-small),
outlined-container-shape: var(--mat-sys-corner-small),
elevated-container-elevation: var(--mat-sys-level2),
)
);
// styles
html {
.mat-mdc-card {
margin-bottom: $card-spacer;
.mat-mdc-card-header {
padding: $card-spacer $card-spacer 0 !important;
}
.mat-mdc-card-header + .mat-mdc-card-content {
padding: 0 $card-spacer $card-spacer;
}
> .mat-mdc-card-content {
padding: $card-spacer !important;
}
.mdc-card__actions {
padding: $card-spacer !important;
}
}
.card-hover {
transition: box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
&:hover {
scale: 1.01;
transition: all 0.1s ease-in 0s;
}
}
.cardBorder {
.mdc-card {
box-shadow: none !important;
border: 1px solid $borderColor !important;
&.shadow-none {
border: 0 !important;
}
}
}
}