v2.0.0-beta.140

New Features

• CSS - Keyframes

  You can now customize CSS keyframes in master.css.js:

  export default {
      keyframes: {
          fade: {
              '0%': { opacity: 0 },
              'to': { opacity: 1 }
          },
          …
      }
  }

  Apply the fade keyframe via animation syntax:

  <div class="@fade|.5s|ease"></div>

  It only generates the CSS keyframe rule used:

  @keyframes fade {
      0% {
          opacity: 0
      }
   
      to {
          opacity: 1
      }
  }
   
  .\@fade\|\.5s\|ease {
      animation: fade .5s ease
  }

Additions

• Language Service - Export language server completion getReturnItem function _^bdd05ba
• Language Service - Export Master CSS language server default settings #184 _^d1e67e8

Bug Fixes

• CSS - ' wasn't be decoded _^aff3f25
• CSS - repeat() accidentally converted units #195 _^ce56692
• CSS - Color-related rules _^af15403
• CSS - Incorrect cssRules sort _^35fb0a0
• CSS - Theme colors are not mapped #199 _^6ed4238
• Language Service - Synchronous require cannot resolve module 'util' _^796c452

Deprecations

• Keyframes - Built into config.keyframes so deprecate @master/keyframes.css _^5c0c987

  Remove @master/keyframes.css from your entry and use the above config.keyframes instead:

  - @import '@master/keyframes.css';