fix(theme): move breakpoints in theme

A-l-y-l-e · Sep 14, 2018 · 28e8d42 · 28e8d42
1 parent 4529fa3
commit 28e8d42
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/src/app/app.module.ts b/src/app/app.module.ts
@@ -10,8 +10,8 @@ import { LyDrawerModule } from '@alyle/ui/drawer';
 import { LyToolbarModule } from '@alyle/ui/toolbar';
 import { LyMenuModule } from '@alyle/ui/menu';
 import { LyIconButtonModule } from '@alyle/ui/icon-button';
-import { LyCommonModule, LyThemeConfig, LY_THEME_CONFIG, LyHammerGestureConfig, LyThemeModule, ThemeVariables } from '@alyle/ui';
-import { ResponsiveModule, Breakpoints } from '@alyle/ui/responsive';
+import { LyCommonModule, LyThemeConfig, LY_THEME_CONFIG, LyHammerGestureConfig, LyThemeModule } from '@alyle/ui';
+import { ResponsiveModule } from '@alyle/ui/responsive';
 import { LyButtonModule } from '@alyle/ui/button';
 import { LyRippleModule } from '@alyle/ui/ripple';
 
@@ -64,11 +64,10 @@ export class CustomMinimaDark extends MinimaDark {
   myColor = 'teal';
 }
 
-export class GlobalVariables implements ThemeVariables {
+export class GlobalVariables {
   testVal = '#00bcd4';
   Quepal = Quepal;
   SublimeLight = SublimeLight;
-  breakpoints = Breakpoints;
 }
 
 /** Custom Theme */

diff --git a/src/lib/themes/minima/dark.ts b/src/lib/themes/minima/dark.ts
@@ -1,5 +1,6 @@
 import { typography, iconButton, icon, input } from './variables';
 import { ThemeConfig, LyStyleUtils, TypographyConfig } from '@alyle/ui';
+import { Breakpoints } from '@alyle/ui/responsive';
 
 const contrast = '#fff';
 const shadow = 'rgba(0, 0, 0, 1)';
@@ -59,4 +60,5 @@ export class MinimaDark extends LyStyleUtils implements ThemeConfig {
   };
   iconButton = iconButton;
   icon = icon;
+  breakpoints = Breakpoints;
 }
diff --git a/src/lib/themes/minima/light.ts b/src/lib/themes/minima/light.ts
@@ -1,5 +1,6 @@
 import { typography, iconButton, icon, input } from './variables';
 import { ThemeConfig, LyStyleUtils, TypographyConfig } from '@alyle/ui';
+import { Breakpoints } from '@alyle/ui/responsive';
 
 const contrast = '#fff';
 const shadow = '#333';
@@ -60,4 +61,5 @@ export class MinimaLight extends LyStyleUtils implements ThemeConfig {
   };
   iconButton = iconButton;
   icon = icon;
+  breakpoints = Breakpoints;
 }