From 0e4211fb9674a18374f34f04367d8a2844cd0477 Mon Sep 17 00:00:00 2001
From: Mira Grudzinska <m.grudzinska@samsung.com>
Date: Tue, 25 Jan 2022 12:38:49 +0100
Subject: [PATCH] example: cssStyle.svg add

For now it's a simple file used to check the styling precedence
and overall correctness.
After the css stylling will be fully introduced a more complex file
can be used,
---
 src/examples/images/cssStyle.svg | 32 ++++++++++++++++++++++++++++++++
 1 file changed, 32 insertions(+)
 create mode 100644 src/examples/images/cssStyle.svg

diff --git a/src/examples/images/cssStyle.svg b/src/examples/images/cssStyle.svg
new file mode 100644
index 00000000..53d071fa
--- /dev/null
+++ b/src/examples/images/cssStyle.svg
@@ -0,0 +1,32 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200">
+ <rect x="5" y="5" width="50" height="50" class="mineStyle" />
+ <circle cx="50" cy="55" r="20"  stroke="black" stroke-width="3" class="mineStyle" />
+
+ <rect x="80" y="5" width="50" height="50" class="mineStyle" style="fill:#000099"/>
+ <circle cx="130" cy="55" r="20"  style="fill:#006600" stroke="black" stroke-width="3" class="mineStyle" />
+
+ <defs>
+  <style>
+    rect.mineStyle {
+        fill: blue;
+        stroke: #3399ff;
+    }
+    .mineStyle {
+        fill: red;
+        stroke: yellow;
+        stroke-width: 10;
+    }
+    circle.mineStyle {
+        fill: #00cc00;
+        stroke: #99ff33;
+    }
+  </style>
+ </defs>
+
+ <rect x="5" y="90" width="50" height="50" class="mineStyle" />
+ <circle cx="50" cy="140" r="20"  stroke="black" stroke-width="3" class="mineStyle" />
+
+ <rect x="80" y="90" width="50" height="50" class="mineStyle" style="fill:#000099"/>
+ <circle cx="130" cy="140" r="20" style="fill:#006600" stroke="black" stroke-width="3" class="mineStyle" />
+
+</svg>