Initial Commit

plugins/jetpack/scss/atoms/typography/_functions.scss

@@ -0,0 +1,12 @@
+// ==========================================================================
+// em()
+//
+// Convert px to em in a readable fashion.
+// ==========================================================================
+
+// Examples:
+// 1. font-size: em(14px);
+// 2. font-size: em(30px/14px);
+@function em($value, $context: map-get($root-font, font-size)) {
+	@return ($value / $context * 1em);
+}

plugins/jetpack/scss/atoms/typography/_typography.scss

@@ -0,0 +1,112 @@
+// ==========================================================================
+// Typography
+// ==========================================================================
+
+@import
+	"variables",
+	"functions";
+
+body,
+button,
+input,
+select,
+textarea {
+	color: map-get($root-font, color);
+	font-family: $sans;
+	font-size: map-get($root-font, font-size);
+	line-height: map-get($root-font, line-height);
+	-webkit-font-smoothing: antialiased;
+}
+
+
+// ==========================================================================
+// Headings
+// ==========================================================================
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+	color: #222;
+	clear: both;
+}
+
+
+// ==========================================================================
+// Links
+// ==========================================================================
+
+a {
+	color: #0d72b2;
+	transition: color .2s;
+	text-decoration: none;
+
+	&:visited {
+		color: #0d72b2;
+	}
+	&:hover {
+		color: #0f92e5;
+	}
+	&:focus {
+		outline: thin dotted;
+	}
+}
+
+
+// ==========================================================================
+// Basic block-level elements
+// ==========================================================================
+
+address {
+	margin: 0 0 1.5em;
+}
+
+// ==========================================================================
+// Text-level markup
+// ==========================================================================
+
+abbr[title],
+acronym {
+	cursor: help;
+}
+
+ins {
+	background: #eee;
+	text-decoration: none;
+}
+
+// ==========================================================================
+// Lists
+// ==========================================================================
+
+dt {
+	font-weight: $bold;
+}
+
+// ==========================================================================
+// Forms
+// ==========================================================================
+
+// Remove default fieldset styles.
+fieldset {
+	border: 0;
+	margin: 0;
+	padding: 0;
+}
+
+// Allow only vertical resizing of textareas.
+textarea {
+	resize: vertical;
+}
+
+// A better looking default horizontal rule
+hr {
+	display: block;
+	height: 1px;
+	border: 0;
+	border-top: 1px solid #ccc;
+	margin: 1em 0;
+	padding: 0;
+}

plugins/jetpack/scss/atoms/typography/_variables.scss

@@ -0,0 +1,32 @@
+// ==========================================================================
+// Typography variables
+// ==========================================================================
+
+$normal: 400; // Change these values when using custom fonts
+$bold: 700; // For example, bold could change to 400;
+
+$root-font:(
+	color: #222,
+	font-size: 14px,
+	line-height: 1.4
+);
+
+$pre__background: #eee;
+$mark__background: #fff9c0;
+
+// ==========================================================================
+// Typefaces
+// ==========================================================================
+
+$monospace: 'courier new', monospace;
+$serif: Georgia, "Times New Roman", Times, serif;
+$sans: 'Open Sans', Helvetica, Arial, sans-serif; // 400i,400,600,700,800
+$calluna: 'calluna', $sans; // 400
+$gill: "Gill Sans", "Gill Sans MT", $sans;
+$proxima: "proxima-nova", $sans; // 300,400,600
+
+// ==========================================================================
+// Icons
+// ==========================================================================
+
+$genericons: 'genericons';