-
構造を変えられないコンポーネントにSCSSのMixinを使ってMUSUBiiのCSSをコピーする機能。
例えば、WordPressのメニューはaタグにclassをつけるのが面倒。`.button` のスタイルを `.menu-item > a` にコピーできれば楽になる。
また、Vue.jsやReactのコンポーネントなどで、役割を分けるために独自のclass名を使うけどほぼ同じCSS…
-
セレクトボックスの矢印部分を擬似要素で描画していると思いますが、その部分をクリックしてもセレクトボックスが反応しません。矢印部分が小さいため、たまたまクリックしないと気づかないかもしれませんが...
```css
.select:not(.is-multiple):after {
pointer-events: none;
}
```
`pointer-events` プロ…
-
#227 #246 で作ったものが重たく辛かったので、シンプルで高速なものを作りたく他で検討。
- Next.js
- MDXが完全に対応している
- [Next.js | MDX](https://mdxjs.com/getting-started/next)
- [next.js/examples/with-mdx at master · zeit/next.j…
-
#227 でStorybookが辛くなったので、Twitterで教えてもらったDocsを使ってみる。
- [Docz](https://www.docz.site/)
-
gulp & HTML（Nunjucks）のデバッグが辛いので、試しにStorybookを導入してみる。
- [Storybook: UI component explorer for frontend developers](https://storybook.js.org/)
- [Storybook for HTML](https://storybook.js.org/docs/…
-
実務での利用を楽にするために `npm install` からのカスタマイズ方法を簡単にしていく。想定する制作スタイルは4つ。
- Static（gulp Nunjucks + gulp SCSS）：受託WebサービスUIテンプレ開発用
- WordPress（php + gulp SCSS）：受託WordPress開発用 ※LaravelのBladeは検討中
- Vue.js（Nuxt…
-
Dynamic mixinが使えないため、手動で静的に実装。以下にて利用する。
- [SCSSで出力管理・デフォルトの最小限化 · Issue #201 · qrac/musubii](https://github.com/qrac/musubii/issues/201)
-
MUSUBii他、プロジェクト用に追加。
-
CSS Variables版はponyfillを入れないとIEで色表示ができないので、ビルド後のファイルをどうするのか考える。
- `musubii-next.css` みたいに分けるパターン
- SCSSも `musubii-next.scss` を用意
- デフォルトをCSS Variables版にしてIEではponyfillを入れてねと案内する
- 受託制作考えると微妙か…
-
`$primary` などのテーマカラー変数を[Sass Dashi](https://github.com/qrac/sass-dashi)で外部化していたが、CSS Variables導入で内蔵した方が取り回しがよかったためMUSUBii内に移動。
> - [テーマカラーの除去 · Issue #2 · qrac/sass-dashi](https://github.com/qrac/s…