fix(docs): change features section background (#1556)

akveo · Jun 3, 2019 · c33442b · c33442b
1 parent 1209d65
commit c33442b
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 13 deletions.
diff --git a/docs/app/@theme/components/icon-card/icon-card.component.scss b/docs/app/@theme/components/icon-card/icon-card.component.scss
@@ -6,6 +6,7 @@
  $text-fg: nb-theme(color-fg-text);
  $title-fg: nb-theme(color-fg-heading);
 
+ border: 1px solid nb-theme(border-basic-color-3);
  border-radius: 7px;
  background-color: #ffffff;
  display: flex;

diff --git a/docs/app/blocks/components/theme-block/theme-block.component.scss b/docs/app/blocks/components/theme-block/theme-block.component.scss
@@ -28,7 +28,7 @@
  }
 
  nb-card table.striped tbody tr.not-found {
- background: nb-theme(backround-basic-color-1);
+ background: nb-theme(background-basic-color-1);
  color: nb-theme(text-disabled-color);
  }
 }
diff --git a/docs/app/home/home.component.html b/docs/app/home/home.component.html
@@ -12,13 +12,15 @@
  </svg>
  </section>
 
- <section class="features content-center">
- <ngd-icon-card *ngFor="let feature of features"
- [routerLink]="feature.link"
- [title]="feature.title"
- [icon]="feature.icon"
- [description]="feature.description">
- </ngd-icon-card>
+ <section class="features">
+ <div class="content-center">
+ <ngd-icon-card *ngFor="let feature of features"
+ [routerLink]="feature.link"
+ [title]="feature.title"
+ [icon]="feature.icon"
+ [description]="feature.description">
+ </ngd-icon-card>
+ </div>
  </section>
 
  <section class="eva">

diff --git a/docs/app/home/home.component.scss b/docs/app/home/home.component.scss
@@ -37,7 +37,7 @@
  margin-top: -5rem;
  margin-left: -20%;
  margin-right: -20%;
- fill: nb-theme(layout-background-color);
+ fill: nb-theme(background-basic-color-2);
 
  @include media-breakpoint-up(md) {
  margin-top: -7rem;
@@ -53,10 +53,14 @@
  }
 
  .features {
- margin-top: 5rem;
- margin-bottom: 4rem;
- justify-content: center;
- max-width: $max-width;
+ background-color: nb-theme(background-basic-color-2);
+ padding-top: 5rem;
+ padding-bottom: 4rem;
+
+ .content-center {
+ max-width: $max-width;
+ justify-content: center;
+ }
  }
 
  .advantages {
@@ -82,6 +86,10 @@
  right: 0;
  width: 100%;
  transform: rotateX(180deg);
+
+ svg path {
+ fill: nb-theme(background-basic-color-2);
+ }
  }
 
  ngd-eva.content-center {