From 0609e1ee30a3ea195c3fe589fdc60044f48905d8 Mon Sep 17 00:00:00 2001 From: OnkarRuikar <87750369+OnkarRuikar@users.noreply.github.com> Date: Tue, 5 Nov 2024 10:47:47 +0530 Subject: [PATCH 1/5] fix(css): update layer-cascade diagram --- .../css/at-rules/layer-cascade.drawio | 86 +++-- .../diagrams/css/at-rules/layer-cascade.svg | 355 +----------------- 2 files changed, 49 insertions(+), 392 deletions(-) diff --git a/images/diagrams/css/at-rules/layer-cascade.drawio b/images/diagrams/css/at-rules/layer-cascade.drawio index 34d5fd2..12b8364 100644 --- a/images/diagrams/css/at-rules/layer-cascade.drawio +++ b/images/diagrams/css/at-rules/layer-cascade.drawio @@ -1,74 +1,80 @@ - + - + - - + + - - + + - + - + - - + + - + - + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + - - + + + + + + + + diff --git a/images/diagrams/css/at-rules/layer-cascade.svg b/images/diagrams/css/at-rules/layer-cascade.svg index 8133f36..c51a324 100644 --- a/images/diagrams/css/at-rules/layer-cascade.svg +++ b/images/diagrams/css/at-rules/layer-cascade.svg @@ -1,352 +1,3 @@ - - - - - - - - - - -
-
-
- - - Transition declarations - - -
-
-
- - Transition declarations - - - - - - -
-
-
- - Highest priority - -
-
-
- - Highest priority - - - - - - - - - - -
-
-
- - Lowest priority - -
-
-
- - Lowest priority - - - - - - -
-
-
- - Important user agent declarations - -
-
-
- - Important user agent declarations - - - - - - -
-
-
- - Important user declarations - -
-
-
- - Important user declarations - - - - - - -
-
-
- - Important @layer 1 { ... } -
- -
-
-
- - Important @layer 1 { ... } - - - - - - - -
-
-
- - Important @layer 2 { ... } -
- -
-
-
- - Important @layer 2 { ... } - - - - - - - -
-
-
- - Important @layer ... { ... } -
- -
-
-
- - Important @layer ... { ... } - - - - - - - -
-
-
- - Important @layer N { ... } -
- -
-
-
- - Important @layer N { ... } - - - - - - - -
-
-
- - - Important Unlayered -
- - -
-
-
- - Important Unlayered - - - - - - - -
-
-
- - - Animation declarations -
- - -
-
-
- - Animation declarations - - - - - - - - -
-
-
- - @layer 1 { ... } -
- -
-
-
- - @layer 1 { ... } - - - - - - - -
-
-
- - @layer 2 { ... } -
- -
-
-
- - @layer 2 { ... } - - - - - - - -
-
-
- - @layer ... { ... } -
- -
-
-
- - @layer ... { ... } - - - - - - - -
-
-
- - @layer N { ... } -
- -
-
-
- - @layer N { ... } - - - - - - - -
-
-
- - - Unlayered -
- - -
-
-
- - Unlayered - - - - - - - -
-
-
- - Normal user declarations -
- -
-
-
- - Normal user declarations - - - - - - - -
-
-
- - Normal user agent declarations - -
-
-
- - Normal user agent declarations - - - - - + + +
Transition declarations
Highest priority
Lowest priority
Important user agent declarations
Important user declarations
Important @layer 1 { ... }
Important @layer 2 { ... }
Important @layer ... { ... }
Important @layer N { ... }
Important Unlayered
Animation declarations
@layer 1 { ... }
@layer 2 { ... }
@layer ... { ... }
@layer N { ... }
Unlayered
User declarations
User agent declarations
Important author declarations
Author declarations
 \ No newline at end of file From bfe5da1dd923f82541f3e2a9db299709df66615e Mon Sep 17 00:00:00 2001 From: OnkarRuikar <87750369+OnkarRuikar@users.noreply.github.com> Date: Wed, 6 Nov 2024 11:46:26 +0530 Subject: [PATCH 2/5] export with image and font embedding unchecked --- images/diagrams/css/at-rules/layer-cascade.svg | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/images/diagrams/css/at-rules/layer-cascade.svg b/images/diagrams/css/at-rules/layer-cascade.svg index c51a324..f64df8f 100644 --- a/images/diagrams/css/at-rules/layer-cascade.svg +++ b/images/diagrams/css/at-rules/layer-cascade.svg @@ -1,3 +1,3 @@ -
Transition declarations
Highest priority
Lowest priority
Important user agent declarations
Important user declarations
Important @layer 1 { ... }
Important @layer 2 { ... }
Important @layer ... { ... }
Important @layer N { ... }
Important Unlayered
Animation declarations
@layer 1 { ... }
@layer 2 { ... }
@layer ... { ... }
@layer N { ... }
Unlayered
User declarations
User agent declarations
Important author declarations
Author declarations
 \ No newline at end of file +
Transition declarations
Transition declarations
Highest priority
Highest priority
Lowest priority
Lowest priority
Important user agent declarations
Important user agent declarations
Important user declarations
Important user declarations
Important @layer 1 { ... }
Important @layer 1 { ... }
Important @layer 2 { ... }
Important @layer 2 { ... }
Important @layer ... { ... }
Important @layer ... { ... }
Important @layer N { ... }
Important @layer N { ... }
Important Unlayered
Important Unlayered
Animation declarations
Animation declarations
@layer 1 { ... }
@layer 1 { ... }
@layer 2 { ... }
@layer 2 { ... }
@layer ... { ... }
@layer ... { ... }
@layer N { ... }
@layer N { ... }
Unlayered
Unlayered
User declarations
User declarations
User agent declarations
User agent declarations
Important author declarations
Important author declarations
Author declarations
Author declarations From e308265987024e9ae075170e99940b043f5a8ac4 Mon Sep 17 00:00:00 2001 From: OnkarRuikar <87750369+OnkarRuikar@users.noreply.github.com> Date: Thu, 7 Nov 2024 07:09:06 +0530 Subject: [PATCH 3/5] format svg using svgomg --- .../diagrams/css/at-rules/layer-cascade.svg | 388 +++++++++++++++++- 1 file changed, 385 insertions(+), 3 deletions(-) diff --git a/images/diagrams/css/at-rules/layer-cascade.svg b/images/diagrams/css/at-rules/layer-cascade.svg index f64df8f..be910ed 100644 --- a/images/diagrams/css/at-rules/layer-cascade.svg +++ b/images/diagrams/css/at-rules/layer-cascade.svg @@ -1,3 +1,385 @@ - - -
Transition declarations
Transition declarations
Highest priority
Highest priority
Lowest priority
Lowest priority
Important user agent declarations
Important user agent declarations
Important user declarations
Important user declarations
Important @layer 1 { ... }
Important @layer 1 { ... }
Important @layer 2 { ... }
Important @layer 2 { ... }
Important @layer ... { ... }
Important @layer ... { ... }
Important @layer N { ... }
Important @layer N { ... }
Important Unlayered
Important Unlayered
Animation declarations
Animation declarations
@layer 1 { ... }
@layer 1 { ... }
@layer 2 { ... }
@layer 2 { ... }
@layer ... { ... }
@layer ... { ... }
@layer N { ... }
@layer N { ... }
Unlayered
Unlayered
User declarations
User declarations
User agent declarations
User agent declarations
Important author declarations
Important author declarations
Author declarations
Author declarations + + + + + + + + + +
+
+
+ + + Transition declarations + + +
+
+
+ + Transition declarations + + + + + + +
+
+
+ + Highest priority + +
+
+
+ + Highest priority + + + + + + + + + + +
+
+
+ + Lowest priority + +
+
+
+ + Lowest priority + + + + + + +
+
+
+ + Important user agent declarations + +
+
+
+ + Important user agent declarations + + + + + + +
+
+
+ + Important user declarations + +
+
+
+ + Important user declarations + + + + + + +
+
+
+ + Important @layer 1 { ... } +
+ +
+
+
+ + Important @layer 1 { ... } + + + + + + + +
+
+
+ + Important @layer 2 { ... } +
+ +
+
+
+ + Important @layer 2 { ... } + + + + + + + +
+
+
+ + Important @layer ... { ... } +
+ +
+
+
+ + Important @layer ... { ... } + + + + + + + +
+
+
+ + Important @layer N { ... } +
+ +
+
+
+ + Important @layer N { ... } + + + + + + + +
+
+
+ + + Important Unlayered +
+ + +
+
+
+ + Important Unlayered + + + + + + + +
+
+
+ + + Animation declarations +
+ + +
+
+
+ + Animation declarations + + + + + + + + +
+
+
+ + @layer 1 { ... } +
+ +
+
+
+ + @layer 1 { ... } + + + + + + + +
+
+
+ + @layer 2 { ... } +
+ +
+
+
+ + @layer 2 { ... } + + + + + + + +
+
+
+ + @layer ... { ... } +
+ +
+
+
+ + @layer ... { ... } + + + + + + + +
+
+
+ + @layer N { ... } +
+ +
+
+
+ + @layer N { ... } + + + + + + + +
+
+
+ + + Unlayered +
+ + +
+
+
+ + Unlayered + + + + + + + +
+
+
+ + User declarations +
+ +
+
+
+ + User declarations + + + + + + + +
+
+
+ + User agent declarations + +
+
+
+ + User agent declarations + + + + + + +
+
+
+ + Important author declarations + +
+
+
+ + Important author declarations + + + + + + +
+
+
+ + Author declarations + +
+
+
+ + Author declarations + + + + + From 519aff08675980cc93b97a7005e349d3b529eeb6 Mon Sep 17 00:00:00 2001 From: OnkarRuikar <87750369+OnkarRuikar@users.noreply.github.com> Date: Fri, 8 Nov 2024 08:07:09 +0530 Subject: [PATCH 4/5] put 'Normal' back --- .../css/at-rules/layer-cascade.drawio | 10 +- .../diagrams/css/at-rules/layer-cascade.svg | 130 +++++++++--------- 2 files changed, 71 insertions(+), 69 deletions(-) diff --git a/images/diagrams/css/at-rules/layer-cascade.drawio b/images/diagrams/css/at-rules/layer-cascade.drawio index 12b8364..cab9f29 100644 --- a/images/diagrams/css/at-rules/layer-cascade.drawio +++ b/images/diagrams/css/at-rules/layer-cascade.drawio @@ -1,6 +1,6 @@ - + - + @@ -64,16 +64,16 @@ - + - + - + diff --git a/images/diagrams/css/at-rules/layer-cascade.svg b/images/diagrams/css/at-rules/layer-cascade.svg index be910ed..5195d6e 100644 --- a/images/diagrams/css/at-rules/layer-cascade.svg +++ b/images/diagrams/css/at-rules/layer-cascade.svg @@ -1,15 +1,16 @@ - + + - - - + + +
-
+
Transition declarations @@ -22,13 +23,13 @@ Transition declarations - +
-
+
Highest priority @@ -39,17 +40,17 @@ Highest priority - + - +
-
+
Lowest priority @@ -60,13 +61,13 @@ Lowest priority - +
-
+
Important user agent declarations @@ -77,13 +78,13 @@ Important user agent declarations - +
-
+
Important user declarations @@ -94,13 +95,13 @@ Important user declarations - +
-
+
Important @layer 1 { ... }
@@ -110,16 +111,16 @@
Important @layer 1 { ... } - + - +
-
+
Important @layer 2 { ... }
@@ -129,16 +130,16 @@
Important @layer 2 { ... } - + - +
-
+
Important @layer ... { ... }
@@ -148,16 +149,16 @@
Important @layer ... { ... } - + - +
-
+
Important @layer N { ... }
@@ -167,16 +168,16 @@
Important @layer N { ... } - + - +
-
+
Important Unlayered @@ -188,16 +189,16 @@
Important Unlayered - + - +
-
+
Animation declarations @@ -209,17 +210,17 @@
Animation declarations - + - - + +
-
+
@layer 1 { ... }
@@ -229,16 +230,16 @@
@layer 1 { ... } - + - +
-
+
@layer 2 { ... }
@@ -248,16 +249,16 @@
@layer 2 { ... } - + - +
-
+
@layer ... { ... }
@@ -267,16 +268,16 @@
@layer ... { ... } - + - +
-
+
@layer N { ... }
@@ -286,16 +287,16 @@
@layer N { ... } - + - +
-
+
Unlayered @@ -307,52 +308,53 @@
Unlayered - + - +
-
+
- User declarations -
+ Normal u + + ser declarations +
- User declarations - + Normal user declarations - +
-
+
- User agent declarations + Normal user agent declarations
- User agent declarations + Normal user agent declarations - +
-
+
Important author declarations @@ -363,21 +365,21 @@ Important author declarations - +
-
+
- Author declarations + Normal author declarations
- Author declarations + Normal author declarations From eda26183a679338431424d4c7317d1cab2e43089 Mon Sep 17 00:00:00 2001 From: OnkarRuikar <87750369+OnkarRuikar@users.noreply.github.com> Date: Sat, 9 Nov 2024 08:35:00 +0530 Subject: [PATCH 5/5] commit Estelle's SVG --- .../diagrams/css/at-rules/layer-cascade.svg | 456 +++--------------- 1 file changed, 71 insertions(+), 385 deletions(-) diff --git a/images/diagrams/css/at-rules/layer-cascade.svg b/images/diagrams/css/at-rules/layer-cascade.svg index 5195d6e..f7c4d90 100644 --- a/images/diagrams/css/at-rules/layer-cascade.svg +++ b/images/diagrams/css/at-rules/layer-cascade.svg @@ -1,387 +1,73 @@ - - - - - - - - - - -
-
-
- - - Transition declarations - - -
-
-
- - Transition declarations - - - - - - -
-
-
- - Highest priority - -
-
-
- - Highest priority - - - - - - - - - - -
-
-
- - Lowest priority - -
-
-
- - Lowest priority - - - - - - -
-
-
- - Important user agent declarations - -
-
-
- - Important user agent declarations - - - - - - -
-
-
- - Important user declarations - -
-
-
- - Important user declarations - - - - - - -
-
-
- - Important @layer 1 { ... } -
- -
-
-
- - Important @layer 1 { ... } - - - - - - - -
-
-
- - Important @layer 2 { ... } -
- -
-
-
- - Important @layer 2 { ... } - - - - - - - -
-
-
- - Important @layer ... { ... } -
- -
-
-
- - Important @layer ... { ... } - - - - - - - -
-
-
- - Important @layer N { ... } -
- -
-
-
- - Important @layer N { ... } - - - - - - - -
-
-
- - - Important Unlayered -
- - -
-
-
- - Important Unlayered - - - - - - - -
-
-
- - - Animation declarations -
- - -
-
-
- - Animation declarations - - - - - - - - -
-
-
- - @layer 1 { ... } -
- -
-
-
- - @layer 1 { ... } - - - - - - - -
-
-
- - @layer 2 { ... } -
- -
-
-
- - @layer 2 { ... } - - - - - - - -
-
-
- - @layer ... { ... } -
- -
-
-
- - @layer ... { ... } - - - - - - - -
-
-
- - @layer N { ... } -
- -
-
-
- - @layer N { ... } - - - - - - - -
-
-
- - - Unlayered -
- - -
-
-
- - Unlayered - - - - - - - -
-
-
- - Normal u - - - ser declarations - -
-
-
- - Normal user declarations - - - - - - -
-
-
- - Normal user agent declarations - -
-
-
- - Normal user agent declarations - - - - - - -
-
-
- - Important author declarations - -
-
-
- - Important author declarations - - - - - - -
-
-
- - Normal author declarations - -
-
-
- - Normal author declarations - - + + + Style origins and layers in order of precedence, from highest to lowest + + + + +Highest priority + + + + + + +Transition declarations + + + + Important user agent declarations + + Important user declarations + + + Important author declarations + + Important @layer 1 { ... } + + Important @layer 2 { ... } + + Important @layer ... { ... } + + Important @layer N { ... } + + Important Unlayered - + + + +Animation declarations + + + + + Normal author declarations + + @layer 1 { ... } + + @layer 2 { ... } + + @layer ... { ... } + + @layer N { ... } + + Unlayered + + + Normal user declarations + + Normal user agent declarations + +Lowest priority