message styling

Author: Dan Lasky

src/mm-dialog/mm-dialog.html

@@ -23,7 +23,10 @@
 			<div class="content-top">
 				<template is="dom-if" if="{{type}}"><mm-icon height="25" width="25" type="{{_icon.type}}"></mm-icon></template>
 				<template is="dom-if" if="{{header}}"><mm-header size="large">{{header}}</mm-header></template>
-				<div id="dialogMessage">{{message}}<content></content></div>
+				<div id="dialogMessage">
+					<span class="body-normal">{{message}}</span>
+					<content></content>
+				</div>
 			</div>
 			<mm-footer id="dialogActionsContainer">
 				<template is="dom-repeat" items="{{actions}}">

src/mm-dialog/mm-dialog.scss

@@ -7,6 +7,7 @@
 @import "_bourbon";
 @import "_color";
 @import "_mixins";
+@import "_text";
 
 @include fit();
 

src/shared/sass/_text.scss

@@ -58,4 +58,14 @@ h5, .header-tiny {
 	font-style: normal;
 	text-transform: uppercase;
 	color: $color-A3;
+}
+
+.body-normal {
+	font-size: 13px !important;
+	line-height: 18px !important;
+	font-family: "Arimo", sans-serif;
+	@include fontSmoothing();
+	font-weight: 400;
+	font-style: normal;
+	color: $color-A2;
 }