Snippets

Dan Gifford Font Awsome bulleted lists

Created by Dan Gifford last modified
/*
	Defaults for a list using Font Awesome bullets
*/ 
ul[class^='list-fa-']
, ul[class*=' list-fa-']
{
list-style: none;
}

ul[class^='list-fa-'] li:before
,ul[class*=' list-fa-'] li:before
{
font-family: FontAwesome;
margin-left: -1.35rem;
padding-right: 0.5rem;
}


/*
	Different bullet characters
 */
ul.list-fa-check-square li:before
{
content: "\f14a";
}

ul.list-fa-check li:before
{
content: "\f00c";
}

ul.list-fa-check-circle li:before
{
content: "\f058";
}

ul.list-fa-chevron-right li:before
{
content: "\f054";
}

ul.list-fa-chevron-circle-right li:before
{
content: "\f138";
}

ul.list-fa-circle li:before
{
content: "\f058";
}

ul.list-fa-circle-o li:before
{
content: "\f10c";
}

ul.list-fa-circle-thin li:before
{
content: "\f1db";
}

ul.list-fa-caret-right li:before
{
content: "\f0da";
}

ul.list-fa-caret-square-o-right li:before
{
content: "\f152";
}

ul.list-fa-angle-double-right li:before
{
content: "\f101";
}

ul.list-fa-arrow-circle-right li:before
{
content: "\f0a9";
}

ul.list-fa-arrow-right li:before
{
content: "\f061";
}

ul.list-fa-square li:before
{
content: "\f0c8";
}

ul.list-fa-square-o li:before
{
content: "\f096";
}

ul.list-fa-play li:before
{
content: "\f04b";
}

ul.list-fa-play-circle li:before
{
content: "\f144";
}

ul.list-fa-play-circle-o li:before
{
content: "\f01d";
}

ul.list-fa-plus li:before
{
content: "\f067";
}

ul.list-fa-plus-circle li:before
{
content: "\f055";
}

ul.list-fa-plus-square li:before
{
content: "\f0fe";
}

ul.list-fa-stop li:before
{
content: "\f04d";
}

ul.list-fa-stop-circle li:before
{
content: "\f28d";
}
	

Comments (0)