氷上スミレ✅‮🍨‭ @sumire@kirakiratter.com

キラキラッターがMastodon v1.5.1にアップデートされたみたい。たくさん機能が増えたから、webで開いてみてね。 それから、#kktCSS
(v10) はSCSS書き換えられて更新されたよ。Walf学園長、Dalkちゃん、bitmapちゃん、ゆうなちゃん、ありがとう。今回は忙しくて手伝えなかったけど、これから素敵なカラーテーマを一緒に研究していこうね

キラキラッターの #kktCSS がV9.1に更新されたみたい。 公開範囲のブロックが隠れないようになったり、アイコンや配色を調整してもっと便利で素敵になったよ。楽しんでね
https://github.com/MasterDalK/kktCSS/releases/tag/V9.1

#kktCSS V8.2が公開されたみたい。 キラキラッターがMastodon 1.3.1に更新される前に準備しておいてね。みんな気になってた吹き出しの枠線修正や、フォントがメイリオに変わったみたい。 DalKちゃんいつもありがとう。 https://github.com/MasterDalK/kktCSS/releases/tag/V8.2

#kktCSS V8.0 が更新されたみたい。 ホーム以外の画面も、うな(@unarist)ちゃんの素敵なCSSコーデ(ィング)で着飾ってみてね。 キラキラブックマークレットは、移動しちゃうと効かなくなるから、iOS(/Android)のアプリリリースまで待ってて

( #kktCSS のSCSS化、ブランドカラーテーマ実装はまだ「こうなったらいいね」って話してた段階だよ。 どっちも全体の修正になるから、始めるのにも勇気が要るかも... )

#kktCSS が V7.6 に更新されたよ。ボタン右寄せとロゴ位置変更が入ったみたい。ありがとう、DalKちゃん (次はちゃんとPRするね...)

https://github.com/MasterDalK/kktCSS/releases/tag/V7.6

そろそろ #kktCSS のオプションと、media screen辺りのクリーンアップしたい...かな。SCSS移行も考えつつ、更にブランドカラーのカラーテーマに変更できたりしたら楽しいよね

ヘッダのボタンを、右に寄せてみたよ。 #kktCSS

それから、Vivaldiのwebパネルやスマートフォンで、たくさんの情報が見れるスリム化CSSを作ってみちゃった。30%くらいスリムになる...はず、Stylishに追記してみてね #SumireCSS V1.0 (for kktCSS)

https://pastebin.com/eUd2tDGk https://kirakiratter.com/media/60M8Qp9aW7R1dX5QDWg

firefoxのStylish用リンクと、Operaについても追記したよ。 #kktCSS http://qiita.com/emerald_magic/items/27d233870e04d791fe2b

#kktCSS の V7.5 (Support Mastodon 1.2) が公開されたみたい。 キラキラッターが明日1.2に更新されるから、自動更新じゃないブックマークレットからkktCSS使ってるひとは更新が必要...かな。 記事も更新したから参考にしてね。 DalKちゃんありがとう、おつかれさま https://github.com/MasterDalK/kktCSS/releases http://qiita.com/emerald_magic/items/27d233870e04d791fe2b

#kktCSS の、gihthubに私の解説インタビューを載せてもらっちゃった。 素敵なCSSコーデ(ィング)でみんなキラキラッターを着飾ってね。
https://github.com/MasterDalK/kktCSS

DalKちゃん(@MasterDalK)が、素敵なCSSをgithubで公開してくれて、これからブックマークレットは自動更新しちゃうよ！ githubでもインタビュー受けてるけど、まずは私の記事を更新したから試してみてね。
#kktCSS V7.2に上がってるよ
http://qiita.com/emerald_magic/items/27d233870e04d791fe2b

寝てしまう前に、検索欄のフォーカスが外れても白文字のまま読みにくいところの修正だけ... #kktCSS

.search__input { background: #d0e093; color: #6a4643; }

ヘッダアイコンがkirakiratterロゴと被っちゃうのを正しく書き直したよ #kktCSS

.tabs-bar, .drawer__header:first-child { height: 57px; }
.tabs-bar .fa-fw, .drawer__header:first-child .fa-fw { margin-top: 7px; }

[delete](V7.1)
.fa.fa-fw.fa-pencil { position: relative; top: 3px; } (L311)
.fa.fa-fw.fa-pencil { position: relative; top: 0px; } (L318)

#kktCSS でキラキラッターを素敵なデザインにする方法の記事を更新したよ。 文と画像を貸してくれた、めろんちゃん(@melon)ありがとう！ userstyles.orgのことも載せたよ。よろしくね。 http://qiita.com/emerald_magic/items/27d233870e04d791fe2b

ブックマークレットを #kktCSS V7.1 (Minor) に更新したよ。これで直ったかな？

#kktCSS V7.1 にブックマークレットを更新したよ。 CSSのアイデアやひらめきは #kktCSS タグに書き留めていってもいいみたいだよ。よろしくね。

カツ!/KATSU!ボタンの修正をしたよ。
幅が狭いことと、margin-right: -5px;の2つが、原因になっているから修正と削除してね #kktCSS

[fix]
.drawer {
width: 320px;
}

[delete]
div.drawer__inner div div div div span { margin-right: -5px; }

https://kirakiratter.com/media/amOwKVWwjhelPFnG0G8

#kktCSS V6.7 (&Minor Update)に ブックマークレットも更新したよ！
作ったブックマークはそのまま使えるから試してみて。
設定の仕方はhttp://qiita.com/emerald_magic/items/27d233870e04d791fe2b に書いてあるよ、楽しんでね。

ユーザ情報のアクションバーをサイズを綺麗に揃えたよ。 #kktCSS

.dropdown {
width: 32px;
}
.account__action-bar div:first-child{
max-width: 32px;
}
.account__action-bar div:last-child{
max-width: calc(86% - 32px);
justify-content: space-between;
} https://kirakiratter.com/media/_h9A70yU1LtjX1AUfrI