mirror of
https://github.com/akveo/ngx-admin.git
synced 2025-12-18 16:30:13 +01:00
fix(dashboard): refactor styles for the new theming
This commit is contained in:
parent
2783671f17
commit
83ed53d477
1 changed files with 59 additions and 60 deletions
|
|
@ -1,9 +1,7 @@
|
||||||
@import '~@nga/theme/styles/themes/cosmic/theme';
|
@import '~@nga/theme/styles_new/all';
|
||||||
|
|
||||||
:host {
|
@include nga-install-component() {
|
||||||
}
|
.status-cards {
|
||||||
|
|
||||||
.status-cards {
|
|
||||||
nga-card {
|
nga-card {
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -21,7 +19,7 @@
|
||||||
left: 0;
|
left: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
background: rgba(0, 0, 0, 0.1);
|
background: rgba(0, 0, 0, 0.1);
|
||||||
border-radius: $nga-card-border-radius;
|
border-radius: nga-theme(card-border-radius);
|
||||||
}
|
}
|
||||||
|
|
||||||
&.on {
|
&.on {
|
||||||
|
|
@ -42,8 +40,8 @@
|
||||||
.icon-container {
|
.icon-container {
|
||||||
font-size: 4em;
|
font-size: 4em;
|
||||||
padding: 0.5rem 1.75rem;
|
padding: 0.5rem 1.75rem;
|
||||||
color: $nga-card-foreground;
|
color: nga-theme(card-foreground);
|
||||||
border-radius: $nga-card-border-radius 0 0 $nga-card-border-radius;
|
border-radius: nga-theme(card-border-radius) 0 0 nga-theme(card-border-radius);
|
||||||
|
|
||||||
&.primary {
|
&.primary {
|
||||||
@include btn-hero-primary();
|
@include btn-hero-primary();
|
||||||
|
|
@ -67,8 +65,9 @@
|
||||||
}
|
}
|
||||||
.status {
|
.status {
|
||||||
font-size: 1.125rem;
|
font-size: 1.125rem;
|
||||||
font-weight: $nga-font-weight-light;
|
font-weight: nga-theme(font-weight-light);
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
color: $nga-card-foreground-secondary;
|
color: nga-theme(card-foreground-secondary);
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue