Имейте фоновое изображение с градиентом в css, используя Angular 6 с шаблоном CLI. В режиме разработки он работает нормально, но когда я делаю версию prod (ng build "--prod"), css преобразуется в неверный синтаксис.
Вот файл s css:
.home-content {
.mountain-header {
margin: 0 auto;
color: #fff;
padding: 30px 10px;
min-height: 110px;
background: linear-gradient(180deg, rgba(0, 174, 199, .8) 0%, rgba(35,97,146,.8) 100%), url("https://cdnsite/background2.jpg") no-repeat !important;
background-size: cover !important;
background-position: center !important;
}
Однако, когда оно минимизируется, свойство фона преобразуется в следующее:
background: linear-gradient(180deg,rgba(0,174,199,.8) 0,rgba(35,97,146,.8) 100%) center!important/cover!important,url(https://cdnsite/background2.jpg) center!important/cover!important no-repeat!important!important!important
Когда я вынимаю URL, кажется, что работает найти в режиме Prod (я получаю background-size и background-position). Это как объединение 3 свойств, когда у меня есть URL в свойстве background.