-
## Releases
テーマ: リマスター（最新のCSSを使った既存版の再現）
- 全面改訂: CSSを新しい書き方で一新
- 表示互換: v7系のデザインをほぼすべて保てる
- 命名互換: v7系のクラスをそのまま使える
### Features
- CSS Variablesを標準化
- ダークテーマを標準化（data-theme="dark"）
- 新カラー…
qrac updated
6 months ago
-
3年半振りのメジャーアップデートを行う。v7公開は2020年1月だった。
2023年現在の実務に即した使い勝手の良い形にする。2021年末〜2022年3月に考えた #293 は考慮材料としつつ、それ自体は別プロジェクトの方向になったため新たに設計。
まず、制作者仲間との共通言語を増やすために、Design Tokens Community Groupのデザイントークンを踏襲。完全準拠で…
qrac updated
8 months ago
-
IE対応のため配布しているCSSファイルにCSS Variablesは使用されていないが、IEサポートも終了となりSCSSを利用するシーンも減っているため、CSS Variables版を同封する。これによりCDNやバンドルで即座にダークモードなどが利用できる。
### デフォルトライトモード＋OSダークモード
```html
```
### デフォルトライトモード＋…
-
非推奨だったDart Sassのimportが2022年10月1日で削除されるため、LibSass準拠のSCSS構造は作り替える必要がある。
- [Sass: The Module System is Launched](https://sass-lang.com/blog/the-module-system-is-launched#future-plans)
- [Sass: @impo…
-
## 画面表示
成功・失敗時に画面右上にアラート（https://musubii.qranoko.jp/styles/elements/alert）を表示する。
-
## コンセプト
- 依存させない：コピペで部分利用可・書き捨て可・使い捨て可・プロジェクト側で追えないCSSを減らす
- 複雑にしない：内部構造の簡略化・最小限の開発環境
- フルスクラッチ
案件のコンポーネントを[Chakra](https://chakra-ui.com/)や[MUI](https://mui.com/)みたいな感じで行きたいけど、納品物がSaaS用のテンプレ…
-
MUSUBiiのSCSS変数やMixinを、React案件でもっと手軽に使いたい。
NuxtやGridsomeなどのVueフレームワークはSFCでSCSSが使え、尚且つ全ファイルに `sass-resources-loader` を使って変数やMixinを渡せる。コンポーネント思考に合った開発スタイルで体験がとても良い。
NextやGatsbyなどのReactフレームワークで同じ使い方…
-
`.is-mobile-12` などのclass名を別の命名規則に変更する場合に機能が足りない。
`.hp_flex_mb1` にしようとしても `.hp_flex_mb-1` となり、ハイフンが変更できない。ハイフンを変数で変更する機能を追加する。
## Before
```scss
@include generate-style($option-generate-style…
-
MicrosoftがIEを推奨していないことと、MUSUBiiへのCSS Variables採用を踏まえ、「IEはCSS Varuables Ponyfillで一応対応できるが非推奨」というスタンスに変更。SCSSで `$use-css-variables: false;` 設定は可能とする。
> - [マイクロソフト、企業にInternet Explorerの使用をやめるよう要請。「IEは…
-
#226 の修正に関して
例えば、ボタン `.is-plain` の内容は `@include musubii-style-button-plain()` 転用できるようになったが、転用後のCSSにclass `.is-plain` を付与しなければ使えない仕様になっている。
mixinを使った時点で内容を転用できた方が良さそうだが、mixinが大量に増えるかもしれない。調査して使いや…