css.code-snippets

{
	"左右垂直居中": {
		"prefix": "flex center",
		"body": [
			"display: flex;",
			"justify-content: center;",
			"align-items: center;$0"
		]
	},
	"占满父元素": {
		"prefix": "absolute full",
		"body": [
			"position: absolute;",
			"top: 0;",
			"right: 0;",
			"bottom: 0;",
			"left: 0;$0"
		]
	},
	"圆边框": {
		"prefix": "border circle",
		"body": [
			"border: 1px solid;",
			"border-radius: 50%;$0"
		]
	},
	"通用图标样式": {
		"prefix": ".icon",
		"body": [
			".icon {",
			"  width: 1em; height: 1em;",
			"  vertical-align: -0.15em;",
			"  fill: currentColor;",
			"  overflow: hidden;",
			"}$0"
		]
	},
	"绝对定位不定宽高居中": {
		"prefix": "absolute center",
		"body": [
			"position: absolute;",
			"top: 50%;",
			"left: 50%;",
			"transform: translate(-50%,-50%);$0",
		]
	},
	"单行文字省略": {
		"prefix": "ellipsis one",
		"body": [
			"overflow: hidden;",
			"text-overflow: ellipsis;",
			"white-space: nowrap;$0"
		]
	},
	"多行文字省略": {
		"prefix": "ellipsis more",
		"body": [
			"overflow: hidden;",
			"display: -webkit-box;",
			"-webkit-line-clamp: ${1: 3};",
			"-webkit-box-orient: vertical;$0"
		]
	}
}