Merge pull request #96 from thuongtruong1009/sass

feat: add lession store-data-with-sass-variables
thuongtruong1009 · Aug 22, 2022 · 26c007d · 26c007d
2 parents f642f05 + 98b2f9e
commit 26c007d
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/SASS/01_store-data-with-sass-variables.html b/SASS/01_store-data-with-sass-variables.html
@@ -0,0 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Lession 01</title>
+    <style type='text/scss'>
+        $text-color: red; .header{ text-align: center; } .blog-post, h2 { color: $text-color; }
+    </style>
+
+</head>
+
+<body>
+    <h1 class="header">Learn Sass</h1>
+    <div class="blog-post">
+        <h2>Some random title</h2>
+        <p>This is a paragraph with some random text in it</p>
+    </div>
+    <div class="blog-post">
+        <h2>Header #2</h2>
+        <p>Here is some more random text.</p>
+    </div>
+    <div class="blog-post">
+        <h2>Here is another header</h2>
+        <p>Even more random text within a paragraph</p>
+    </div>
+</body>
+
+</html>