Как работает логика scss в Rails?

Question

[Даниил]

Доброго всем!
Имеется проект реализованный на рельсах и просто верстка html.
Имеются стилевые свойства (scss) подобного вида:

.elem {
	width: 15.9%;
	
	@media screen and (max-width: 1366px) {
		width: 49%;
	}
}

.elem_mod {
	width:  30%;
}

Разметка:
<div class="elem elem_mod"></div>

Итак, какая же ширина блока должна быть при ширине экрана менее 1366?
По идее 49%. Так оно и есть в обычной верстке, но в рельсах почему-то ширина 30%.
Как так?

Ruby 2.4.0
Rails 5.1.3
sass (3.5.1)

Comments

[N. Bekseitov]

Проблема точно не рельсах. Даже codepen показывает 30% https://codepen.io/pen/.
Укажите important в стилях

@media screen and (max-width: 1366px) {
    width: 49% !important;
  }

[Даниил]

nbekseitov: Да это понятно. Меня интересует почему эти стили по разному интерпретируются. Оказалось что гем sass и плагин gulp-sass по разному генерируют конечный файл, отсюда и проблемы при переносе.