<ev:stylesheet />

Also <ev:css />. Add CSS stylesheet files to your template manually when you don't want to, or cannot use automated CSS loading available to theme templates. 

If <ev:stylesheet> seems like it's a bit too long, don't worry so did we, you can also use <ev:css>instead.

Attributes
priority

high | normal | low

Default priority is NORMAL. When you include a CSS file you have a choice as to which block it renders in. Priority corresponds to the order of load and not the importance of the file. In fact the importance of the file is the reverse of priority so styles within a LOW priority CSS file will overwrite the HIGH priority namespace. But, of course HIGH priority files load first, so I guess it depends on your perspective. 

<html>
    <head>
        <!-- HIGH priority CSS files -->
        <!-- NORMAL priority CSS files -->
        <!-- LOW priority CSS files -->
    </head>
    <body>
        ...
    </body>
</html>
src

We've replaced the href attribute for including CSS <link> tags with our own handler because it allows us to add a little magic. Let's take the following example:

<!--You write -->
<ev:css src="~/theme/css/style.css" />

In development mode your URL is converted into the account path for the current theme and appends a version number. You don't need to worry about the version of your file or the name of your theme as these are calculated on-the-fly. We also run your file through a CSS processor that manages url() properties within your CSS and then parses the file through the CSS Pre-processor

<!-- Evance renders -->
<link rel="stylesheet" type="text/css" href="/portal/public/1234/theme/zero/css/style.css?v=1234" />

In production mode we do everything above, plus we convert the URL into the CDN path for the account and minify your CSS. This removes the arduous task of minifying your code every time you change it.

<!-- Evance renders -->
<link rel="stylesheet" type="text/css" href="https://cdn.evance.it/portal/public/1234/theme/zero/css/style.css?v=1234" />


url() properties in your CSS

There are going to be instances, probably quite a few, where you want to add background images into your CSS using background-image: url()for example. So let's imagine you have a /css and an /images folder in your theme and you want to do the following:

.myClass{
    background-image: url(../images/myImage.png);
}

This is what you would normally do, but how do you get a CDN URL in there? Well, we've thought of that too. You don't actually need to do anything. Our pre-processor will render your code something like this:

.myClass{
    background-image: url(//cdn.evance.it/portal/public/1234/theme/zero/css/../images/myImage.png?v=1234);
}