minnan/src/common/scss/global/text.scss

//文字相关样式

.text-shadow {
	/* #ifndef APP-NVUE */
	text-shadow: 1px 1px 3px rgba(0,0,0,0.3);
	
	&-deep {
		text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
	}
	/* #endif */
}
.text-indent {
	/* #ifndef APP-NVUE */
	text-indent: 2em;
	
	&-1 {
		text-indent: 1em;
	}	
	&-2 {
		text-indent: 2em;
	}
	&-3 {
		text-indent: 3em;
	}
	&-3 {
		text-indent: 3em;
	}
	&-none {
		text-indent: 0;
	}
	/* #endif */
}
.text-overflow {
	&-ellipsis {
		text-overflow: ellipsis;
	}
}
.text-italic {
	font-style: italic;
}
.text-bold {
	font-weight: 700 !important;
}
.text-bolder {
	font-weight: bolder !important;
}
.text-light {
	font-weight: 300 !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}
.text-lines {
	&-1 {
		lines: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		/* #ifndef APP-NVUE */
		display: block;
		white-space: nowrap;
		/* #endif */
	}
	&-2 {
		overflow: hidden;
		/* #ifdef APP-NVUE */
		lines: 2;
		text-overflow: ellipsis;
		/* #endif */
		/* #ifndef APP-NVUE */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		/* #endif */
	}
	&-3 {
		overflow: hidden;
		/* #ifdef APP-NVUE */
		lines: 3;
		text-overflow: ellipsis;
		/* #endif */
		/* #ifndef APP-NVUE */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		/* #endif */
	}
	&-4 {
		overflow: hidden;
		/* #ifdef APP-NVUE */
		lines: 4;
		text-overflow: ellipsis;
		/* #endif */
		/* #ifndef APP-NVUE */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		/* #endif */
	}
	&-5 {
		overflow: hidden;
		/* #ifdef APP-NVUE */
		lines: 5;
		text-overflow: ellipsis;
		/* #endif */
		/* #ifndef APP-NVUE */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
		/* #endif */
	}
	&-6 {
		overflow: hidden;
		/* #ifdef APP-NVUE */
		lines: 6;
		text-overflow: ellipsis;
		/* #endif */
		/* #ifndef APP-NVUE */
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 6;
		/* #endif */
	}
}
.text {
	&-none-decoration {
		text-decoration: none;	
	}
	&-underline {
		text-decoration: underline;	
	}
	&-line-through {
		text-decoration: line-through;
	}
}
.text-align {
	&-left {
		text-align: left;	
	}
	&-center {
		text-align: center;	
	}
	&-right {
		text-align: right;
	}
}