fix(demo): styling default version

This commit is contained in:
KostyaDanovsky 2017-07-29 16:00:27 +03:00
parent 0f546d950f
commit 746d18680e
4 changed files with 21 additions and 8 deletions

View file

@ -1,4 +1,6 @@
:host {
@import '../../../@theme/styles/variables';
@include nga-install-component() {
width: 100%;
display: flex;
justify-content: space-between;
@ -9,6 +11,12 @@
a {
padding: 0.4rem;
color: nga-theme(color-fg);
transition: color ease-out 0.1s;
&:hover {
color: nga-theme(color-fg-heading);
}
}
}
}

View file

@ -7,7 +7,6 @@
align-items: center;
height: 6rem;
overflow: visible;
color: nga-theme(card-fg-heading);
$bevel: btn-hero-bevel(nga-theme(card-bg));
$shadow: btn-hero-shadow();
@ -24,6 +23,7 @@
font-size: 4em;
border-radius: $border-radius 0 0 $border-radius;
transition: all 0.1s ease-out, color 0s;
color: nga-theme(color-white);
&.primary {
@include btn-hero-primary-gradient();
@ -89,6 +89,8 @@
color: nga-theme(card-fg);
.icon-container {
color: nga-theme(card-fg);
&.primary, &.success, &.info, &.warning {
box-shadow: none;
background-image: linear-gradient(to right, transparent, transparent);
@ -98,7 +100,7 @@
.details {
border-left: 1px solid nga-theme(separator);
}
.status {
.title {
color: nga-theme(card-fg);
}
}
@ -111,16 +113,19 @@
padding-left: 1.5rem;
border-left: 1px solid transparent;
}
.title {
font-family: nga-theme(font-secondary);
font-size: 1.5rem;
font-weight: nga-theme(font-weight-bolder);
color: nga-theme(card-fg-heading);
}
.status {
font-size: 1.125rem;
font-weight: nga-theme(font-weight-light);
text-transform: uppercase;
color: nga-theme(card-fg-heading);
color: nga-theme(card-fg);
}
}
}

View file

@ -55,7 +55,7 @@ export class SmartTableComponent {
source: LocalDataSource = new LocalDataSource();
constructor(private service: SmartTableService) {
let data = this.service.getData();
const data = this.service.getData();
this.source.load(data);
}

View file

@ -7,13 +7,13 @@
$button-border-radius: 12px;
.container-title {
color: nga-theme(color-fg-hint);
color: nga-theme(color-fg);
font-family: nga-theme(font-secondary);
margin-bottom: 0.5rem;
}
.header {
color: white;
color: nga-theme(color-fg-header);
font-size: 0.875rem;
line-height: 1rem;
}
@ -22,7 +22,7 @@
font-size: 0.75rem;
line-height: 1rem;
font-weight: 300;
color: nga-theme(color-fg-hint);
color: nga-theme(color-fg);
}
.btn-demo {