Merge branch 'main' of github.com:vizzuhq/vizzu-lib into main

Author: simzer

docs/content/tutorial/12-palette-font.md

@@ -1,8 +1,11 @@
 ## Color palette & fonts
 
-This and the next chapter provide a quick intro to the styling of the charts using the style object. 
-The style settings are similar to CSS. The font sizes automatically adjust to the chart size to help 
-readability, but they can also be set separately or for specific groups.
+This and the next chapter provide a quick intro to the styling of the charts. You can either use the style property like in the following examples or use CSS. By using CSS, it's easier to set the same style for multiple charts on one page or re-use style settings.
+
+If you use CSS, don't change the set parameters later on via the style property, but only with the chart.style.setProperty method.
+
+The font sizes automatically adjust to the chart size to help 
+readability, and can also be set separately or for specific groups.
 
 The actual style settings of the chart can be accessed via the style property.
 
@@ -13,6 +16,7 @@ console.log(chart.style);
 
 The color palette is changed to the colors we add here. The order of the dimension’s 
 items in the data set determine which color belongs to which item as the colors are added one-by-one. 
+If you want to use the same setting via CSS, you should add ```--vizzu-plot-marker-colorPalette: #9355e8FF #123456FF #BDAF10FF;```
 
 ```javascript { "title": "Color palette" }
 chart.animate({
@@ -27,6 +31,7 @@ chart.animate({
 ```
 
 Changing the title font size will only affect the title; all other font sizes remain the same.
+CSS version: ```--vizzu-title-fontSize: 50;```
 
 ```javascript { "title": "Title font size" }
 chart.animate({

docs/content/tutorial/15-animcontrol.md

@@ -1,6 +1,6 @@
 ## Animation control
 
-Using the methods of the chart's animation object, you can play, pause, stop, seek or reverse the animations.
+Using the result object provided by the chart's animate method you can play, pause, stop, seek or reverse the animations.
 
 In this step, we set an event that pauses the animation when it reaches 75% of 
 progress and seeks back to 25% of progress, then restarts the animation from 

docs/content/tutorial/7-align-range.md

@@ -78,7 +78,7 @@ Ranges have certain defaults depending on the chart's configuration, based on co
 
 Whenever you want to set your ranges back to the default value, just set them to ‘auto’.
 
-```javascript { "title": "Axis range set explicitly on an axis with discrete series" }
+```javascript { "title": "Back to the default ranges" }
 chart.animate({
 config: {
 channels: {