Responsive Foundation 6.0.0

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

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

You will also need the %icon-base placeholder on your hoverable element if you need compatibility before IE9.

Examples

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

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