// 公共前缀
@import '@/uni_modules/lime-style/index.scss';
@import './icon';

$use-css-var: true;

$prefix: l !default;
$icon: #{$prefix}-icon;

/* #ifdef APP-NVUE || UNI-APP-X && APP */
$icon-size: create-var(icon-size, 16px);
$icon-color: create-var(icon-color, $text-color-1);
/* #endif */

/* #ifndef APP-NVUE || UNI-APP-X && APP */
$icon-size: create-var(icon-size, 1em);
$icon-color: create-var(icon-color, currentColor);
:host {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
/* #endif */


.#{$icon} {
	/* #ifndef APP-NVUE || UNI-APP-X && APP */
	font-family: $prefix;
	display: inline-flex;
	position: relative;
	/* #endif */
	
	&--font {
		font-family: $prefix;
		text-align: center;
		// font-size: $icon-size;
		// color: $icon-color;
		/* #ifndef APP-NVUE || UNI-APP-X && APP */
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		// -webkit-background-clip: text;
		// background-clip: text;
		/* #endif */
	}
	&--image {
		width: $icon-size;
		height: $icon-size;
		// background: red;
		/* #ifndef APP-NVUE || UNI-APP-X && APP */
		display: block;
		/* #endif */
		/* #ifdef WEB */
		position: relative;
		// ::deep(img) {
		// 	z-index: -1;
		// }
		/* #endif */
	}
}
