Home Explore Help
Sign In
lovecoding
/
web250825
10
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

scss

zheng 1 day ago
parent
5360931737
commit
f4f9f80ca4
8 changed files with 116 additions and 1 deletions
Unified View Show Diff Stats
  1. 35 0
      scss/index.css
  2. 25 0
      scss/index.html
  3. 1 0
      scss/index.min.css
  4. 43 0
      scss/index.scss
  5. 5 0
      scss/rest.css
  6. 1 0
      scss/rest.min.css
  7. 5 0
      scss/rest.scss
  8. 1 1
      webpack/demo/webpack.config.js

+ 35 - 0
scss/index.css
View File 

@@ -0,0 +1,35 @@
 
+/*sasa*/
 
+.box {
 
+  width: 400px;
 
+  height: 400px;
 
+  border: 3px solid #f00;
 
+}
 
+
 
+h1 {
 
+  color: #f00;
 
+  font-size: 40px;
 
+  font-weight: lighter;
 
+}
 
+
 
+p {
 
+  color: #f00;
 
+  font-weight: 800;
 
+}
 
+
 
+.main ul {
 
+  list-style: none;
 
+}
 
+
 
+.main ul li:first-child a {
 
+  color: #ff0;
 
+}
 
+
 
+.main ul li a {
 
+  text-decoration: none;
 
+  font-size: 25px;
 
+  font-weight: bold;
 
+}
 
+
 
+.main ul li a:hover {
 
+  color: #f00;
 
+}

+ 25 - 0
scss/index.html
View File 

@@ -0,0 +1,25 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+<head>
 
+    <meta charset="UTF-8">
 
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+    <title>Document</title>
 
+    <link rel="stylesheet" href="./index.css">
 
+</head>
 
+<body>
 
+    <div class="box">
 
+        <h1>你好</h1>
 
+        <p>哈啊啊啊啊啊</p>
 
+        <div class="main">
 
+            <ul>
 
+                <li><a href="">你好</a></li>
 
+                <li><a href="">你好</a></li>
 
+                <li><a href="">你好</a></li>
 
+                <li><a href="">你好</a></li>
 
+                <li><a href="">你好</a></li>
 
+                <li><a href="">你好</a></li>
 
+            </ul>
 
+        </div>
 
+    </div>
 
+</body>
 
+</html>

+ 1 - 0
scss/index.min.css
View File 

@@ -0,0 +1 @@
 
+.box{width:400px;height:400px;border:3px solid #f00}h1{color:red;font-size:40px;font-weight:lighter}p{color:red;font-weight:800}.main ul{list-style:none}.main ul li:first-child a{color:#ff0}.main ul li a{text-decoration:none;font-size:25px;font-weight:bold}.main ul li a:hover{color:red}

+ 43 - 0
scss/index.scss
View File 

@@ -0,0 +1,43 @@
 
+// var a = 1;
 
+/*sasa*/
 
+// @import url(rest.css);
 
+@import './rest.scss';
 
+$aa: #f00;
 
+$bb: 40;
 
+$cc:lighter !default;
 
+h1 {
 
+    color: $aa;
 
+    font-size: $bb + px;
 
+    font-weight: $cc;
 
+    $ab:800 !global;
 
+}
 
+p {
 
+    color: $aa;
 
+    font-weight: $ab;
 
+}
 
+.main {
 
+    ul {
 
+        list-style: none;
 
+        li {
 
+            &:first-child a {
 
+                color: #ff0;
 
+            }
 
+            a {
 
+                text-decoration: none;
 
+                // font-size: 30px;
 
+                // font-weight: bold;
 
+                font: {
 
+                    size: 25px;
 
+                    weight: bold;
 
+                }
 
+                &:hover {
 
+                    color: $aa;
 
+                }
 
+            }
 
+            // a:hover {}
 
+        }
 
+    }
 
+}
 
+// ul li:first-child a {
 
+//     color: #ff0;
 
+// }

+ 5 - 0
scss/rest.css
View File 

@@ -0,0 +1,5 @@
 
+.box {
 
+  width: 400px;
 
+  height: 400px;
 
+  border: 3px solid #f00;
 
+}

+ 1 - 0
scss/rest.min.css
View File 

@@ -0,0 +1 @@
 
+.box{width:400px;height:400px;border:3px solid #f00}

+ 5 - 0
scss/rest.scss
View File 

@@ -0,0 +1,5 @@
 
+.box {
 
+    width: 400px;
 
+    height: 400px;
 
+    border: 3px solid #f00;
 
+}

+ 1 - 1
webpack/demo/webpack.config.js
View File 

@@ -36,5 +36,5 @@ module.exports = {
 
         ],
 
         ],
 
     },
 
     },
 
    plugins: [new HtmlWebpackPlugin({ template: './src/index.html' })],
 
    plugins: [new HtmlWebpackPlugin({ template: './src/index.html' })],
 
-//    devtool: 'inline-source-map'
 
+   devtool: 'inline-source-map'
 
 }
 
 }