Baze

text color

Text class color = ".text-blue"

Text class color = ".text-dark-grey"

Text class color = ".text-primary"

Text class color = ".text-red"

Text class color = ".text-black"

Text class color = ".text-grey"

Text class color = ".text-light-grey"

				
					<p class="text-blue">Text class color = ".text-blue"</p>
				
				
					<p class="text-dark-grey">Text class color = ".text-dark-grey"</p>
				
				
					<p class="text-primary">Text class color = ".text-primary"</p>
				
				
					<p class="text-red">Text class color = ".text-red"</p>
				
				
					<p class="text-black">Text class color = ".text-black"</p>
				
				
					<p class="text-grey">Text class color = ".text-grey"</p>
				
				
					<p class="text-light-grey">Text class color = ".text-light-grey"</p>

background color

Background class color = ".bg-blue"

Background class color = ".bg-dark-grey"

Background class color = ".bg-primary"

Background class color = ".bg-red"

Background class color = ".bg-black"

Background class color = ".bg-grey"

Background class color = ".bg-light-grey"

				
					<p class="bg-primary">Text class color = ".bg-primary"</p>
				
				
					<p class="bg-dark-grey">Text class color = ".bg-dark-grey"</p>
				
				
					<p class="bg-primary">Text class color = ".bg-primary"</p>
				
				
					<p class="bg-red">Text class color = ".bg-red"</p>
				
				
					<p class="bg-black">Text class color = ".bg-black"</p>
				
				
					<p class="bg-grey">Text class color = ".bg-grey"</p>
				
				
					<p class="bg-light-grey">Text class color = ".bg-light-grey"</p>

black tones

Black tone = ".text-black10" ($black10) ___

Black tone = ".text-black20" ($black20) ___

Black tone = ".text-black30" ($black30) ___

Black tone = ".text-black40" ($black40) ___

Black tone = ".text-black50" ($black50) ___

Black tone = ".text-black60" ($black60) ___

Black tone = ".text-black70" ($black70) ___

Black tone = ".text-black80" ($black80) ___

Black tone = ".text-black90" ($black90) ___

Black tone = ".text-black" ($black) ___

				
					<p class="text-black10">Black tone = ".text-black10" ($black10)</p>
				
				
					<p class="text-black20">Black tone = ".text-black20" ($black20)</p>
				
				
					<p class="text-black30">Black tone = ".text-black30" ($black30)</p>
				
				
					<p class="text-black40">Black tone = ".text-black40" ($black40)</p>
				
				
					<p class="text-black50">Black tone = ".text-black50" ($black50)</p>
				
				
					<p class="text-black60">Black tone = ".text-black60" ($black60)</p>
				
				
					<p class="text-black70">Black tone = ".text-black70" ($black70)</p>
				
				
					<p class="text-black80">Black tone = ".text-black80" ($black80)</p>
				
				
					<p class="text-black90">Black tone = ".text-black90" ($black90)</p>
				
				
					<p class="text-black">Black tone = ".text-black" ($black)</p>

link color

Link color = ".link-blue" ( Default link color )

Link color = ".link-dark-grey"

Link color = ".link-primary"

Link color = ".link-red"

Link color = ".link-black"

Link color = ".link-grey"

Link color = ".link-light-grey"

				
					<p>Link color = <a class="link-blue"
					href="#">".link-blue"</a></p>
				
				
					<p>Link color = <a class="link-dark-grey"
					href="#">".link-dark-grey"</a></p>
				
				
					<p>Link color = <a class="link-blue"
					href="#">".link-blue"</a></p>
				
				
					<p>Link color = <a class="link-blue"
					href="#">".link-blue"</a></p>
				
				
					<p>Link color = <a class="link-blue"
					href="#">".link-blue"</a></p>
				
				
					<p>Link color = <a class="link-blue"
					href="#">".link-blue"</a></p>
				
				
					<p>Link color = <a class="link-blue"
					href="#">".link-blue"</a></p>