fix:scss

18.scss/index.css

@@ -26,13 +26,13 @@ h1 {
 }
 
 ul {
-  width: 700px;
-  height: 700px;
+  width: 800px;
+  height: 800px;
   border: 10px dashed #0f0;
 }
 
 ul li {
-  color: purple;
+  color: yellow;
   font-size: 30px;
   font-weight: bold;
 }

18.scss/index.min.css

@@ -1 +1 @@
-@import url("./reset.css");.tea,h1{color:aqua;font-weight:lighter;font-style:italic}ul li:last-child{color:#ff0}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}h1{color:#f00}ul{width:700px;height:700px;border:10px dashed lime}ul li{color:purple;font-size:30px;font-weight:bold}ul li:hover{color:#ff0}ul li:nth-child(2):hover{color:#f00}ul li:nth-child(3){width:300px;height:300px;color:blue;background-color:#ff0;border:3px solid plum;box-shadow:30px 20px 10px red;font-size:10px}
+@import url("./reset.css");.tea,h1{color:aqua;font-weight:lighter;font-style:italic}ul li:last-child{color:#ff0}*{margin:0;padding:0;list-style:none;text-decoration:none;box-sizing:border-box}h1{color:#f00}ul{width:800px;height:800px;border:10px dashed lime}ul li{color:#ff0;font-size:30px;font-weight:bold}ul li:hover{color:#ff0}ul li:nth-child(2):hover{color:#f00}ul li:nth-child(3){width:300px;height:300px;color:blue;background-color:#ff0;border:3px solid plum;box-shadow:30px 20px 10px red;font-size:10px}

18.scss/index.scss

@@ -27,6 +27,9 @@ $box1: 3px !default;
 %sun {
     color: #ff0
 }
+@function light($rr) {
+    @return $rr * 2;
+}
 @import url('./reset.css');
 * {
     margin: 0;
@@ -47,11 +50,14 @@ h1 {
 }
 
 ul {
-    width: 700px;
-    height: 700px;
+    // width: 100px + 500px;
+    width: (1600/2)+px;
+    // width: 8 * 100px;
+    // width: 900px - 100px;
+    height: #{light(400)}px;
     border: $box2 dashed $aa;
     li {
-        color: purple;
+        color: #f00 + #0f0;
         font: {
             size: 30px;
             weight: bold;