/ / Використання output_style =: стислі розриви Макет Susy - css, sass, компас-сас, susy-компас

Використання output_style =: стислі розриви Макет Susy - css, sass, компас-сас, susy-компас

Я розумію, що використовує інше стиснення CSSне має насправді ніякого впливу на результат сайту (за винятком меншого розміру файлу), але мій сайт повністю розривається, коли я встановлюю Compass, щоб виплюнути стислий CSS.

Я не впевнений, що це перерви, але я вважаю, що Susy, що стикається з деякими іншими функціями Compass, такі як sprite або base64 inline image functions.

Для того, щоб не вставляти занадто багато коду в цьому питанні, наведемо два посилання, щоб продемонструвати (той самий джерело, що генерується секундами)

Використовуючи output_style =: розширено в config.rb (все працює): http://davidpaulsson.se/expanded/

Використовуючи output_style =: стислий у config.rb (розриви оформлення): http://davidpaulsson.se/compressed/

Я використовую Jekyll для створення статичних файлів, а вихідні файли доступні на Github https://github.com/davidpaulsson/davidpaulsson.se/tree/master/sass

Відповіді:

1 для відповіді № 1

Проблема з цим фрагментом коду (_general.scss, рядок 208):

@media screen and (max-width: 769px) {
-webkit-text-size-adjust:none;
}

Тут є CSS-декларація без селектора, яка є недійсною.

SASS повинен був "видати помилку. Можливо, це не вдалося зробити через @media обгортка, яка нагадує селектор.

Я не впевнений, що це властивість CSS, спробуйте застосувати його html або *:

@media screen and (max-width: 769px) {
html {
-webkit-text-size-adjust:none;
}
}