File "mixins.scss"

Full Path: /home/warrior1/public_html/wp-content/plugins/facebook-for-woocommerce/vendor/skyverge/wc-plugin-framework/woocommerce/assets/css/mixins.scss
File size: 1.26 KB
MIME-type: text/plain
Charset: utf-8

// Use this mixin to import font-awesome from their CDN
@mixin import-fontawesome {
	@import url("//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css");
}

// Use this mixin to create a font-awesome icon
// sample usage:
//
//	.a-selector a:before {
//		@include fa-icon( "\f0f6" );
//	}
@mixin fa-icon( $icon ) {
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: inherit;
	-webkit-font-smoothing: antialiased;
	*margin-right: .3em;
	line-height: 1;
	content: $icon;
}

// Use this mixin to create dashicon icon
// sample usage:
//
//	.a-selector a:before {
//		@include dashicon( "\f460" );
//	}
@mixin dashicon( $icon ) {
	font-family: 'dashicons';
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	margin:0;
	text-indent: 0;
	position: absolute;
	top:0;
	left:0;
	width:100%;
	height: 100%;
	text-align: center;
	content: $icon;
}

// Use this mixin when using a dashicon inside of an existing image, like WC order status icons or order action icons
// sample usage
//
// mark {
//	@include dashicon-ir;
// }
@mixin dashicon-ir() {
	display: block;
	text-indent: -9999px;
	position: relative;
	height:1em;
	width:1em;
}