webpackJsonp([10,27,29],{253:function(s,a,t){a=s.exports=t(1)(),a.push([s.id,".demo>[data-v-a5e4ce48]{margin:.5em 0;display:block}",""])},332:function(s,a,t){var e,n;t(253);var i=t(465);n=e=e||{},"object"!=typeof e.default&&"function"!=typeof e.default||(n=e=e.default),"function"==typeof n&&(n=n.options),n.render=i.render,n.staticRenderFns=i.staticRenderFns,n._scopeId="data-v-a5e4ce48",s.exports=e},465:function(s,a){s.exports={render:function(){var s=this,a=s.$createElement,t=s._self._c||a;return t("page-content",{attrs:{"page-title":"UI Elements - Typography"}},[t("docs-component",[t("div",{slot:"description"},[t("h2",{staticClass:"md-title"},[s._v("Styles")]),s._v(" "),t("p",[s._v("Too many type sizes and styles at once can wreck any layout. A typographic scale has a limited set of type sizes that work well together along with the layout grid.")]),s._v(" "),t("h2",{staticClass:"md-title"},[s._v("Typeface")]),s._v(" "),t("p",[s._v("Roboto has been refined extensively to work across the wider set of supported platforms. It is slightly wider and rounder, giving it greater clarity and making it more optimistic.")])]),s._v(" "),t("div",{slot:"example"},[t("example-box",{attrs:{"card-title":"Default"}},[t("div",{staticClass:"demo",slot:"demo"},[t("span",{staticClass:"md-display-4"},[s._v("Display 4")]),s._v(" "),t("span",{staticClass:"md-display-3"},[s._v("Display 3")]),s._v(" "),t("span",{staticClass:"md-display-2"},[s._v("Display 2")]),s._v(" "),t("span",{staticClass:"md-display-1"},[s._v("Display 1")]),s._v(" "),t("span",{staticClass:"md-headline"},[s._v("Headline")]),s._v(" "),t("span",{staticClass:"md-title"},[s._v("Title")]),s._v(" "),t("span",{staticClass:"md-subheading"},[s._v("Subheading")]),s._v(" "),t("span",{staticClass:"md-body-2"},[s._v("Body 2")]),s._v(" "),t("span",{staticClass:"md-body-1"},[s._v("Body 1")]),s._v(" "),t("span",{staticClass:"md-caption"},[s._v("Caption")]),s._v(" "),t("a",{attrs:{href:"#/typography"}},[s._v("Link")])]),s._v(" "),t("div",{slot:"code"},[t("code-block",{attrs:{lang:"xml"}},[s._v('\n            <span class="md-display-4">Display 4</span>\n            <span class="md-display-3">Display 3</span>\n            <span class="md-display-2">Display 2</span>\n            <span class="md-display-1">Display 1</span>\n            <span class="md-headline">Headline</span>\n            <span class="md-title">Title</span>\n            <span class="md-subheading">Subheading</span>\n            <span class="md-body-2">Body 2</span>\n            <span class="md-body-1">Body 1</span>\n            <span class="md-caption">Caption</span>\n            <a href="#/typography">Link</a>\n          ')])],1)])],1)])],1)},staticRenderFns:[]}}});