You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
64 lines
2.2 KiB
SCSS
64 lines
2.2 KiB
SCSS
@import '~@angular/material/theming';
|
|
@include mat-core();
|
|
@import 'change-theme';
|
|
@import 'typography';
|
|
|
|
.rtl-container{
|
|
&.purple-white {
|
|
@import "../skins/purple-white";
|
|
&.small-font {@include mat-core($small-typography);}
|
|
&.regular-font {@include mat-core($regular-typography);}
|
|
&.large-font {@include mat-core($large-typography);}
|
|
&.day {
|
|
@include angular-material-theme($purple-white-day-theme);
|
|
@include change-theme($purple-white-day-theme, $alternate-purple-white-day-theme);
|
|
}
|
|
&.night {
|
|
@include angular-material-theme($purple-white-night-theme);
|
|
@include change-theme($purple-white-night-theme, $alternate-purple-white-night-theme);
|
|
}
|
|
}
|
|
&.blue{
|
|
@import "../skins/blue";
|
|
&.small-font {@include mat-core($small-typography);}
|
|
&.regular-font {@include mat-core($regular-typography);}
|
|
&.large-font {@include mat-core($large-typography);}
|
|
&.day {
|
|
@include angular-material-theme($blue-day-theme);
|
|
@include change-theme($blue-day-theme, $alternate-blue-day-theme);
|
|
}
|
|
&.night {
|
|
@include angular-material-theme($blue-night-theme);
|
|
@include change-theme($blue-night-theme, $alternate-blue-night-theme);
|
|
}
|
|
}
|
|
&.green{
|
|
@import "../skins/green";
|
|
&.small-font {@include mat-core($small-typography);}
|
|
&.regular-font {@include mat-core($regular-typography);}
|
|
&.large-font {@include mat-core($large-typography);}
|
|
&.day {
|
|
@include angular-material-theme($green-day-theme);
|
|
@include change-theme($green-day-theme, $alternate-green-day-theme);
|
|
}
|
|
&.night {
|
|
@include angular-material-theme($green-night-theme);
|
|
@include change-theme($green-night-theme, $alternate-green-night-theme);
|
|
}
|
|
}
|
|
&.pink{
|
|
@import "../skins/pink";
|
|
&.small-font {@include mat-core($small-typography);}
|
|
&.regular-font {@include mat-core($regular-typography);}
|
|
&.large-font {@include mat-core($large-typography);}
|
|
&.day {
|
|
@include angular-material-theme($pink-day-theme);
|
|
@include change-theme($pink-day-theme, $alternate-pink-day-theme);
|
|
}
|
|
&.night {
|
|
@include angular-material-theme($pink-night-theme);
|
|
@include change-theme($pink-night-theme, $alternate-pink-night-theme);
|
|
}
|
|
}
|
|
}
|