Step 12: cdk-high-contrast error

[alejandroszg]

Hi! the Step12 have an error, on the code you show this:

@import '~@angular/cdk/a11y';

.purchase-button{
 border-radius: 5px;
 background-color: mat.get-color-from-palette(mat.$pink-palette, A100);

 @include cdk-high-contrast{
 outline: solid 1px;
 background-color: mat.get-color-from-palette(mat.$pink-palette, 50);
 }
}

:host-context(.dark-theme){
 .purchase-button{
 background-color: mat.get-color-from-palette(mat.$light-green-palette, A100);

 @include cdk-high-contrast{
 outline: solid 1px;
 background-color: mat.get-color-from-palette(mat.$light-green-palette, 50);
 }
 }
}

But the cdk-high-contrast it's an error and you should show it as: cdk.high-contrast, and the import should be: @use '@angular/cdk', this is the good one:

@import '@angular/cdk';

.purchase-button{
 border-radius: 5px;
 background-color: mat.get-color-from-palette(mat.$pink-palette, A100);

 @include cdk.high-contrast{
 outline: solid 1px;
 background-color: mat.get-color-from-palette(mat.$pink-palette, 50);
 }
}

:host-context(.dark-theme){
 .purchase-button{
 background-color: mat.get-color-from-palette(mat.$light-green-palette, A100);

 @include cdk.high-contrast{
 outline: solid 1px;
 background-color: mat.get-color-from-palette(mat.$light-green-palette, 50);
 }
 }
}