Artboard Stylesheet template

The Stylesheet template value is one place you can use to define additional styles for your artboard. 
The template is empty by default but if you add your own styles be sure to include the styles_content token before or after your content to make sure the page contents are included. 
Example stylesheet content
There is a special token called styles_content that is used to place the write the page styles. 
If you exclude this token your CSS will be written but the page CSS will not be written.  
You can also add styles to the page using Code Blocks or in an elements CSS Template. 
There is a token of the same name defined in the page template that defines where the styles or the link to an external stylesheet are placed. 
You can view the exported CSS by clicking on the Show CSS button. 
For adding CSS to elements see the CSS Template field. 
You can move the page CSS to an external file using the External Stylesheet option. 
Example Project
xd-examples/web-export/examples/external-stylesheets at master · velara3/xd-examples
GitHub
External Stylesheet
You can learn more about CSS styles by reading more in the references below. 
If you choose to use an external stylesheet and view your page in a browser from the file system the styles may not load. 
See setting up local server.
CSS: Cascading Style Sheets | MDN
CSS reference - CSS: Cascading Style Sheets | MDN

Stylesheet Name

Expected Stylesheet output

Last modified 9mo ago

Copy link

Contents