2

CSSを次のようなSCSSに変換したい：

.top {
  margin-top: 1em;
  margin-bottom: 1em;
  nav {
    background: #333;
  }
  ul {
    padding: 0;
    display: table-row;
  }
  li {
    display: table-cell;
  }
}

代わりに、私はこれを得ています：

.top {
  margin-top: 1em;
  margin-bottom: 1em;
  nav {
    background: #333; }
  ul {
    padding: 0;
    display: table-row; }
  li {
    display: table-cell; } }

コマンドで出力インデントを変更するにはどうすればよいですか。

sass-convert public/stylesheets/application.css public/stylesheets/application.scss

ありがとう！

4

3 に答える 3

1

私はこれと同じ問題を抱えていたので、次の Python を使用して後処理を行い、生成された出力を:expanded 出力スタイルに修正しました。

import sys
    import re

path = sys.argv[1]

scss = open(path).read()

# Fix up the indentation of closing braces to use a :expanded rather than :nested style.
scss = re.sub(r'\t(\t*)([^\}\n]*;) (\}.*)', r'\t\1\2\n\1\3', scss)
for i in range(0, 10):
    # This line is executed multiple times to fix up multiple closing braces on a single line.
    scss = re.sub(r'\t(\t*)\};? \}', r'\t\1}\n\1}', scss)

open(path, 'w').write(scss)
于 2011-01-11T22:34:55.497 に答える
1

ドキュメント（およびコマンドラインで「sass-convert -h」をチェック）によると、cssからscss（またはsass）に移行するときに出力スタイルを変更する方法はありません。

于 2010-07-07T04:04:13.927 に答える
0

このツールを使用してこれを行うことができますhttp://css2sass.heroku.com/

これを使用してCSSをSCSSに変換しました

于 2012-03-21T06:02:09.673 に答える