px2style

Pickles 2 CSS components.

Install

Install with npm.

Install with composer.

Custom Properties

Change log

px2style v2.0.16 (2021/11/26)

• .px2-header で、スモールスクリーンのときにショルダーメニューに収められるグローバルメニューの下に仕切り線を追加した。
• .px2-editor-type--html-gui のラベルを GUI から Block に変更。
• .px2-loading は .px2-modal よりも手前に表示されるようになった。
• .px2-open-in-new-window を追加。
• .px2-modal のスタイル改善。
• .px2-notice のダークモード対応を追加。
• カスタムプロパティが設定されていない場合に、デフォルトの値が適用されるようになった。
• その他いくつかの細かい修正。

px2style v2.0.15 (2021/06/26)

• --px2-text-color、 --px2-background-color を追加。

px2style v2.0.14 (2021/04/28)

• .px2-modal に、一時的にフォーム操作をできなくする機能を追加。
• その他いくつかの細かい修正。

px2style v2.0.13 (2021/04/04)

• ダークモードのコントラストをやや下げた。
• .px2-modal に、一時的に閉じれなくする機能を追加。
• .px2-input に、エラー表現 .px2-input--error を追加。
• フォームの入力リストモジュール .px2-form-input-list を追加。
• フォームの送信エリアモジュール .px2-form-submit-area を追加。
• その他いくつかの細かい修正。

px2style v2.0.12 (2021/02/21)

• .px2-grid を追加。
• .px2-modal に閉じるボタンを追加。
• .px2-input--block を追加。
• ダークモード対応 body.px2-darkmode を追加。

px2style v2.0.11 (2020/12/10)

• .px2-note-list を追加。
• .px2-btn で disabled が有効なとき、マウス操作に反応して見える問題を修正。
• スペルミスの修正: burette -> bullet
• JavaScriptの初期化オプションに additionalClassName を追加。
• ファイル名を変更: styles.css -> px2style.css, scripts.js -> px2style.js

px2style v2.0.10 (2020/08/12)

• .px2-btn--toggle-on を追加。
• .px2-input を追加。
• .px2-input-group を追加。

px2style v2.0.9 (2020/05/10)

• .px2-notice を追加。
• px2style.flashMessage() を追加。
• .px2-modal のスタイリングを改善。
• px2style.modal() で、タブキー操作に関する制御を改善。
• px2style.modal() が、ESCキーで閉じるようになった。
• px2style.modal() に、オプション onclose を追加。
• px2style.modal() が、多重に開けるようになった。

px2style v2.0.8 (2020/03/14)

• .px2-modal のスタイリングを改善。
• px2style.modal() に、オプション buttonsSecondary を追加。

px2style v2.0.7 (2019/12/13)

• .px2-btn が、 macOS Catalina で適切なフォントで表示されない問題を修正。
• ユーティリティ .px2-font-size-ll, .px2-font-size-l, .px2-font-size-s, .px2-font-size-ss を追加。
• ユーティリティ .px2-text-align-left, .px2-text-align-center, .px2-text-align-right を追加。
• .px2-vertical-list を追加。
• その他いくつかの細かい修正。

px2style v2.0.6 (2019/07/17)

• .px2-header で、サブメニューの開閉制御に関わる問題を修正。
• .px2-header が、小さい画面のときを考慮してスタイルが変化するようになった。
• .px2-header で、ハンバーガーメニューの書き方を修正。

px2style v2.0.5 (2019/05/28)

• px2style.message() を px2style.loadingMessage() に改名した。

px2style v2.0.4 (2019/05/27)

• .px2-header を追加。
• px2style.loading()、 px2style.message()、 px2style.closeLoading() を追加。
• その他いくつかの細かい修正。

px2style v2.0.3 (2019/01/13)

• .px2-link を追加。
• .px2-link.px2-link--burette を追加。
• .px2-editor-type に alias を追加。
• .px2-editor-type__*** を .px2-editor-type.px2-editor-type--*** に変更。(ただし古い書き方も互換性維持のため残します)
• List カテゴリを追加。
• ボタンアクションに "押した感触" を追加。
• px2-modal に form オプションを追加。

px2style v2.0.2 (2017/05/30)

• .px2-table を追加。
• .px2-document を追加。
• .px2-p を追加。
• .px2-slim を追加。
• .px2-responsive を追加。
• px2style.modal() に、オプション width を追加。

px2style v2.0.1 (2017/04/11)

• ボタンの背景色を不透過にした。
• px2-modal を追加。
• JavaScriptオブジェクト名を window.px2style に変更。

px2style v2.0.0 (2016/09/17)

• Initial Release.

License

MIT License

Author

• Tomoya Koyanagi tomk79@gmail.com
• website: https://www.pxt.jp/
• Twitter: @tomk79 https://twitter.com/tomk79/