mirror of
https://github.com/Raghu-Ch/angular-accessibility.git
synced 2026-02-10 04:43:02 -05:00
codelab: enable HighContrast mode
This commit is contained in:
@@ -16,6 +16,7 @@
|
||||
@use '@angular/material' as mat;
|
||||
|
||||
// TODO: #12. Enable HighContrast mode
|
||||
@use '@angular/cdk';
|
||||
|
||||
:host {
|
||||
display: flex;
|
||||
@@ -81,6 +82,10 @@
|
||||
background-color: mat.get-color-from-palette(mat.$pink-palette, A100);
|
||||
|
||||
// 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-transform: uppercase;
|
||||
@@ -101,5 +106,9 @@
|
||||
background-color: mat.get-color-from-palette(mat.$light-green-palette, A100);
|
||||
|
||||
// TODO: #12. Enable HighContrast mode
|
||||
@include cdk.high-contrast() {
|
||||
// outline: solid 1px;
|
||||
// background-color: mat.get-color-from-palette(mat.$light-green-palette, 50);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user