csscombの設定について。思ったように整形してくれません。



csscombの設定について

下記のサイトで作ったのですが意図した動きになりません
http://csscomb.com/config
私が作った設定

{

"remove-empty-rulesets": true,
"always-semicolon": true,
"color-case": "lower",
"block-indent": "\t",
"color-shorthand": true,
"element-case": "lower",
"eof-newline": true,
"leading-zero": false,
"quotes": "single",
"space-before-colon": " ",
"space-after-colon": " ",
"space-before-combinator": " ",
"space-after-combinator": " ",
"space-between-declarations": "\n",
"space-before-opening-brace": " ",
"space-after-opening-brace": "\n",
"space-after-selector-delimiter": " ",
"space-before-selector-delimiter": "",
"space-before-closing-brace": "\n",
"tab-size": true,
"unitless-zero": true,
"vendor-prefix-align": true

}
もしかして現場ではこちらの形が主流なのですか?
そうであればあえてこの形でもいいですが...

回答の条件
  • 1人5回まで
  • 13歳以上
  • 登録:2017/02/23 09:47:49
  • 終了:2017/03/02 09:50:03

回答(0件)

回答はまだありません

  • id:rouge_2008
    選択肢の中から任意の表示のコードをクリックしたでしょうか?
    選んだ内容の設定になっているはずなので、結果が違うのであれば再度試してみてください。

    コード整形は開発現場によって違うはずですから、今は特にないのでしたら自分がやりやすい設定でいいと思います。
    Bootstrap等の配布されているライブラリでよく見かける設定を一部取り入れてもいいと思います。
    参考までに私が選んだ設定を載せます。

    {
    "remove-empty-rulesets": true,
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": " ",
    "element-case": "lower",
    "eof-newline": true,
    "leading-zero": true,
    "quotes": "double",
    "space-before-colon": "",
    "space-after-colon": " ",
    "space-before-combinator": " ",
    "space-after-combinator": " ",
    "space-between-declarations": "\n",
    "space-before-opening-brace": " ",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": " ",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "strip-spaces": true,
    "tab-size": true
    }
  • id:webhate
    頂いたものを使ってみましたがやはり隙間がありますね。
    この形が主流なのでしょうか?


    body
    {
    font-family: -apple-system, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', '游ゴシック', 'メイリオ', meiryo, sans-serif;
    font-size: 1.6rem;
    line-height: 1.6;

    margin: auto;

    letter-spacing: .1rem;

    color: #000;
    background-image: url(../img/common-img/back-img.png);
    }
  • id:rouge_2008
    SublimeText3で使用しているのでしょうか?
    コマンドライン用にnpmで3.1.6をインストールして試してみましたが、どちらの設定でも空行は削除されました。(※最新の4.0.0だとインストールに失敗するモジュールがあったので3.1.6にしています。)

    不具合ではないかと思いますので、SublimeText3で別のバージョンを試してみるか、あるいはコマンドラインで3.1.6を入れて試してみてください。
  • id:webhate
    サブライムテキスト3の不具合とは思いませんでしたどおりで何をやっても同じものになるわけですね。

    3.1.6とはcsssombのバージョンのことでしょうか?
    すでに入れてしまっているプラグインのバージョンを変えることができるのであれば初心者にもわかるように解説していただけるとありがたいです。
  • id:rouge_2008
    質問者さんのPC環境を教えてください。
    OSはMacとWindowsのどちらでしょう?
    3.1.6はコマンドライン用のcsscombのバージョンです。
    SublimeText3は持っていないので、コマンドライン用で試しました。
    利用しているエディタに関係ないので便利です。

    SublimeText3用のcsscombの不具合の可能性があると思いますが確実ではありません。
    プラグインの開発が2年前の更新で停止しているようですので、最新バージョンのSublimeText3には対応していないのかもしれません。
    最新バージョンで動作している情報も見つける事ができませんでしたので、このバージョンを入れれば確実に動作するというのもありません。
    「Preferences」→「Browes Packages」で開くフォルダ内にパッケージのZIPファイルを解凍してから再起動する事で手動インストールできるらしいので、インストール済みのバージョンをアンインストールしてから、GitHubからZIPファイルをダウンロードして試してみてください。


    ※コマンドライン用のインストールから使い方まで、Windowsでしたら次のページが参考になります。(人気のあるテキストエディタでの動作情報もあり、この時点ではSublimeText3用も動作したとあります。この記事の時点でのSublimeText3でしたら動作するのかもしれません。)

    ・Windows: CSScombの使い方
    http://sutara79.hatenablog.com/entry/2016/05/01/150428
  • id:webhate
    ありがとうございます。
    コマンドライン用とはgulpのことでしょうか?
    gulpでもできるのでgulpでもやってみました。

    +-- gulp-csscomb@3.0.8がバージョンのようです。

    +-- babel@6.5.2
    +-- babel-preset-es2015@6.18.0
    +-- browser-sync@2.17.5
    +-- clean-css@0.9.1 extraneous
    +-- colors@0.6.2 extraneous
    +-- connect@2.7.11 extraneous
    +-- cssnext@1.8.4 extraneous
    +-- csswring@5.1.0
    +-- faye-websocket@0.4.4 extraneous
    +-- gulp@3.9.1
    +-- gulp-babel@6.1.2
    +-- gulp-csscomb@3.0.8
    +-- gulp-plumber@1.1.0 extraneous
    +-- gulp-postcss@6.1.1
    +-- html-minifier@0.4.5 extraneous
    +-- jshint@0.9.1 extraneous
    +-- node-smushit@0.4.0 extraneous
    +-- open@0.0.5 extraneous
    +-- postcss@5.2.5
    +-- postcss-calc@5.3.0
    +-- postcss-comment@1.0.3
    +-- postcss-cssnext@2.7.0
    +-- postcss-custom-properties@5.0.1
    +-- postcss-import@8.1.2
    +-- postcss-nested@1.0.0
    +-- save@2.3.0 extraneous
    `-- wrench@1.4.4 extraneous


    その結果
    サブライムテキスト3
    .link-wrap__link
    {
    font-size: 2.2rem;
    line-height: 1.5;

    display: block;

    padding: 1% 0 1%;
    }

    メモ帳
    .link-wrap__link{ font-size: 2.2rem;
    line-height: 1.5;
    display: block;
    padding: 1% 0 1%;
    }

    という結果でした。


    設定は下記になります
    {
    "remove-empty-rulesets": true,
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": " ",
    "element-case": "lower",
    "eof-newline": true,
    "leading-zero": true,
    "quotes": "double",
    "space-before-colon": "",
    "space-after-colon": " ",
    "space-before-combinator": " ",
    "space-after-combinator": " ",
    "space-between-declarations": "\n",
    "space-before-opening-brace": " ",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": " ",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "strip-spaces": true,
    "tab-size": true
    }

    環境はwindows10です。

    3.08でgulpでやってもダメな場合も同じ可能性が考えられるでしょうか?
    もう一度ご返答を聞いてその後の対処をしたいと思いますので、お忙しい中大変恐縮ですがよろしくお願いします。
  • id:rouge_2008
    gulp-csscombの事ではありません。
    参考URLの記事を読んでいないのでしょうか?
    Node.jsを入れてから、npmコマンドでインストールします。

    Gulpで設定したタスク(gulp-csscomb含む)を実行後、特に何もしなくてもSublimeText3とメモ帳で開いた時の表示状態が違うのでしたら、SublimeText3のプラグインをすべて停止した状態で確認してみてください。
    (※自分でインストールしたプラグインの停止で解決しない場合は、標準のプラグインをすべて停止した場合についても確認)
  • id:webhate
    見てやってみましたが、

    C:\Users>npm -g i csscomb
    npm WARN deprecated node-uuid@1.4.0: use uuid module instead
    npm WARN deprecated minimatch@0.2.14: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
    C:\Users\hoto\AppData\Roaming\npm\csscomb -> C:\Users\AppData\Roaming\npm\node_modules\csscomb\bin\csscomb
    C:\Users\hoto\AppData\Roaming\npm
    `-- csscomb@4.0.0

    上記のようにエラーが出つつ最後に4.0と出ているのでおそらくエラーが出ている物の入っているという事でしょうか?


    csscomb --version
    module.js:457
    throw err;
    ^

    Error: Cannot find module 'babel-polyfill'
    at Function.Module._resolveFilename (module.js:455:15)
    at Function.Module._load (module.js:403:25)
    at Module.require (module.js:483:17)
    at require (internal/module.js:20:19)
    上記がうまくいきません。
    babelは関係ないと思うのでエラーは間違いでしょうがパスも通っていてnodeも入っているのになぜうまくいかないかわかりません。
    nodeのバージョンが古いからでしょうか?
  • id:rouge_2008
    Gulpで動作しているのでしたら、そちらを利用してもいいと思います。

    一応コマンドライン用のインストールについてですが、2回目のコメントに書いたように、最新のバージョンのインストールは私も失敗しています。
    バージョンを指定してインストールしてください。
    npmコマンドの使い方は、参考URLの記事の参考ページにあります。

    ※以下一部抜粋
    *****************************
    CSScombを入手

    コマンドプロンプトで下記を入力してEnterします。

    npm -g i csscomb

    命令の意味は下記をご覧ください。
    (参考: npmコマンドの使い方 - Qiita) ※←ここにリンクがあります。

    *****************************
    ※リンク先
    ・npmコマンドの使い方 - Qiita
    http://qiita.com/yoh-nak/items/8446bf12094c729d00fe

    パッケージをグローバルにインストールする

    $ sudo npm install -g パッケージ
    $ sudo npm i -g パッケージ

    (~ 略 ~)
    パッケージをグローバルにバージョンを指定してインストールする

    $ npm install -g パッケージ名@x.x.x

    (~ 略 ~)

    パッケージをグローバルからアンインストールする

    $ sudo npm uninstall -g パッケージ
    $ sudo npm r -g パッケージ
    $ sudo npm remove -g パッケージ
    $ sudo npm rm -g パッケージ
    $ sudo npm un -g パッケージ
    $ sudo npm unlink -g パッケージ

    *****************************

    ※それぞれ上記のようになっています。
    記事の通りに実行した場合、グローバルに最新のバージョンをインストールしているはずですので、上記の一番最後のどれかでアンインストールしてから、以下のコマンドで3.1.6を指定してインストールします。

    $ npm install -g csscomb@3.1.6
  • id:webhate
    ありがとうございます。
    下記のように行いサブライムテキスト3を再起動してみましたがやはりガルプもサブライムテキスト3も状況が変わりませんでした。

    C:\Users\Desktop\images\gulp-folder\website\test\dest-after>npm remove -g csscomb
    - balanced-match@0.4.2 node_modules\csscomb\node_modules\balanced-match
    - concat-map@0.0.1 node_modules\csscomb\node_modules\concat-map
    - brace-expansion@1.1.6 node_modules\csscomb\node_modules\brace-expansion
    - fs.realpath@1.0.0 node_modules\csscomb\node_modules\fs.realpath
    - inherits@2.0.3 node_modules\csscomb\node_modules\inherits
    - lru-cache@2.7.3 node_modules\csscomb\node_modules\lru-cache
    - minimatch@3.0.2 node_modules\csscomb\node_modules\minimatch
    - minimist@1.1.3 node_modules\csscomb\node_modules\minimist
    - node-uuid@1.4.0 node_modules\csscomb\node_modules\node-uuid
    - path-is-absolute@1.0.1 node_modules\csscomb\node_modules\path-is-absolute
    - sigmund@1.0.1 node_modules\csscomb\node_modules\sigmund
    - vow@0.4.4 node_modules\csscomb\node_modules\vow
    - minimatch@0.2.14 node_modules\csscomb\node_modules\vow-fs\node_modules\minimatch
    - glob@3.2.8 node_modules\csscomb\node_modules\vow-fs\node_modules\glob
    - vow-queue@0.3.1 node_modules\csscomb\node_modules\vow-queue
    - wrappy@1.0.2 node_modules\csscomb\node_modules\wrappy
    - once@1.4.0 node_modules\csscomb\node_modules\once
    - inflight@1.0.6 node_modules\csscomb\node_modules\inflight
    - glob@7.1.1 node_modules\csscomb\node_modules\glob
    - gonzales-pe@3.4.7 node_modules\csscomb\node_modules\gonzales-pe
    - vow-fs@0.3.2 node_modules\csscomb\node_modules\vow-fs
    - csscomb@4.0.0 node_modules\csscomb


    C:\Users>npm install -g csscomb@3.1.6
    npm WARN deprecated minimatch@0.2.12: Please update to minimatch 3.0.2 or higher to avoid a RegExp DoS issue
    npm WARN deprecated node-uuid@1.4.0: use uuid module instead
    C:\Users\AppData\Roaming\npm\csscomb -> C:\Users\AppData\Roaming\npm\node_modules\csscomb\bin\csscomb
    C:\Users\AppData\Roaming\npm
    `-- csscomb@3.1.6
    +-- commander@2.0.0
    +-- csscomb-core@3.0.0-3
    | +-- minimatch@0.2.12
    | | +-- lru-cache@2.7.3
    | | `-- sigmund@1.0.1
    | `-- vow-fs@0.3.2
    | +-- glob@3.2.8
    | | `-- inherits@2.0.3
    | +-- node-uuid@1.4.0
    | `-- vow-queue@0.3.1
    +-- gonzales-pe@3.0.0-28
    `-- vow@0.4.4


    C:\Users>csscomb --version
    3.1.6
  • id:rouge_2008
    コマンドライン用のcsscombが、SublimeText3用やGulp用のcsscombに影響する事はないはずなので問題ありません。
    「csscomb --version」でバージョンが表示されるので、インストール成功です。
    上でコメントした参考記事にあるように、コマンドプロンプトから「csscomb CSSファイルのパス」で動作します。
    ※minimatch@0.2.12が古いのでnpmが警告メッセージを表示しているようですが、csscombの3.1.6はこのバージョンを利用するので心配しなくていいと思います。
    私の方でもインストール時に同じ警告が表示されました。


    上でコメントしましたが、SublimeText3のプラグインを停止した状態でCSSファイルを開いて確認しましたか?
    SublimeText3以外のエディタで開いた時に、ソートおよび変換処理されたのが確認できるのでしたら、csscombは正常に動作しています。
    あるいは、SublimeText3用のcsscombで処理したCSSファイルを他のエディタで開いてみてください。
    設定通りに処理された状態でしたら、SublimeText3用のcsscombも問題ありません。
    SublimeText3用の他のプラグインか、あるいは設定が原因の可能性があります。
    初期設定に戻せるようでしたら戻して、それでも空行が入る場合は、プラグインをすべて停止して確認してみてください。


    ※参考までに、csscomb@4.0.0のインストール後、動作を確認できました。
    次のコマンドでインストールするとエラーが出なくなります。

    npm install -g babel-polyfill

    ※「--version」はなくなっています。「csscomb -h」または「csscomb --help」で確認してください。
  • id:rouge_2008
    csscomb@4.0.0の場合ですが、訂正して補足します。

    ×次のコマンドでインストールするとエラーが出なくなります。



    ○次のコマンドで「babel-polyfill」を追加インストールするとエラーが出なくなります。
  • id:webhate
    ありがとうございます。どうも下記のように複数の設定をコメントアウトでとっておいたのが原因かもしれません。コメントアウトをすべて削除したところ
    下記のようになりましたがこの設定をされているならうまくいったのだと思います。
    combのプラグインも停止しましたが、コメントアウトを削除しないと変わりませんでした。
    また結局gulpで行いました。
    .link-wrap__link {
    display: block;
    padding: 1% 0 1%;
    font-size: 2.2rem;
    line-height: 1.5;
    }




    {
    "remove-empty-rulesets": true,
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": " ",
    "element-case": "lower",
    "eof-newline": true,
    "leading-zero": true,
    "quotes": "double",
    "space-before-colon": "",
    "space-after-colon": " ",
    "space-before-combinator": " ",
    "space-after-combinator": " ",
    "space-between-declarations": "\n",
    "space-before-opening-brace": " ",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": " ",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "strip-spaces": true,
    "tab-size": true
    }

    // {
    // "always-semicolon": true,
    // "color-case": "lower",
    // "block-indent": "\t",
    // "color-shorthand": true,
    // "element-case": "lower",
    // "eof-newline": false,
    // "leading-zero": false,
    // "quotes": "double",
    // "space-after-colon": " ",
    // "space-between-declarations": "\n",
    // "space-before-opening-brace": " ",
    // "space-after-opening-brace": "\n",
    // "space-before-closing-brace": "\n",
    // "vendor-prefix-align": true
    // }
    // {
    // "always-semicolon": true,
    // "color-case": "lower",
    // "block-indent": "\t",
    // "color-shorthand": true,
    // "element-case": "lower",
    // "eof-newline": false,
    // "leading-zero": false,
    // "quotes": "double",
    // "space-after-colon": " ",
    // "space-between-declarations": "\n",
    // "space-before-opening-brace": " ",
    // "space-after-opening-brace": "\n",
    // "space-before-closing-brace": "\n",
    // "vendor-prefix-align": true
    // "sort-order": [ [
    // "position",
    // "top",
    // "right",
    // "bottom",
    // "left",
    // "z-index",
    // "display",
    // "visibility",
    // "-webkit-flex-direction",
    // "-moz-flex-direction",
    // "-ms-flex-direction",
    // "-o-flex-direction",
    // "flex-direction",
    // "-webkit-flex-order",
    // "-moz-flex-order",
    // "-ms-flex-order",
    // "-o-flex-order",
    // "flex-order",
    // "-webkit-flex-pack",
    // "-moz-flex-pack",
    // "-ms-flex-pack",
    // "-o-flex-pack",
    // "flex-pack",
    // "float",
    // "clear",
    // "-webkit-flex-align",
    // "-moz-flex-align",
    // "-ms-flex-align",
    // "-o-flex-align",
    // "flex-align",
    // "-webkit-flex",
    // "-moz-flex",
    // "-ms-flex",
    // "-o-flex",
    // "flex",
    // "overflow",
    // "-ms-overflow-x",
    // "-ms-overflow-y",
    // "overflow-x",
    // "overflow-y",
    // "-webkit-overflow-scrolling",
    // "clip",
    // "-webkit-box-sizing",
    // "-moz-box-sizing",
    // "box-sizing",
    // "margin",
    // "margin-top",
    // "margin-right",
    // "margin-bottom",
    // "margin-left",
    // "padding",
    // "padding-top",
    // "padding-right",
    // "padding-bottom",
    // "padding-left",
    // "min-width",
    // "min-height",
    // "max-width",
    // "max-height",
    // "width",
    // "height",
    // "outline",
    // "outline-width",
    // "outline-style",
    // "outline-color",
    // "outline-offset",
    // "border",
    // "border-spacing",
    // "border-collapse",
    // "border-width",
    // "border-style",
    // "border-color",
    // "border-top",
    // "border-top-width",
    // "border-top-style",
    // "border-top-color",
    // "border-right",
    // "border-right-width",
    // "border-right-style",
    // "border-right-color",
    // "border-bottom",
    // "border-bottom-width",
    // "border-bottom-style",
    // "border-bottom-color",
    // "border-left",
    // "border-left-width",
    // "border-left-style",
    // "border-left-color",
    // "-webkit-border-radius",
    // "-moz-border-radius",
    // "border-radius",
    // "-webkit-border-top-left-radius",
    // "-moz-border-radius-topleft",
    // "border-top-left-radius",
    // "-webkit-border-top-right-radius",
    // "-moz-border-radius-topright",
    // "border-top-right-radius",
    // "-webkit-border-bottom-right-radius",
    // "-moz-border-radius-bottomright",
    // "border-bottom-right-radius",
    // "-webkit-border-bottom-left-radius",
    // "-moz-border-radius-bottomleft",
    // "border-bottom-left-radius",
    // "-webkit-border-image",
    // "-moz-border-image",
    // "-o-border-image",
    // "border-image",
    // "-webkit-border-image-source",
    // "-moz-border-image-source",
    // "-o-border-image-source",
    // "border-image-source",
    // "-webkit-border-image-slice",
    // "-moz-border-image-slice",
    // "-o-border-image-slice",
    // "border-image-slice",
    // "-webkit-border-image-width",
    // "-moz-border-image-width",
    // "-o-border-image-width",
    // "border-image-width",
    // "-webkit-border-image-outset",
    // "-moz-border-image-outset",
    // "-o-border-image-outset",
    // "border-image-outset",
    // "-webkit-border-image-repeat",
    // "-moz-border-image-repeat",
    // "-o-border-image-repeat",
    // "border-image-repeat",
    // "-webkit-border-top-image",
    // "-moz-border-top-image",
    // "-o-border-top-image",
    // "border-top-image",
    // "-webkit-border-right-image",
    // "-moz-border-right-image",
    // "-o-border-right-image",
    // "border-right-image",
    // "-webkit-border-bottom-image",
    // "-moz-border-bottom-image",
    // "-o-border-bottom-image",
    // "border-bottom-image",
    // "-webkit-border-left-image",
    // "-moz-border-left-image",
    // "-o-border-left-image",
    // "border-left-image",
    // "-webkit-border-corner-image",
    // "-moz-border-corner-image",
    // "-o-border-corner-image",
    // "border-corner-image",
    // "-webkit-border-top-left-image",
    // "-moz-border-top-left-image",
    // "-o-border-top-left-image",
    // "border-top-left-image",
    // "-webkit-border-top-right-image",
    // "-moz-border-top-right-image",
    // "-o-border-top-right-image",
    // "border-top-right-image",
    // "-webkit-border-bottom-right-image",
    // "-moz-border-bottom-right-image",
    // "-o-border-bottom-right-image",
    // "border-bottom-right-image",
    // "-webkit-border-bottom-left-image",
    // "-moz-border-bottom-left-image",
    // "-o-border-bottom-left-image",
    // "border-bottom-left-image",
    // "background",
    // "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
    // "background-color",
    // "background-image",
    // "background-attachment",
    // "background-position",
    // "-ms-background-position-x",
    // "-ms-background-position-y",
    // "background-position-x",
    // "background-position-y",
    // "-webkit-background-clip",
    // "-moz-background-clip",
    // "background-clip",
    // "background-origin",
    // "-webkit-background-size",
    // "-moz-background-size",
    // "-o-background-size",
    // "background-size",
    // "background-repeat",
    // "box-decoration-break",
    // "-webkit-box-shadow",
    // "-moz-box-shadow",
    // "box-shadow",
    // "color",
    // "table-layout",
    // "caption-side",
    // "empty-cells",
    // "list-style",
    // "list-style-position",
    // "list-style-type",
    // "list-style-image",
    // "quotes",
    // "content",
    // "counter-increment",
    // "counter-reset",
    // "-ms-writing-mode",
    // "vertical-align",
    // "text-align",
    // "-webkit-text-align-last",
    // "-moz-text-align-last",
    // "-ms-text-align-last",
    // "text-align-last",
    // "text-decoration",
    // "text-emphasis",
    // "text-emphasis-position",
    // "text-emphasis-style",
    // "text-emphasis-color",
    // "text-indent",
    // "-ms-text-justify",
    // "text-justify",
    // "text-outline",
    // "text-transform",
    // "text-wrap",
    // "-ms-text-overflow",
    // "text-overflow",
    // "text-overflow-ellipsis",
    // "text-overflow-mode",
    // "text-shadow",
    // "white-space",
    // "word-spacing",
    // "-ms-word-wrap",
    // "word-wrap",
    // "-ms-word-break",
    // "word-break",
    // "-moz-tab-size",
    // "-o-tab-size",
    // "tab-size",
    // "-webkit-hyphens",
    // "-moz-hyphens",
    // "hyphens",
    // "letter-spacing",
    // "font",
    // "font-weight",
    // "font-style",
    // "font-variant",
    // "font-size-adjust",
    // "font-stretch",
    // "font-size",
    // "font-family",
    // "src",
    // "line-height",
    // "opacity",
    // "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
    // "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
    // "-ms-interpolation-mode",
    // "-webkit-filter",
    // "-ms-filter",
    // "filter",
    // "resize",
    // "cursor",
    // "nav-index",
    // "nav-up",
    // "nav-right",
    // "nav-down",
    // "nav-left",
    // "-webkit-transition",
    // "-moz-transition",
    // "-ms-transition",
    // "-o-transition",
    // "transition",
    // "-webkit-transition-delay",
    // "-moz-transition-delay",
    // "-ms-transition-delay",
    // "-o-transition-delay",
    // "transition-delay",
    // "-webkit-transition-timing-function",
    // "-moz-transition-timing-function",
    // "-ms-transition-timing-function",
    // "-o-transition-timing-function",
    // "transition-timing-function",
    // "-webkit-transition-duration",
    // "-moz-transition-duration",
    // "-ms-transition-duration",
    // "-o-transition-duration",
    // "transition-duration",
    // "-webkit-transition-property",
    // "-moz-transition-property",
    // "-ms-transition-property",
    // "-o-transition-property",
    // "transition-property",
    // "-webkit-transform",
    // "-moz-transform",
    // "-ms-transform",
    // "-o-transform",
    // "transform",
    // "-webkit-transform-origin",
    // "-moz-transform-origin",
    // "-ms-transform-origin",
    // "-o-transform-origin",
    // "transform-origin",
    // "-webkit-animation",
    // "-moz-animation",
    // "-ms-animation",
    // "-o-animation",
    // "animation",
    // "-webkit-animation-name",
    // "-moz-animation-name",
    // "-ms-animation-name",
    // "-o-animation-name",
    // "animation-name",
    // "-webkit-animation-duration",
    // "-moz-animation-duration",
    // "-ms-animation-duration",
    // "-o-animation-duration",
    // "animation-duration",
    // "-webkit-animation-play-state",
    // "-moz-animation-play-state",
    // "-ms-animation-play-state",
    // "-o-animation-play-state",
    // "animation-play-state",
    // "-webkit-animation-timing-function",
    // "-moz-animation-timing-function",
    // "-ms-animation-timing-function",
    // "-o-animation-timing-function",
    // "animation-timing-function",
    // "-webkit-animation-delay",
    // "-moz-animation-delay",
    // "-ms-animation-delay",
    // "-o-animation-delay",
    // "animation-delay",
    // "-webkit-animation-iteration-count",
    // "-moz-animation-iteration-count",
    // "-ms-animation-iteration-count",
    // "-o-animation-iteration-count",
    // "animation-iteration-count",
    // "-webkit-animation-direction",
    // "-moz-animation-direction",
    // "-ms-animation-direction",
    // "-o-animation-direction",
    // "animation-direction",
    // "pointer-events",
    // "unicode-bidi",
    // "direction",
    // "-webkit-columns",
    // "-moz-columns",
    // "columns",
    // "-webkit-column-span",
    // "-moz-column-span",
    // "column-span",
    // "-webkit-column-width",
    // "-moz-column-width",
    // "column-width",
    // "-webkit-column-count",
    // "-moz-column-count",
    // "column-count",
    // "-webkit-column-fill",
    // "-moz-column-fill",
    // "column-fill",
    // "-webkit-column-gap",
    // "-moz-column-gap",
    // "column-gap",
    // "-webkit-column-rule",
    // "-moz-column-rule",
    // "column-rule",
    // "-webkit-column-rule-width",
    // "-moz-column-rule-width",
    // "column-rule-width",
    // "-webkit-column-rule-style",
    // "-moz-column-rule-style",
    // "column-rule-style",
    // "-webkit-column-rule-color",
    // "-moz-column-rule-color",
    // "column-rule-color",
    // "break-before",
    // "break-inside",
    // "break-after",
    // "page-break-before",
    // "page-break-inside",
    // "page-break-after",
    // "orphans",
    // "widows",
    // "-ms-zoom",
    // "zoom",
    // "max-zoom",
    // "min-zoom",
    // "user-zoom",
    // "orientation"
    // ] ]
    // }
  • id:rouge_2008
    JSONにはコメント構文がないようですから、csscombでもエラーになったのだと思います。
    コマンドライン用のcsscombでは、「Error parsing configuration file \.csscomb.jsonのパス」のようなエラーが表示されます。
    設定ファイルを残したければ、別ファイルにしてはいかがでしょうか?
    例えば、「.csscomb-for-aaa.json」「.csscomb-for-bbb.json」のように何用の設定かファイル名ですぐ区別できるようにします。
    コマンドライン用では可能でした。
  • id:webhate
    ありがとうございました。

    まさかJSONはコメントアウトが使えないなんて思いませんでした。

    確実にこれが理由化はわかりませんが、可能性は高いと思います、
    もう少しいじってみますが、取り合えずここまでやっていただいたの言ったBAにさせていただきます。
  • id:webhate
    BAボタンがないですね。回答に何もここはできないのでしょうか?できることがあれば教えてください。
  • id:rouge_2008
    おそらくコメントアウトが原因で、デフォルトの設定が反映されていたのだと思います。
    ソート順の値が多次元配列でグループ分けされていますが、そのグループごとに分けて空行が挿入されるのを確認しました。

    ※ここは回答欄ではありませんから、ベストアンサーをつける事はできません。
    まだ回答受付期間が残ってますから、再度回答受付中に質問の設定を戻していただければ、適当にまとめて解凍します。
  • id:webhate
    ありがたいです。ここはBAという制度がないのですかね、
    私ができるお礼はスターを付けることだけなのですね。


    またその後下記のようにソートの順番を指定すると始めの状態になってしまうことが判明しました。おそらくコメントアウトではなくこちらが原因の可能性が高いです。
    恐らくオブジェクト(連想配列?)"sort-order": [ [の:が不要なのかと思いこちらを削除し、[が二個になっていたので一つにしたのですがそれでも同じ症状になります。
    他にも問題点がありますでしょうか?
    もしかすると文法エラーで、私の設定が無視されてデフォルトの設定を実行しているのかなと思います。



    >>>
    {
    "remove-empty-rulesets": true,
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": " ",
    "element-case": "lower",
    "eof-newline": true,
    "leading-zero": true,
    "quotes": "double",
    "space-before-colon": "",
    "space-after-colon": " ",
    "space-before-combinator": " ",
    "space-after-combinator": " ",
    "space-between-declarations": "\n",
    "space-before-opening-brace": " ",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": " ",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "strip-spaces": true,
    "tab-size": true
    "sort-order": [ [
    "position",
    "top",
    "right",
    "bottom",
    "left",
    "z-index",
    "display",
    "visibility",
    "-webkit-flex-direction",
    "-moz-flex-direction",
    "-ms-flex-direction",
    "-o-flex-direction",
    "flex-direction",
    "-webkit-flex-order",
    "-moz-flex-order",
    "-ms-flex-order",
    "-o-flex-order",
    "flex-order",
    "-webkit-flex-pack",
    "-moz-flex-pack",
    "-ms-flex-pack",
    "-o-flex-pack",
    "flex-pack",
    "float",
    "clear",
    "-webkit-flex-align",
    "-moz-flex-align",
    "-ms-flex-align",
    "-o-flex-align",
    "flex-align",
    "-webkit-flex",
    "-moz-flex",
    "-ms-flex",
    "-o-flex",
    "flex",
    "overflow",
    "-ms-overflow-x",
    "-ms-overflow-y",
    "overflow-x",
    "overflow-y",
    "-webkit-overflow-scrolling",
    "clip",
    "-webkit-box-sizing",
    "-moz-box-sizing",
    "box-sizing",
    "margin",
    "margin-top",
    "margin-right",
    "margin-bottom",
    "margin-left",
    "padding",
    "padding-top",
    "padding-right",
    "padding-bottom",
    "padding-left",
    "min-width",
    "min-height",
    "max-width",
    "max-height",
    "width",
    "height",
    "outline",
    "outline-width",
    "outline-style",
    "outline-color",
    "outline-offset",
    "border",
    "border-spacing",
    "border-collapse",
    "border-width",
    "border-style",
    "border-color",
    "border-top",
    "border-top-width",
    "border-top-style",
    "border-top-color",
    "border-right",
    "border-right-width",
    "border-right-style",
    "border-right-color",
    "border-bottom",
    "border-bottom-width",
    "border-bottom-style",
    "border-bottom-color",
    "border-left",
    "border-left-width",
    "border-left-style",
    "border-left-color",
    "-webkit-border-radius",
    "-moz-border-radius",
    "border-radius",
    "-webkit-border-top-left-radius",
    "-moz-border-radius-topleft",
    "border-top-left-radius",
    "-webkit-border-top-right-radius",
    "-moz-border-radius-topright",
    "border-top-right-radius",
    "-webkit-border-bottom-right-radius",
    "-moz-border-radius-bottomright",
    "border-bottom-right-radius",
    "-webkit-border-bottom-left-radius",
    "-moz-border-radius-bottomleft",
    "border-bottom-left-radius",
    "-webkit-border-image",
    "-moz-border-image",
    "-o-border-image",
    "border-image",
    "-webkit-border-image-source",
    "-moz-border-image-source",
    "-o-border-image-source",
    "border-image-source",
    "-webkit-border-image-slice",
    "-moz-border-image-slice",
    "-o-border-image-slice",
    "border-image-slice",
    "-webkit-border-image-width",
    "-moz-border-image-width",
    "-o-border-image-width",
    "border-image-width",
    "-webkit-border-image-outset",
    "-moz-border-image-outset",
    "-o-border-image-outset",
    "border-image-outset",
    "-webkit-border-image-repeat",
    "-moz-border-image-repeat",
    "-o-border-image-repeat",
    "border-image-repeat",
    "-webkit-border-top-image",
    "-moz-border-top-image",
    "-o-border-top-image",
    "border-top-image",
    "-webkit-border-right-image",
    "-moz-border-right-image",
    "-o-border-right-image",
    "border-right-image",
    "-webkit-border-bottom-image",
    "-moz-border-bottom-image",
    "-o-border-bottom-image",
    "border-bottom-image",
    "-webkit-border-left-image",
    "-moz-border-left-image",
    "-o-border-left-image",
    "border-left-image",
    "-webkit-border-corner-image",
    "-moz-border-corner-image",
    "-o-border-corner-image",
    "border-corner-image",
    "-webkit-border-top-left-image",
    "-moz-border-top-left-image",
    "-o-border-top-left-image",
    "border-top-left-image",
    "-webkit-border-top-right-image",
    "-moz-border-top-right-image",
    "-o-border-top-right-image",
    "border-top-right-image",
    "-webkit-border-bottom-right-image",
    "-moz-border-bottom-right-image",
    "-o-border-bottom-right-image",
    "border-bottom-right-image",
    "-webkit-border-bottom-left-image",
    "-moz-border-bottom-left-image",
    "-o-border-bottom-left-image",
    "border-bottom-left-image",
    "background",
    "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
    "background-color",
    "background-image",
    "background-attachment",
    "background-position",
    "-ms-background-position-x",
    "-ms-background-position-y",
    "background-position-x",
    "background-position-y",
    "-webkit-background-clip",
    "-moz-background-clip",
    "background-clip",
    "background-origin",
    "-webkit-background-size",
    "-moz-background-size",
    "-o-background-size",
    "background-size",
    "background-repeat",
    "box-decoration-break",
    "-webkit-box-shadow",
    "-moz-box-shadow",
    "box-shadow",
    "color",
    "table-layout",
    "caption-side",
    "empty-cells",
    "list-style",
    "list-style-position",
    "list-style-type",
    "list-style-image",
    "quotes",
    "content",
    "counter-increment",
    "counter-reset",
    "-ms-writing-mode",
    "vertical-align",
    "text-align",
    "-webkit-text-align-last",
    "-moz-text-align-last",
    "-ms-text-align-last",
    "text-align-last",
    "text-decoration",
    "text-emphasis",
    "text-emphasis-position",
    "text-emphasis-style",
    "text-emphasis-color",
    "text-indent",
    "-ms-text-justify",
    "text-justify",
    "text-outline",
    "text-transform",
    "text-wrap",
    "-ms-text-overflow",
    "text-overflow",
    "text-overflow-ellipsis",
    "text-overflow-mode",
    "text-shadow",
    "white-space",
    "word-spacing",
    "-ms-word-wrap",
    "word-wrap",
    "-ms-word-break",
    "word-break",
    "-moz-tab-size",
    "-o-tab-size",
    "tab-size",
    "-webkit-hyphens",
    "-moz-hyphens",
    "hyphens",
    "letter-spacing",
    "font",
    "font-weight",
    "font-style",
    "font-variant",
    "font-size-adjust",
    "font-stretch",
    "font-size",
    "font-family",
    "src",
    "line-height",
    "opacity",
    "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
    "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
    "-ms-interpolation-mode",
    "-webkit-filter",
    "-ms-filter",
    "filter",
    "resize",
    "cursor",
    "nav-index",
    "nav-up",
    "nav-right",
    "nav-down",
    "nav-left",
    "-webkit-transition",
    "-moz-transition",
    "-ms-transition",
    "-o-transition",
    "transition",
    "-webkit-transition-delay",
    "-moz-transition-delay",
    "-ms-transition-delay",
    "-o-transition-delay",
    "transition-delay",
    "-webkit-transition-timing-function",
    "-moz-transition-timing-function",
    "-ms-transition-timing-function",
    "-o-transition-timing-function",
    "transition-timing-function",
    "-webkit-transition-duration",
    "-moz-transition-duration",
    "-ms-transition-duration",
    "-o-transition-duration",
    "transition-duration",
    "-webkit-transition-property",
    "-moz-transition-property",
    "-ms-transition-property",
    "-o-transition-property",
    "transition-property",
    "-webkit-transform",
    "-moz-transform",
    "-ms-transform",
    "-o-transform",
    "transform",
    "-webkit-transform-origin",
    "-moz-transform-origin",
    "-ms-transform-origin",
    "-o-transform-origin",
    "transform-origin",
    "-webkit-animation",
    "-moz-animation",
    "-ms-animation",
    "-o-animation",
    "animation",
    "-webkit-animation-name",
    "-moz-animation-name",
    "-ms-animation-name",
    "-o-animation-name",
    "animation-name",
    "-webkit-animation-duration",
    "-moz-animation-duration",
    "-ms-animation-duration",
    "-o-animation-duration",
    "animation-duration",
    "-webkit-animation-play-state",
    "-moz-animation-play-state",
    "-ms-animation-play-state",
    "-o-animation-play-state",
    "animation-play-state",
    "-webkit-animation-timing-function",
    "-moz-animation-timing-function",
    "-ms-animation-timing-function",
    "-o-animation-timing-function",
    "animation-timing-function",
    "-webkit-animation-delay",
    "-moz-animation-delay",
    "-ms-animation-delay",
    "-o-animation-delay",
    "animation-delay",
    "-webkit-animation-iteration-count",
    "-moz-animation-iteration-count",
    "-ms-animation-iteration-count",
    "-o-animation-iteration-count",
    "animation-iteration-count",
    "-webkit-animation-direction",
    "-moz-animation-direction",
    "-ms-animation-direction",
    "-o-animation-direction",
    "animation-direction",
    "pointer-events",
    "unicode-bidi",
    "direction",
    "-webkit-columns",
    "-moz-columns",
    "columns",
    "-webkit-column-span",
    "-moz-column-span",
    "column-span",
    "-webkit-column-width",
    "-moz-column-width",
    "column-width",
    "-webkit-column-count",
    "-moz-column-count",
    "column-count",
    "-webkit-column-fill",
    "-moz-column-fill",
    "column-fill",
    "-webkit-column-gap",
    "-moz-column-gap",
    "column-gap",
    "-webkit-column-rule",
    "-moz-column-rule",
    "column-rule",
    "-webkit-column-rule-width",
    "-moz-column-rule-width",
    "column-rule-width",
    "-webkit-column-rule-style",
    "-moz-column-rule-style",
    "column-rule-style",
    "-webkit-column-rule-color",
    "-moz-column-rule-color",
    "column-rule-color",
    "break-before",
    "break-inside",
    "break-after",
    "page-break-before",
    "page-break-inside",
    "page-break-after",
    "orphans",
    "widows",
    "-ms-zoom",
    "zoom",
    "max-zoom",
    "min-zoom",
    "user-zoom",
    "orientation"
    ] ]
    }
  • id:rouge_2008
    次の設定値がある場合は区切りの,(カンマ)が必要です。(※JSONの構文)
    以下の部分()にカンマが抜けています。

    "tab-size": true ← ここ
    "sort-order": [ [
  • id:webhate
    確かに抜けていましたね。
    ただ修正してもやはり、ソートを指定すると隙間が再び空くようになりました。

    下記を参考に変更しましたがそれでも同じです。
    ソートを指定しないとうまくいくのでおそらくソートのソースに問題があるのでしょうね。
    http://qiita.com/naoyashiga/items/bce4ad2fbc3cbeeff1d1


    気になるのはここに,を付けるとソートの中の,が赤く警告されるという事です。

    "tab-size": true ← ここ
    "sort-order": [ [

    ソースをすべて張りますね。
    {
    "remove-empty-rulesets": true,
    "always-semicolon": true,
    "color-case": "lower",
    "block-indent": " ",
    "element-case": "lower",
    "eof-newline": true,
    "leading-zero": true,
    "quotes": "double",
    "space-before-colon": "",
    "space-after-colon": " ",
    "space-before-combinator": " ",
    "space-after-combinator": " ",
    "space-between-declarations": "\n",
    "space-before-opening-brace": " ",
    "space-after-opening-brace": "\n",
    "space-after-selector-delimiter": " ",
    "space-before-selector-delimiter": "",
    "space-before-closing-brace": "\n",
    "strip-spaces": true,
    "tab-size": true,
    "sort-order" [[
    "position",
    "top",
    "right",
    "bottom",
    "left",
    "z-index",
    "display",
    "visibility",
    "-webkit-flex-direction",
    "-moz-flex-direction",
    "-ms-flex-direction",
    "-o-flex-direction",
    "flex-direction",
    "-webkit-flex-order",
    "-moz-flex-order",
    "-ms-flex-order",
    "-o-flex-order",
    "flex-order",
    "-webkit-flex-pack",
    "-moz-flex-pack",
    "-ms-flex-pack",
    "-o-flex-pack",
    "flex-pack",
    "float",
    "clear",
    "-webkit-flex-align",
    "-moz-flex-align",
    "-ms-flex-align",
    "-o-flex-align",
    "flex-align",
    "-webkit-flex",
    "-moz-flex",
    "-ms-flex",
    "-o-flex",
    "flex",
    "overflow",
    "-ms-overflow-x",
    "-ms-overflow-y",
    "overflow-x",
    "overflow-y",
    "-webkit-overflow-scrolling",
    "clip",
    "-webkit-box-sizing",
    "-moz-box-sizing",
    "box-sizing",
    "margin",
    "margin-top",
    "margin-right",
    "margin-bottom",
    "margin-left",
    "padding",
    "padding-top",
    "padding-right",
    "padding-bottom",
    "padding-left",
    "min-width",
    "min-height",
    "max-width",
    "max-height",
    "width",
    "height",
    "outline",
    "outline-width",
    "outline-style",
    "outline-color",
    "outline-offset",
    "border",
    "border-spacing",
    "border-collapse",
    "border-width",
    "border-style",
    "border-color",
    "border-top",
    "border-top-width",
    "border-top-style",
    "border-top-color",
    "border-right",
    "border-right-width",
    "border-right-style",
    "border-right-color",
    "border-bottom",
    "border-bottom-width",
    "border-bottom-style",
    "border-bottom-color",
    "border-left",
    "border-left-width",
    "border-left-style",
    "border-left-color",
    "-webkit-border-radius",
    "-moz-border-radius",
    "border-radius",
    "-webkit-border-top-left-radius",
    "-moz-border-radius-topleft",
    "border-top-left-radius",
    "-webkit-border-top-right-radius",
    "-moz-border-radius-topright",
    "border-top-right-radius",
    "-webkit-border-bottom-right-radius",
    "-moz-border-radius-bottomright",
    "border-bottom-right-radius",
    "-webkit-border-bottom-left-radius",
    "-moz-border-radius-bottomleft",
    "border-bottom-left-radius",
    "-webkit-border-image",
    "-moz-border-image",
    "-o-border-image",
    "border-image",
    "-webkit-border-image-source",
    "-moz-border-image-source",
    "-o-border-image-source",
    "border-image-source",
    "-webkit-border-image-slice",
    "-moz-border-image-slice",
    "-o-border-image-slice",
    "border-image-slice",
    "-webkit-border-image-width",
    "-moz-border-image-width",
    "-o-border-image-width",
    "border-image-width",
    "-webkit-border-image-outset",
    "-moz-border-image-outset",
    "-o-border-image-outset",
    "border-image-outset",
    "-webkit-border-image-repeat",
    "-moz-border-image-repeat",
    "-o-border-image-repeat",
    "border-image-repeat",
    "-webkit-border-top-image",
    "-moz-border-top-image",
    "-o-border-top-image",
    "border-top-image",
    "-webkit-border-right-image",
    "-moz-border-right-image",
    "-o-border-right-image",
    "border-right-image",
    "-webkit-border-bottom-image",
    "-moz-border-bottom-image",
    "-o-border-bottom-image",
    "border-bottom-image",
    "-webkit-border-left-image",
    "-moz-border-left-image",
    "-o-border-left-image",
    "border-left-image",
    "-webkit-border-corner-image",
    "-moz-border-corner-image",
    "-o-border-corner-image",
    "border-corner-image",
    "-webkit-border-top-left-image",
    "-moz-border-top-left-image",
    "-o-border-top-left-image",
    "border-top-left-image",
    "-webkit-border-top-right-image",
    "-moz-border-top-right-image",
    "-o-border-top-right-image",
    "border-top-right-image",
    "-webkit-border-bottom-right-image",
    "-moz-border-bottom-right-image",
    "-o-border-bottom-right-image",
    "border-bottom-right-image",
    "-webkit-border-bottom-left-image",
    "-moz-border-bottom-left-image",
    "-o-border-bottom-left-image",
    "border-bottom-left-image",
    "background",
    "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader",
    "background-color",
    "background-image",
    "background-attachment",
    "background-position",
    "-ms-background-position-x",
    "-ms-background-position-y",
    "background-position-x",
    "background-position-y",
    "-webkit-background-clip",
    "-moz-background-clip",
    "background-clip",
    "background-origin",
    "-webkit-background-size",
    "-moz-background-size",
    "-o-background-size",
    "background-size",
    "background-repeat",
    "box-decoration-break",
    "-webkit-box-shadow",
    "-moz-box-shadow",
    "box-shadow",
    "color",
    "table-layout",
    "caption-side",
    "empty-cells",
    "list-style",
    "list-style-position",
    "list-style-type",
    "list-style-image",
    "quotes",
    "content",
    "counter-increment",
    "counter-reset",
    "-ms-writing-mode",
    "vertical-align",
    "text-align",
    "-webkit-text-align-last",
    "-moz-text-align-last",
    "-ms-text-align-last",
    "text-align-last",
    "text-decoration",
    "text-emphasis",
    "text-emphasis-position",
    "text-emphasis-style",
    "text-emphasis-color",
    "text-indent",
    "-ms-text-justify",
    "text-justify",
    "text-outline",
    "text-transform",
    "text-wrap",
    "-ms-text-overflow",
    "text-overflow",
    "text-overflow-ellipsis",
    "text-overflow-mode",
    "text-shadow",
    "white-space",
    "word-spacing",
    "-ms-word-wrap",
    "word-wrap",
    "-ms-word-break",
    "word-break",
    "-moz-tab-size",
    "-o-tab-size",
    "tab-size",
    "-webkit-hyphens",
    "-moz-hyphens",
    "hyphens",
    "letter-spacing",
    "font",
    "font-weight",
    "font-style",
    "font-variant",
    "font-size-adjust",
    "font-stretch",
    "font-size",
    "font-family",
    "src",
    "line-height",
    "opacity",
    "-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha",
    "filter:progid:DXImageTransform.Microsoft.Alpha(Opacity",
    "-ms-interpolation-mode",
    "-webkit-filter",
    "-ms-filter",
    "filter",
    "resize",
    "cursor",
    "nav-index",
    "nav-up",
    "nav-right",
    "nav-down",
    "nav-left",
    "-webkit-transition",
    "-moz-transition",
    "-ms-transition",
    "-o-transition",
    "transition",
    "-webkit-transition-delay",
    "-moz-transition-delay",
    "-ms-transition-delay",
    "-o-transition-delay",
    "transition-delay",
    "-webkit-transition-timing-function",
    "-moz-transition-timing-function",
    "-ms-transition-timing-function",
    "-o-transition-timing-function",
    "transition-timing-function",
    "-webkit-transition-duration",
    "-moz-transition-duration",
    "-ms-transition-duration",
    "-o-transition-duration",
    "transition-duration",
    "-webkit-transition-property",
    "-moz-transition-property",
    "-ms-transition-property",
    "-o-transition-property",
    "transition-property",
    "-webkit-transform",
    "-moz-transform",
    "-ms-transform",
    "-o-transform",
    "transform",
    "-webkit-transform-origin",
    "-moz-transform-origin",
    "-ms-transform-origin",
    "-o-transform-origin",
    "transform-origin",
    "-webkit-animation",
    "-moz-animation",
    "-ms-animation",
    "-o-animation",
    "animation",
    "-webkit-animation-name",
    "-moz-animation-name",
    "-ms-animation-name",
    "-o-animation-name",
    "animation-name",
    "-webkit-animation-duration",
    "-moz-animation-duration",
    "-ms-animation-duration",
    "-o-animation-duration",
    "animation-duration",
    "-webkit-animation-play-state",
    "-moz-animation-play-state",
    "-ms-animation-play-state",
    "-o-animation-play-state",
    "animation-play-state",
    "-webkit-animation-timing-function",
    "-moz-animation-timing-function",
    "-ms-animation-timing-function",
    "-o-animation-timing-function",
    "animation-timing-function",
    "-webkit-animation-delay",
    "-moz-animation-delay",
    "-ms-animation-delay",
    "-o-animation-delay",
    "animation-delay",
    "-webkit-animation-iteration-count",
    "-moz-animation-iteration-count",
    "-ms-animation-iteration-count",
    "-o-animation-iteration-count",
    "animation-iteration-count",
    "-webkit-animation-direction",
    "-moz-animation-direction",
    "-ms-animation-direction",
    "-o-animation-direction",
    "animation-direction",
    "pointer-events",
    "unicode-bidi",
    "direction",
    "-webkit-columns",
    "-moz-columns",
    "columns",
    "-webkit-column-span",
    "-moz-column-span",
    "column-span",
    "-webkit-column-width",
    "-moz-column-width",
    "column-width",
    "-webkit-column-count",
    "-moz-column-count",
    "column-count",
    "-webkit-column-fill",
    "-moz-column-fill",
    "column-fill",
    "-webkit-column-gap",
    "-moz-column-gap",
    "column-gap",
    "-webkit-column-rule",
    "-moz-column-rule",
    "column-rule",
    "-webkit-column-rule-width",
    "-moz-column-rule-width",
    "column-rule-width",
    "-webkit-column-rule-style",
    "-moz-column-rule-style",
    "column-rule-style",
    "-webkit-column-rule-color",
    "-moz-column-rule-color",
    "column-rule-color",
    "break-before",
    "break-inside",
    "break-after",
    "page-break-before",
    "page-break-inside",
    "page-break-after",
    "orphans",
    "widows",
    "-ms-zoom",
    "zoom",
    "max-zoom",
    "min-zoom",
    "user-zoom",
    "orientation"
    ]]
    }
  • id:rouge_2008
    今度はなぜか:(コロン)が抜けています。
    「"sort-order" [[」になっています。
    以前のコメントでは「"sort-order": [ [」となってますが、「"tab-size": true,」とした際に触っちゃいましたか?

    ※JSONの構文エラーがあるとファイルがないと判断されて、デフォルトの設定が適用されるという事で間違いないようです。
    コマンドラインでは「-c 設定ファイルのパス」で設定ファイルを指定できますが、指定したファイルに構文エラーがあると「Configuration file ファイルパス was not found.」になります。(ファイルを指定しなかった場合は、デフォルト設定が適用されます。)
  • id:webhate
    ありがとうございました。今度こそうまくいったようです。
    結局JSONの記述にのみ問題があったという事ですね。
  • id:webhate
    サブライムテキスト3上はおかげさまでうまくいったのですが、
    その後メモ帳を見たらやはりメモ帳の方はうまくいっていませんでした。
    下記のように始めのプロパティは変な場所になっています

    .c-corporate-name-sub { background-color: #00d550;
    color: #fff; /* background-color: #2cfe80;視認性が厳しい*/
    text-align: center;
    }

    このように改行があったのですがなくなってしまっています。
    .c-corporate-name-sub {
    background-color: #00d550;
    color: #fff;
    /* background-color: #2cfe80;視認性が厳しい*/
    text-align: center;
    }

    ER改行???とか、メモ帳には利用されない改行があるという噂を聞いたことがありますが、それが原因ですかね?
  • id:rouge_2008
    メモ帳がLFを認識しないのが原因のようですね。
    質問者さんはSublimeText3を使っていますし、メモ帳にこだわる必要はないと思います。
    複数の文字コードと改行コードに対応したテキストエディタは他にもありますので、起動が軽い物を1つ2つ入れて置くと便利です。
    個人的にはTeraPadを良く使っています。
    ※プラグインを入れすぎなければ、SubulimeText3の動作も軽いのではないかと思います。
  • id:webhate
    そうだと思いますが、実務上問題がないのならそれでいいです。
    クライアントなどに渡すさえも特に問題ないのですね。
  • id:rouge_2008
    実務上も特に問題が発生するとは思えません。
    成果物のデータ形式と受け渡し方法は契約次第ですから、クライアントによって異なる事もあると思います。
    サーバーにアップして納品完了とする場合もあれば、データをCD-R等、またはメール添付で送付する場合もあると思います。
    質問者さんはどのように受け渡していますか?
    テキストファイルの文字コードおよび改行コードはいつでも変換できますし、SubulimeText3にもその機能はあると思います。
    クライアントに合わせて希望を聞くなどして、必要に応じて渡すデータのみ変換してはいかがでしょう?
    Windowsで初心者ユーザー相手でしたら、メモ帳対応のCRLFに変換するといいと思いますが、それ以外はLFのままで大丈夫だと思います。
  • id:webhate
    クライアントがちゃんとサクラエディタでもいいのでエディタを使っていれば問題ないが、
    素人でメモ帳で見るような人だと不良品だと騒ぐので、
    メモ帳対応のCRLFに変換を面倒ですがしておいた方がいいのですね。
    ありがとうございました。
  • id:rouge_2008
    新たにソフトを導入してもらうより、変換してから渡すのが無難ではないかと思います。
  • id:webhate
    http://ippanse.techblog.jp/archives/2238655.html
    のようなコマンドですべてのhtml.css.jsを変換してあげるのがいいのですね。

    やっては見たのですが
    find <* /V "hogehogehoge" >*
    としてもうまくいきませんでした。

    どのようにやっていますか?
    gulpとかでやるんですかね?
  • id:rouge_2008
    コマンドの方が簡単な人はそれでいいと思います。
    私は以下のソフトが便利だと思っています。

    ・文字コード変換ツール「KanjiTranslator 1.6」
    http://www.kashim.com/kanjitranslator/
  • id:webhate
    ありがとうございます。

    これをインストールして複数のファイルをドラッグすれば一括でファイルの変換ができるのですね。
    これは便利ですね。
  • id:webhate
    空のCSSのセレクタとプロパティを削除してくれるのはうまくいているのですが、
    その隙間がそのまま残ってしまい異常な隙間になってしまう問題が起きました。
    恐らくこれは解決できないのでしょうね。
    始めから削除しておくか、削除をしないようにするしかないですよね。


    また、POSTCSSには対応していないようですね。
    下記のエラーが出ますがこれは気にしないでいいんでしょうね。
    Parsing error: Please check the validity of the block starting from line #17

    15 | color: var(--color-primary);
    16 | }
    18 | .logo {
    19 | color: var(--brand-color);

    Gonzales PE version: 3.0.0-28
    Syntax: css

この質問への反応(ブックマークコメント)

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません