feat(theme): corporate - new theme (#479)

akveo · Jun 19, 2018 · c75eaf7 · c75eaf7
1 parent fd95095
commit c75eaf7
Show file tree

Hide file tree

Showing 27 changed files with 648 additions and 288 deletions.
diff --git a/docs/app/blocks/components/live-example-block/live-example-block.component.scss b/docs/app/blocks/components/live-example-block/live-example-block.component.scss
@@ -9,6 +9,7 @@
  $block-bg-default: #ebeff5;
  $block-bg-cosmic: #2f296b;
  $block-fg-cosmic: #7d838b;
+ $block-bg-corporate: #f1f5f8;
 
  display: flex;
  flex-direction: column;
@@ -106,6 +107,10 @@
  }
  }
 
+ &.theme-corporate {
+ background-color: $block-bg-corporate;
+ }
+
  .iframe-container {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;

diff --git a/docs/app/blocks/components/live-example-block/live-example-block.component.ts b/docs/app/blocks/components/live-example-block/live-example-block.component.ts
@@ -40,12 +40,18 @@ export class NgdLiveExampleBlockComponent implements OnInit, AfterViewInit, OnDe
  return this.currentTheme === 'cosmic';
  }
 
+ @HostBinding('class.theme-corporate')
+ private get isCorporate() {
+ return this.currentTheme === 'corporate';
+ }
+
  iframeHeight: number;
  alive: boolean = true;
 
  themes: {label: string; value: string}[] = [
  { label: 'Default', value: 'default' },
  { label: 'Cosmic', value: 'cosmic' },
+ { label: 'Corporate', value: 'corporate' },
  ];
 
  currentTheme: string = 'default';

diff --git a/docs/structure.ts b/docs/structure.ts
@@ -369,6 +369,18 @@ export const structure = [
  },
  ],
  },
+ {
+ type: 'page',
+ name: 'Corporate',
+ children: [
+ {
+ type: 'block',
+ block: 'theme',
+ name: 'Corporate',
+ source: 'corporate',
+ },
+ ],
+ },
  ],
  },
  {