Я пытаюсь импортировать некоторые классы из файла CSS, например bootstrap.css, в файл site.scss SASS, а не все из них. Проблема со следующим кодом заключается в том, что я получаю все классы начальной загрузки в своем скомпилированном файле site.css:
site.scss
@import "bootstrap";
.my-div-md-6
{
/*some other styles*/
@extend .col-md-6;
}
С другой стороны, это можно сделать с помощью LESS, импортировав bootstrap.css в качестве ссылки, используя этот код:
site.less
@import (less, reference) "bootstrap.css";
.my-div-md-6{
/*some other styles*/
&:extend(.col-md-6);
}
Скомпилированный вывод LESS очень легкий, как показано ниже:
сайт.css
.my-div-md-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 992px) {
.my-div-md-6 {
float: left;
}
.my-div-md-6 {
width: 50%;
}
}
.my-div-md-6 {
/*some other styles*/
}
Можно ли добиться этого с помощью SASS? Если да, то быстрый пример поможет.
Спасибо.
import reference, что является чем-то вроде новой концепции для меня, использующей scss. Кажется, естьsilent classeswhat-is-the-equivalent-of-lesss-import-reference-style-in-sass а также, похоже, это ожидающая функция в репозитории sass git проблема - person Denis Tsoi schedule 29.03.2017sassдляreference, а затем преобразует эту ссылку во что-то подходящее .... в противном случае вам, возможно, придется использоватьun-cssилиpost-css, если нет доступного инструмента для вас там - person Denis Tsoi schedule 29.03.2017google dart- они начали переносить sass сrubyнаdart, отсюда и медленные обновления функций. Я предполагаю, что из-за этого будущие выпуски могут быть привязаны к выпускуdart/sass, и есть некоторая неопределенность в отношении нативной поддержки ruby. - person Denis Tsoi schedule 29.03.2017