vcgit-forge/angular-accessibility
1
0
Fork 0
mirror of https://github.com/Raghu-Ch/angular-accessibility.git synced 2026-02-10 04:43:02 -05:00
Code Issues Packages Projects Releases Wiki Activity

codelab: enable HighContrast mode

Browse Source
This commit is contained in:
twerske
2021-04-19 12:19:58 -07:00
parent 4dd6f7f486
commit 709fc82883
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/app/shop/shop.component.scss
View File

@@ -16,6 +16,7 @@
@use '@angular/material' as mat; @use '@angular/material' as mat;
// TODO: #12. Enable HighContrast mode // TODO: #12. Enable HighContrast mode
@use '@angular/cdk';
:host { :host {
display: flex; display: flex;
@@ -81,6 +82,10 @@
background-color: mat.get-color-from-palette(mat.$pink-palette, A100); background-color: mat.get-color-from-palette(mat.$pink-palette, A100);
// TODO: #12. Enable HighContrast mode // TODO: #12. Enable HighContrast mode
@include cdk.high-contrast() {
outline: solid 1px;
background-color: mat.get-color-from-palette(mat.$pink-palette, 50);
}
text-align: center; text-align: center;
text-transform: uppercase; text-transform: uppercase;
@@ -101,5 +106,9 @@
background-color: mat.get-color-from-palette(mat.$light-green-palette, A100); background-color: mat.get-color-from-palette(mat.$light-green-palette, A100);
// TODO: #12. Enable HighContrast mode // TODO: #12. Enable HighContrast mode
@include cdk.high-contrast() {
// outline: solid 1px;
// background-color: mat.get-color-from-palette(mat.$light-green-palette, 50);
}
} }
} }