megwoo
7/26/2015 - 5:45 AM

SC5 Living Style Guide Fomatting

SC5 Living Style Guide Fomatting

MAIN SECTIONS
=============
// Colors
//
// This section describes base colors
//
// Styleguide 1.0


// Typography
//
// This section describes text, links & headers
//
// Styleguide 2.0


MARKUP FOR COLORS
// Colors
//
// $c-gray1		- Darkest gray (#333333)
// $c-gray2		- Medium / dark gray (#4A4A4A)
// $c-gray3		- Medium / light gray (#666666)
// $c-gray4		- Lightest gray (#AAAAAA)
// $c-blue		- Robin's egg blue (#81BBB6)
// $c-sand		- Sand (#BCB7A9)
//
// markup:
//	<div style="background: {$modifiers};" class="styleguide-color text-default">
//		{$modifiers}
//	</div>
//
// Styleguide 1.1


MARKUP FOR FONTS
================
// Body Text
//
// .text-default - Default body style
//
// markup:
//	<p class="text-default">Proin nibh urna, tincidunt id congue vel, porta non tortor. Nunc laoreet ultrices elit, ac ullamcorper turpis feugiat at. Morbi porttitor facilisis blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Morbi porttitor facilisis blandit. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.</p>
//	<table class="styleguide-variables">
//	<tr>
//		<td>font:</td>
//		<td>$f-stack-default</td>
//	</tr>
//	<tr>
//		<td>size:</td>
//		<td>$f-size</td>
//	</tr>
//	<tr>
//		<td>weight:</td>
//		<td>$f-weight-default</td>
//	</tr>
//	<tr>
//		<td>color:</td>
//		<td>$c-gray1</td>
//	</tr>
//	<tr>
//		<td>line-height:</td>
//		<td>$f-line-height</td>
//	</tr>
//	<tr>
//		<td>letter-spacing:</td>
//		<td>$f-kern</td>
//	</tr>
//	</table>
//
// Styleguide 2.1



// styleguide:ignore:start ==========================================
// ==================================================================

all this is ignored

// ==================================================================
// styleguide:ignore:end ============================================