Merge pull request #1331 from google/fix-grid-codepen-style

Improve Grid component styling on CodePen.
2015-08-07 15:22:42 +01:00 · 2015-08-07 15:22:42 +01:00 · ad068a50ef
parent 1eaf7d92f4 78eecea52a
commit ad068a50ef
2 changed files with 12 additions and 0 deletions
--- a/docs/_pages/components.md
+++ b/docs/_pages/components.md
@ -154,6 +154,7 @@ categories:
          - caption: Responsive grid
            file: grid.html
            demo_file: grid-demo.html
+            extra_codepen_css: codepen-grid.css
            full_width: true
      - name: tabs
        caption: Tabs
--- a/src/grid/snippets/codepen-grid.css
+++ b/src/grid/snippets/codepen-grid.css
@ -0,0 +1,11 @@
+.mdl-cell {
+  box-sizing: border-box;
+  background-color: #BDBDBD;
+  height: 200px;
+  padding-left: 8px;
+  padding-top: 4px;
+  color: white;
+}
+.mdl-grid:first-of-type .mdl-cell {
+  height: 50px;
+}