Issue
I'm using FreeMarker templating tags inside an email template. However, when I try to exclude these using the juice.codeBlocks global, it still parses them.

juice.codeBlocks = {
    start: '<#',
    end: '>'
};

juice('<#list myObject.values as value></#list>');

Expected result
<#list myObject.values as value></#list>

Actual result
`<#list myObject.

The border-radius declaration is appended after the border-bottom-left-radius and border-bottom-right-radius declarations thereby overriding custom values.

Example:

Input HTML

<table class="branding-header bg-black radius-4 radius-top" cellpadding="0" cellspacing="0" border="0" align="center">

Input CSS

.branding-header {
  border-bottom: 3px solid $blue;
}
.bg-black {

Would it be possible to use CSS transforms instead of setting max-width? Transforms should be more performant especially on low-end devices.