FirefoxのStylishが更新され、サイドバーの幅を可変にできなくなってしまいました。

Stylish を 2.1.1 → 3.0.1 にしたのですね。
このタイミングで、Stylish は WebExtension というアドオンの API を使うように変更されています（のはずです。ソースまで見てませんが）。
WebExtension は、かなり制約が厳しくて、ブラウザの UI の部分の CSS を変更できません。
Firefox 57 からは、この WebExtension を使ったアドオンしか有効にならないので、どんなアドオンを使っても、質問にあるようなことはできません。

ブラウザの UI の部分を変更するとしたら userChrome.css でやるしかないのですが、サイドバーの幅の指定がうまくできませんねえ...

ありがとうございます、何もしていないのですが、勝手にStylishが変わって、StylishUIがChromeと同じようなものになっていたのです。
FirefoxのStylishのほうが、だんぜん使いやすかったのに、大ショック。
サイドバーもおかしくなっているし、いいことは何もなく、元に戻せるなら、戻したいです。

2.1.1に戻し、解決いたしました。
いつまで使えるかは、わからないのですが、自動更新をオフにして、使える限り、旧式で使いたいと思います。
ヒントをいただいて、ありがとうございました。
回答に何か書いていただければ、ベストアンサーにさせていただきます。

どうも、おせっかいを焼きにきました。id:a-kuma3 さんのコメントにもありますが、
stylishを使わずにfirefox本体のcssを書き換える方法はuserChrome.cssがあります。
firefox57で動作確認をしたのでメモしておきます。サイドバーの背景色変更とサイドバー幅の制限解除ができました。

1.firefoxのヘルプ トラブルシューティング情報でプロファイルフォルダーの場所を見つける。
2.hogehoge.default（プロファイルフォルダ） のすぐ下に chromeフォルダを作る
3.chromeフォルダにuserChrome.cssを作る

>>userChrome.cssの内容は ここから
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

@-moz-document url(chrome://browser/content/browser.xul) {
/* サイドバーの背景色 */
#sidebar-box, #sidebar { background-color: red;}

/* サイドバー幅の制限をなくす */
#sidebar-box {
overflow-x: hidden !important;
}
#sidebar {
min-width: 0px !important;
max-width: none !important;
overflow-x: hidden !important;
}
}
<<ここまで

情報提供ありがとうございます。
調べてみたいと思います。

コメントが消されてる、ってことは、userChrome.css を作ることはできた、ということかな？

あっご心配いただいて、ありがとうございます。
やってみたのですが、どうしてもできないので、発狂して、結局、56に戻しました。
あとは、そのうち、Waterfoxに変えてみようかな、とかです。
57は、けっこう速いですが、やっぱり、便利なアドオンが使えなくなると、Firefoxを使うメリットが、なくなってしまうので、速さよりも、アドオンを重視してしまいます…。
「Make Link」とか、絶対に必要なので、57は、私は、困りますね…。

私も質問者さんと同じような状況です。（firefoxを更新したらstylishが使えない）
stylishのバージョンを古くすれば使えるようになるんですか？

stylishの最新のを削除してバージョン 2.1.1をインストールしたら使えました。ちなみに私の場合Firefox ESRが最新版に自動更新されたら使えなくなりました。皆さんのコメ参考になりました。