new

12_sass/list.css

@@ -160,3 +160,15 @@ li {
 .content-green {
   color: green;
 }
+
+.none_3 {
+  width: 6px;
+}
+
+.none_2 {
+  width: 4px;
+}
+
+.none_1 {
+  width: 2px;
+}

12_sass/list.min.css

@@ -1 +1 @@
-/*! sass有作用域 */div{width:100px;height:100px;background:red;color:red}div2{width:200px;height:200px;background:red}#list{width:100px;height:100px}#list li{font-size:12px}#list li p{padding-top:20px;padding-left:40px}#list-inner{color:red}.link{color:red}.link:hover{color:#ccc}.login-btn{width:100px;height:40px;line-height:40px;text-align:center;border-radius:5px;color:#000;background:red}.submit-btn{width:50px;height:30px;line-height:100px;text-align:center;border-radius:5px;color:#000;background:red}.del-btn{width:200px;height:100px;line-height:100px;text-align:center;border-radius:5px;color:#000;background:red}.wrapper,.wrapper .inner,#main{width:100px;height:30px;font-size:10px}.wrapper .inner,#main .inner{padding:20px}.wrapper .inner p,#main .inner p{color:red}#main{margin:10px}.content{width:30%}.last{width:8}div{width:80px;border-top:1px solid #000}section{border-bottom:1px solid #000}p{color:blue}li{font-size:12px}.list-1{width:100px}.list-2{width:200px}.list-3{width:300px}.none-1{width:100px}.none-2{width:200px}.content-red{color:red}.content-blue{color:blue}.content-pink{color:pink}.content-green{color:green}
+/*! sass有作用域 */div{width:100px;height:100px;background:red;color:red}div2{width:200px;height:200px;background:red}#list{width:100px;height:100px}#list li{font-size:12px}#list li p{padding-top:20px;padding-left:40px}#list-inner{color:red}.link{color:red}.link:hover{color:#ccc}.login-btn{width:100px;height:40px;line-height:40px;text-align:center;border-radius:5px;color:#000;background:red}.submit-btn{width:50px;height:30px;line-height:100px;text-align:center;border-radius:5px;color:#000;background:red}.del-btn{width:200px;height:100px;line-height:100px;text-align:center;border-radius:5px;color:#000;background:red}.wrapper,.wrapper .inner,#main{width:100px;height:30px;font-size:10px}.wrapper .inner,#main .inner{padding:20px}.wrapper .inner p,#main .inner p{color:red}#main{margin:10px}.content{width:30%}.last{width:8}div{width:80px;border-top:1px solid #000}section{border-bottom:1px solid #000}p{color:blue}li{font-size:12px}.list-1{width:100px}.list-2{width:200px}.list-3{width:300px}.none-1{width:100px}.none-2{width:200px}.content-red{color:red}.content-blue{color:blue}.content-pink{color:pink}.content-green{color:green}.none_3{width:6px}.none_2{width:4px}.none_1{width:2px}

12_sass/list.scss

@@ -185,7 +185,7 @@ li{
 
 $a: 3;
 @while $a > 0 {
-  .h-#{$a} {
+  .none_#{$a} {
     width: 2px * $a;
   }
   $a: $a - 1;