2013-06-28 4 views
0

Как явствует из названия, я ищу онлайн-инструмент для преобразования нескольких строк SASS в чистый CSS. Я уже разобрал его, но все ссылки, которые я смог найти, касались CSS-преобразователей SASS.Как преобразовать SASS в CSS?

Кроме того, здесь есть несколько строк, которые я хочу, чтобы преобразовать в CSS:

=text-shadow($color) 
    $str: null 
    @for $i from 1 through 32 
    $str: #{$i}px #{$i}px 0px #{$color}, $str 
    text-shadow: $str 
+7

Не можете ли вы просто скомпилировать SASS? Разве это не все? –

+0

Вы не можете преобразовать * THAT * в CSS. Однако вы можете работать с результатом этого запуска. Будет ли это для вас? – Renan

+3

Почему бы просто не запустить САСС через компилятор? –

ответ

2

Per Википедии:

Sass является каскадные таблицы стилей (CSS) метаязык. Это язык сценариев , который интерпретируется в CSS. SassScript - это скриптовый язык .

Как отмечалось в большинстве комментариев, SASS скомпилирован в CSS, так что вам нужно будет это сделать.

Кроме того, как отметил Ник Томлин, codepen отлично подходит для кода передней части, такого как этот, и полностью поддерживает SASS.

Вы можете найти источник SASS here, который должен пролить свет на процесс.

+2

Я предполагаю, что нужно время от времени указывать очевидное. Я бы поспорил, что этот пост может быть полезен для какой-то бедной путаной души в будущем. –

+0

@WesleyMurch Да, это могло бы .. – LukyVj

3

Правильный ответ на ваш вопрос:

/* empty */ 

CSS-эквивалентом кода SASS является пустой строкой.

Объяснение

С = вы определяете подмешать. Смешивание само по себе не определяет никаких правил CSS. Но он может использоваться в правилах как ярлык. Подобно функциям на любом языке программирования. CSS не поддерживает функции, поэтому нет способа выразить этот код SASS в CSS.