diff --git a/docs/img/layers/copy-css.webp b/docs/img/layers/copy-css.webp new file mode 100644 index 000000000..fd9422b47 Binary files /dev/null and b/docs/img/layers/copy-css.webp differ diff --git a/docs/img/styling/copy-properties.mp4 b/docs/img/styling/copy-properties.mp4 new file mode 100644 index 000000000..feb21994f Binary files /dev/null and b/docs/img/styling/copy-properties.mp4 differ diff --git a/docs/img/styling/copy-properties.webp b/docs/img/styling/copy-properties.webp new file mode 100644 index 000000000..d2d77f458 Binary files /dev/null and b/docs/img/styling/copy-properties.webp differ diff --git a/docs/user-guide/introduction/shortcuts.njk b/docs/user-guide/introduction/shortcuts.njk index cfc2b5acf..b9f4b2dd9 100644 --- a/docs/user-guide/introduction/shortcuts.njk +++ b/docs/user-guide/introduction/shortcuts.njk @@ -130,6 +130,16 @@ title: Shortcuts
At the dropdown menu (right click on a layer to show it) there's the option "Select layer" that allows the user to select one layer among the ones that are under the cursor's location.
Grouped layers can be moved, transformed or styled at the same time.
To move one or more layers on the viewport you have to select them first and then click and drag the selection where you want to place them. You can also use the design panel to set a precise position relative to the viewport or the board.
To resize a selected layer you can use the handles at the edges of the selection box. Make sure the cursor is in resizing mode. You can also use the design panel where you can link width and height.
To copy CSS properties from layers:
+Groups and boards can have their contents expanded and collapsed. Click on the arrow at the right side to toggle the visibility of their contents.
diff --git a/docs/user-guide/styling/index.njk b/docs/user-guide/styling/index.njk index b54db7a09..928b4d351 100644 --- a/docs/user-guide/styling/index.njk +++ b/docs/user-guide/styling/index.njk @@ -181,4 +181,29 @@ title: 06· StylingYou can copy and apply properties, including fills, strokes, shadows, and others from one layer to another—or multiple layers with just a few clicks. You can do it using the layer's menu or shortcuts.
+ +Using the layer menu
+Using Shortcuts
+