Merge pull request #3 from NervJS/azu

feat: 增加对导出css样式的属性key命名区分、更多的属性支持

Author: luckyadam

.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "rust-analyzer.showUnlinkedFileNotification": false
+}

__test__/fixure/Mod.scss

@@ -166,3 +166,44 @@
 	padding-top:16px;
 	padding-bottom:16px;
 }
+.normal {
+	height: 100px;
+	width: 200px;
+	min-height: 100px;
+	max-height: 200px;
+	min-width: 100px;
+	max-width: 200px;
+	margin: 0 20px;
+	padding: 30px 10px;
+	
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	justify-content: flex-end;
+	align-self: center;
+
+	flex: 2 1 100px;
+	flex-basis: 200px;
+
+	background-image: linear-gradient(30deg, #f00, #0ff, #00f);
+	background-size: 100%;
+	background-color: #0ff00f;
+	background-position: 30% bottom;
+
+	transform: translate(20px, 30px) rotate(30deg);
+
+	font-size: 100px;
+	font-weight: bold;
+	color: #0ff00f;
+	text-align: center;
+
+	border-radius: 50%;
+	border-width: 200px;
+	border-top-width: 100px;
+	border-right-width: 101px;
+	border-bottom-width: 102px;
+	border-left-width: 103px;
+	border-top-color: #00f;
+
+	border-top-style: dashed;
+}

__test__/fixure/mod.jsx

@@ -79,6 +79,7 @@ export default class Mod extends React.Component {
             src='//img14.360buyimg.com/img/jfs/t1/206378/24/25778/195/64eca527F378f17a2/c1623681708609fd.png'
           ></img>
         </div>
+        <div className='normal'></div>
       </div>
     )
   }