Responsive Foundation 6.0.0

Provides base icon styles normalized across browsers and optimized for accessibility.

Use this placeholder if you are loading your own font library and can't use the built-in icons because the content is different.

This should go on your base element. The complimentary placeholder, %icon-content, needs to go on a :before or :after underneath.

Examples

Add the icon base to a custom icon you've created.

		.your-custom-icon {
			@extend %icon-base;
		
			&::after {
				@extend %icon-content;
			}
		}