diff --git a/package.json b/package.json index 87a474bcd..b72e626f9 100644 --- a/package.json +++ b/package.json @@ -48,7 +48,7 @@ "karma-firefox-launcher": "^1.0.0", "karma-sauce-launcher": "^1.0.0", "karma-sourcemap-loader": "^0.3.7", - "karma-tap": "^2.0.1", + "karma-tap": "~2.0.1", "karma-webpack": "^1.7.0", "lerna": "2.0.0-beta.18", "lolex": "^1.5.0", diff --git a/packages/mdl-card/mdl-card.scss b/packages/mdl-card/mdl-card.scss index 9ab371c4a..6f365a229 100644 --- a/packages/mdl-card/mdl-card.scss +++ b/packages/mdl-card/mdl-card.scss @@ -14,22 +14,18 @@ * limitations under the License. */ +@import "mdl-elevation/mixins"; @import "mdl-theme/mixins"; @import "mdl-typography/mixins"; /* postcss-bem-linter: define card */ .mdl-card { + @include mdl-elevation(2); + display: flex; flex-direction: column; justify-content: flex-end; padding: 0; - - /* TODO(sgomes): replace with elevation mixin once mdl-elevation is in. */ - box-shadow: - 0 3px 1px -2px rgba(0, 0, 0, .2), - 0 2px 2px 0 rgba(0, 0, 0, .14), - 0 1px 5px 0 rgba(0, 0, 0, .12); - overflow: hidden; box-sizing: border-box; diff --git a/packages/mdl-card/package.json b/packages/mdl-card/package.json index 31b07d8f4..9cd319d30 100644 --- a/packages/mdl-card/package.json +++ b/packages/mdl-card/package.json @@ -4,7 +4,8 @@ "description": "The Material Design Lite card component", "license": "Apache-2.0", "dependencies": { - "mdl-typography": "^1.0.0", - "mdl-theme": "^1.0.0" + "mdl-elevation": "^1.0.0", + "mdl-theme": "^1.0.0", + "mdl-typography": "^1.0.0" } }