Angular Material styling is imported as 'mat'

v12 has inline Sass!

',
styles: [`
$neon: #cf0;
@mixin background ($color: #fff) {
background: $color;
}
h1 {@include background($neon)}
`]
}) export class AppComponent {}

Tailwind и другие PostCSS
В Angular v11.2 добавлена встроенная поддержка для запуска TailwindCSS PostCSS с Angular CLI. Чтобы включить TailwindCSS, выполните «ng update» и перейдите на v11.2+, а затем:
Выполните yarn add -D tailwindcss
Создайте файл конфигурации TailwindCSS в рабочей области или корне проекта.

1 2 3 4 5 6 7 8 9 10 11

// tailwind.config.jsmodule.exports = { purge: [], darkMode: false, // or 'media' or 'class' theme: { extend: {}, }, variants: { extend: {}, }, plugins: [], }

Critical CSS Inlining
Angular v12 также представил Critical CSS Inlining, чтобы гарантировать, что приложения Angular предоставляют наилучшие возможные показатели Core Web Vital. Это отличный пример того, что Angular находится на переднем фланге веб-производительности! Спасибо, что продолжаете делать Интернет более стильным с помощью Angular!