new ep

engineer-man · Feb 27, 2022 · b036dfe · b036dfe
1 parent 51ca29b
commit b036dfe
Show file tree

Hide file tree

Showing 4 changed files with 36 additions and 0 deletions.
diff --git a/155/notes.yml b/155/notes.yml
@@ -0,0 +1,9 @@
+tips:
+    - use less or sass
+    - considering using a component type framework
+      e.g. react, vue.js, angular, polymer, and others
+    - use scoped css
+    - use consistent naming
+    - use tables only for tabular data
+    - avoid deprecated html elements
+    - use open graph meta tags
diff --git a/155/scoped.html b/155/scoped.html
@@ -0,0 +1,5 @@
+<div class="section1">
+    <h2 class="header"></h2>
+    <span class="description"></span>
+    <img class="avatar" src="dog.png" />
+</div>
diff --git a/155/scoped.less b/155/scoped.less
@@ -0,0 +1,11 @@
+.section1 {
+    .header {
+        font-weight: bold;
+    }
+    .description {
+
+    }
+    img {
+
+    }
+}
diff --git a/155/style.less b/155/style.less
@@ -0,0 +1,11 @@
+.outer {
+    h2 {
+        font-size: 40px;
+    }
+}
+
+// becomes
+
+.outer  h2 {
+    font-size: 40px;
+}