make filter and funnel

adopted-ember-addons · Dec 20, 2015 · d001c4a · d001c4a
1 parent 6b23750
commit d001c4a
Show file tree

Hide file tree

Showing 35 changed files with 227 additions and 7,229 deletions.
diff --git a/app/styles/color-palette.scss b/app/styles/color-palette.scss
@@ -8,19 +8,18 @@ $foreground-light: (
   '1': rgba(255, 255, 255, 1.0),
   '2': rgba(255, 255, 255, 0.7),
   '3': rgba(255, 255, 255, 0.3),
-  '4': rgba(255, 255, 255, 0.12)
+  '4': rgba(255, 255, 255, 0.12),
+  'shadow': '1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px rgba(0, 0, 0, 0.4)'
 );
 
 $foreground-dark: (
   '1': rgba(0, 0, 0, 0.87),
   '2': rgba(0, 0, 0, 0.54),
   '3': rgba(0, 0, 0, 0.26),
-  '4': rgba(0, 0, 0, 0.12)
+  '4': rgba(0, 0, 0, 0.12),
+  'shadow': none
 );
 
-$foreground-dark-shadow: 1px 1px 0px rgba(0, 0, 0, 0.4), -1px -1px 0px rgba(0, 0, 0, 0.4);
-$foreground-light-shadow: none;
-
 $color-red: (
   '50': #ffebee,
   '100': #ffcdd2,

diff --git a/app/styles/default-theme.scss b/app/styles/default-theme.scss
@@ -10,7 +10,6 @@ $dark: false !default;
 $default-color: '500' !default;
 
 $foreground: "foreground-dark" !default;
-$foreground-shadow: $foreground-light-shadow !default;
 
 $base-background-color: white !default;
 $base-color: rgba(0, 0, 0, 0.87) !default;
diff --git a/app/styles/ember-paper.scss b/app/styles/ember-paper.scss
@@ -1,32 +1,3 @@
-/* ROBOTO DRAFT FONT */
-@font-face {
-  font-family: 'RobotoDraft';
-  font-style: normal;
-  font-weight: 400;
-  src: local('RobotoDraft'), local('RobotoDraft-Regular'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni4gp9Q8gbYrhqGlRav_IXfk.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/0xES5Sl_v6oyT7dAKuoni7rIa-7acMAeDBVuclsi6Gc.woff) format('woff');
-}
-
-@font-face {
-  font-family: 'RobotoDraft';
-  font-style: normal;
-  font-weight: 500;
-  src: local('RobotoDraft Medium'), local('RobotoDraft-Medium'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwXJuJo8UJJfpGKt7pXjBv4s.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwaTA90I55Xt7owhZwpPnMsc.woff) format('woff');
-}
-
-@font-face {
-  font-family: 'RobotoDraft';
-  font-style: normal;
-  font-weight: 700;
-  src: local('RobotoDraft Bold'), local('RobotoDraft-Bold'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-Vwf79_ZuUxCigM2DespTnFaw.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/u0_CMoUf3y3-4Ss4ci-VwRbnBKKEOwRKgsHDreGcocg.woff) format('woff');
-}
-
-@font-face {
-  font-family: 'RobotoDraft';
-  font-style: italic;
-  font-weight: 400;
-  src: local('RobotoDraft Italic'), local('RobotoDraft-Italic'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfgeOulFbQKHxPa89BaxZzA0.woff2) format('woff2'), url(https://fonts.gstatic.com/s/robotodraft/v1/er-TIW55l9KWsTS1x9bTfoo3ZslTYfJv0R05CazkwN8.woff) format('woff');
-}
-
 @font-face {
   font-family: 'Material Icons';
   font-style: normal;
@@ -53,34 +24,76 @@
   padding-right: 5px;
 }
 
+// Core styles
 @import 'color-palette';
 @import 'default-theme';
-@import 'mixins';
-@import 'variables';
-@import 'structure';
-@import 'typography';
-@import 'layout';
-
-@import 'paper-content';
-@import 'paper-card';
-@import 'paper-button';
-@import 'paper-checkbox';
-@import 'paper-radio';
-@import 'paper-switch';
-@import 'paper-input';
-@import 'paper-list';
-@import 'paper-divider';
-@import 'paper-whiteframe';
-@import 'paper-toolbar';
-@import 'paper-icon';
-@import 'paper-slider';
-@import 'paper-subheader';
-@import 'paper-autocomplete';
-@import 'paper-progress-linear';
-@import 'paper-progress-circular';
-@import 'paper-menu';
-@import 'paper-select';
-@import 'paper-grid-list';
-
-@import 'paper-sidenav';
-@import 'paper-backdrop';
+@import './angular-material/core/style/mixins';
+@import './angular-material/core/style/variables';
+@import './angular-material/core/style/structure';
+@import './angular-material/core/style/typography';
+@import './angular-material/core/services/layout/layout.attributes';
+
+// Component styles
+@import './angular-material/components/content/content';
+@import './angular-material/components/content/content-theme';
+
+@import './angular-material/components/card/card';
+@import './angular-material/components/card/card-theme';
+
+@import './angular-material/components/button/button';
+@import './angular-material/components/button/button-theme';
+
+@import './angular-material/components/checkbox/checkbox';
+@import './angular-material/components/checkbox/checkbox-theme';
+
+@import './angular-material/components/radioButton/radio-button';
+@import './angular-material/components/radioButton/radio-button-theme';
+
+@import './angular-material/components/switch/switch';
+@import './angular-material/components/switch/switch-theme';
+
+@import './angular-material/components/input/input';
+@import './angular-material/components/input/input-theme';
+
+@import './angular-material/components/list/list';
+@import './angular-material/components/list/list-theme';
+
+@import './angular-material/components/divider/divider';
+@import './angular-material/components/divider/divider-theme';
+
+@import './angular-material/components/whiteframe/whiteframe';
+
+@import './angular-material/components/toolbar/toolbar';
+@import './angular-material/components/toolbar/toolbar-theme';
+
+@import './angular-material/components/icon/icon';
+@import './angular-material/components/icon/icon-theme';
+
+@import './angular-material/components/slider/slider';
+@import './angular-material/components/slider/slider-theme';
+
+@import './angular-material/components/subheader/subheader';
+@import './angular-material/components/subheader/subheader-theme';
+
+@import './angular-material/components/autocomplete/autocomplete';
+@import './angular-material/components/autocomplete/autocomplete-theme';
+
+@import './angular-material/components/progressLinear/progress-linear';
+@import './angular-material/components/progressLinear/progress-linear-theme';
+
+@import './angular-material/components/progressCircular/progress-circular';
+@import './angular-material/components/progressCircular/progress-circular-theme';
+
+@import './angular-material/components/menu/menu';
+@import './angular-material/components/menu/menu-theme';
+
+@import './angular-material/components/select/select';
+@import './angular-material/components/select/select-theme';
+
+@import './angular-material/components/gridList/grid-list';
+
+@import './angular-material/components/sidenav/sidenav';
+@import './angular-material/components/sidenav/sidenav';
+
+@import './angular-material/components/backdrop/backdrop';
+@import './angular-material/components/backdrop/backdrop-theme';