Contents

// HEADER
$h1-font-size: em(44px) !default;
$h2-font-size: em(36px) !default;
$h3-font-size: em(28px) !default;
$h4-font-size: em(22px) !default;
$h5-font-size: em(18px) !default;
$h6-font-size: 1em !default;

$header-font-weight: 700 !default;

$p-margin-bottom: em(30px) !default;

@if $include-typography {

/* ---------------
EDGE Typography
--------------- */

html,
body {
	font-size: $base-font-size;
}

body {
	position: relative;
	background: $body-bg;
	color: $body-font-color;
	font-family: $body-font-family;
	font-weight: $body-font-weight;
	font-style: $body-font-style;
	line-height: $body-line-height;
}

h1, h2, h3, h4, h5, h6, header {
	font-family : $header-font-family;
}

h1 { font-size: $h1-font-size }
h2 { font-size: $h2-font-size }
h3 { font-size: $h3-font-size }
h4 { font-size: $h4-font-size }
h5 { font-size: $h5-font-size; }
h6 { font-size: $h6-font-size; }

p {
	margin-bottom: $p-margin-bottom;
	&:last-of-type {
		margin-bottom: 0;
	}
}

ul, ol {
	list-style: none; // Clear bullet or numbering on plain <ul> and <ol>
}

.inline-list {
	@include clearfix();
	list-style-type: none;
	li {
		display: inline-block;
		float: left;
		vertical-align: top;
	}
}

ul.bullet-list, ol.number-list {

}

// Code

code, kbd, samp {
	display: inline-block;
	&, pre {
		font-size: 1em;
		font-family: $code-font-family;
	}
}

blockquote {
	cite {
		display: block;
	}
}

} // include-typography

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
edge_framework-0.5.0	assets/sass/edge/components/_typography.scss