lec 3 done

2026-01-03 01:21:46 +10:00
parent 1c50d7ce0e
commit cca7d57569
14 changed files with 161 additions and 15 deletions
--- a/lectures/lec4/part3/task1.styl
+++ b/lectures/lec4/part3/task1.styl
@@ -0,0 +1,5 @@
+size=1%
+section
+  box-shadow: size size (2*size)  rgba(0,0,0,0.5)
+  padding:size*2
+  margin:size*4
--- a/lectures/lec4/part3/task2.styl
+++ b/lectures/lec4/part3/task2.styl
@@ -0,0 +1,10 @@
+.block
+    display flex
+    flex-wrap wrap
+    p
+        display inline-block
+        background gray
+        &:hover
+            color green
+    &:hover
+        color red
--- a/lectures/lec4/part3/task3.css
+++ b/lectures/lec4/part3/task3.css
@@ -0,0 +1,19 @@
+.block {
+    color: blue;
+}
+
+.block .menu {
+    color: navy;
+}
+
+.block .menu a {
+    color: red;
+}
+
+.block .menu h1 {
+    color: green;
+}
+
+.block:hover {
+    color: white;
+}
--- a/lectures/lec4/part3/task4.styl
+++ b/lectures/lec4/part3/task4.styl
@@ -0,0 +1,7 @@
+style-tag(tagName, color_)
+    & {tagName}
+        color: color_
+
+div
+    style-tag(ul,Navy)
+
--- a/lectures/lec4/part3/task5.styl
+++ b/lectures/lec4/part3/task5.styl
@@ -0,0 +1,8 @@
+color-inv(r,g,b)
+    color: rgb(255 - r,255 - g ,255 - b)
+    
+
+a
+    color-inv(1,2,3)
+
+// оказывается пробелы обязательны при вычилеениях, иначе парсер ругается. неожиданно получислоь