-
#237 の結果、変数の `_space.scss` とスタイルの `_space.scss` の名前が重複してしまい、紛らわしくなった。
変数の方を、計測を目的とした `_meter.scss` に変更し、各変数も `$meter-xxl` などに修正する。sass-dashiを使っている既存プロジェクトへの影響もあるのでMigrationに記載する。
-
v6.6.0からv7.0.0への移行ガイド。一応残しておいて必要がなければ破棄。
---
## SCSS
### Import
SCSSファイルを内部でまとめ、少ないimportのみで使えるようになった。ファイルパスを以下5ファイルに修正する。移動・削除・追加されたファイルを修正しなくて済む。
```scss
// gulp-sass：普通に静的サイトを制作する場合…
-
#163 の詳細。
全てのスタイルを変数でON/OFFできるようにする。また、デフォルトを実務で利用頻度が高いものに制限してCSSを圧縮する。
-
実務での利用を楽にするために `npm install` からのカスタマイズ方法を簡単にしていく。想定する制作スタイルは4つ。
- Static（gulp Nunjucks + gulp SCSS）：受託WebサービスUIテンプレ開発用
- WordPress（php + gulp SCSS）：受託WordPress開発用 ※LaravelのBladeは検討中
- Vue.js（Nuxt…
-
膨大になってきたv7.0.0のアップデート内容と、旧バージョンからの移行方法をまとめておく。
v7.0.0はドキュメント整備などを含め2019年内の正式リリースを目指す。それまではnpmにalpha版として公開していく。実務・自前制作で検証。正式リリースまでは変数など根本的な変更なども大胆に行い、ドキュメント更新が間に合わないため、通常の `npm install` ではv6.6.0をインス…
-
`@-moz-document url-prefix()` がFirefox v69 βで効いていない様子。
- https://twitter.com/takamosoo/status/1161054920973250560
本リリースで変更になっていれば該当箇所を修正。
https://github.com/qrac/sass-dashi/blob/master/src/sc…
-
#176 に追加。
iPhone XやiPadなどのセーフエリア分のPaddingを作成するClass。
> - [【iPhoneX対応】webサイトのSafe Area対応（iOS11.1とiOS11.2） - Qiita](https://qiita.com/kanakana0330@github/items/6ae264b9da00c326ab1d)
> - [iPhoneXの…
-
`$primary` などのテーマカラー変数を[Sass Dashi](https://github.com/qrac/sass-dashi)で外部化していたが、CSS Variables導入で内蔵した方が取り回しがよかったためMUSUBii内に移動。
> - [テーマカラーの除去 · Issue #2 · qrac/sass-dashi](https://github.com/qrac/s…
-
`disabled` を表すクラスや変数が `disable` となっているが、`disabled` の方が属性名と統一できていい。変更するのであればメジャーアップデートのタイミングで。
- [Buttons · Bootstrap](https://getbootstrap.com/docs/4.1/components/buttons/#disabled-state)
- [Butto…
-
- [x] Shitaji.CSS・sass-dashi・MOFTONEをdependenciesに移動
- [x] Autoprefixerを本家に差し替え
- [x] node-sass-package-importerを削除
- [x] 自動でバージョン・ライセンスコメントを付与