cliff
3/6/2014 - 5:24 PM

Overriding PageLines DMS styles for blockquotes and Font Awesome icons for blockquotes

Overriding PageLines DMS styles for blockquotes and Font Awesome icons for blockquotes

// Override Blockquotes from typography.less
blockquote {
	padding: inherit;

	line-height: inherit;
	font-size: inherit;
	padding-left: inherit;
	letter-spacing: inherit;
	//margin-bottom: 30px;
	margin-left: 20px !important;
	margin-right: 20px !important;

	p {
		margin-bottom: 0;
		&:first-child{
			margin-top: 0;
		}
		&:last-child{
			margin-bottom: 0;
		}
	}
	small,
	cite{
		//display: block;
		font-size: 90%;
		letter-spacing: inherit;
		line-height: inherit;
		padding-left: inherit;
		margin-top: 0.5em !important;

		&:before {
			content: '\2014 \00A0'; //not an icon font
		}

	}
}
// Font Awesome icons before and after quotes
q:before,
blockquote:before {
	font-family: PageLinesFont;
	content: @fa-var-quote-left; //works in DMS v2
	//content:"\f10d"; //works in DMS prior to v2
	color: @textColorAlt;
}
q:after,
blockquote:after {
	font-family: PageLinesFont;
	content: @fa-var-quote-right; //works in DMS v2
	//content:"\f10e"; //works in DMS prior to v2
	color: @textColorAlt;
}