{"id":35546608,"url":"https://github.com/pickles2/px2style","last_synced_at":"2026-01-20T17:54:40.827Z","repository":{"id":41321961,"uuid":"61121332","full_name":"pickles2/px2style","owner":"pickles2","description":"Pickles 2 CSS components.","archived":false,"fork":false,"pushed_at":"2025-11-16T06:16:08.000Z","size":22069,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-11-16T08:12:13.692Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/pickles2.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2016-06-14T12:33:13.000Z","updated_at":"2025-11-16T06:02:34.000Z","dependencies_parsed_at":"2022-08-03T02:45:49.791Z","dependency_job_id":"bfe2388e-1e68-4b83-9cf8-85944f1a14d8","html_url":"https://github.com/pickles2/px2style","commit_stats":{"total_commits":264,"total_committers":2,"mean_commits":132.0,"dds":"0.0037878787878787845","last_synced_commit":"87b5430b7095f405ed7ff6976dda212b5715adee"},"previous_names":[],"tags_count":42,"template":false,"template_full_name":null,"purl":"pkg:github/pickles2/px2style","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pickles2%2Fpx2style","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pickles2%2Fpx2style/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pickles2%2Fpx2style/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pickles2%2Fpx2style/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/pickles2","download_url":"https://codeload.github.com/pickles2/px2style/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/pickles2%2Fpx2style/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28198686,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2026-01-04T02:00:06.065Z","response_time":58,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2026-01-04T06:02:10.510Z","updated_at":"2026-01-04T06:03:42.782Z","avatar_url":"https://github.com/pickles2.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# px2style\nPickles 2 CSS components.\n\n\n## Install\n\nInstall with npm.\n\n```bash\n$ npm install --save px2style\n```\n\nInstall with composer.\n\n```bash\n$ composer require pickles2/px2style\n```\n\n## Custom Properties\n\n```scss\n:root {\n\t--px2-font-family: \"Hiragino Kaku Gothic ProN\", \"Hiragino Sans\", \"Meiryo\", \"Helvetica Neue\", \"Arial\", sans-serif;\n\t--px2-main-color: #00a0e6;\n\t--px2-text-color: #333;\n\t--px2-background-color: #f9f9f9;\n\t--px2-border-color: #f0f0f0;\n}\n```\n\n## Change log\n\n### px2style v3.6.0 (2025年11月16日)\n\n- アピアランス用テーマファイルの構成を変更した。\n\t- ライトモード: `dist/themes/lightmode.css`\n\t- ダークモード: `dist/themes/darkmode.css`\n\t- システムの設定に合わせる: `dist/themes/default.css` (互換性維持のため `dist/themes/auto.css` でも可)\n\n### px2style v3.5.2 (2025年7月12日)\n\n- `.px2-form-input-list`, `.px2-vertical-list`, `.px2-horizontal-list`, `.px2-note-list`, および テーマスタイル の微修正。\n- `.px2-image-slider` の重なり順に関する問題を修正。\n\n### px2style v3.5.1 (2025年5月9日)\n\n- `.px2-viewport-fit` のレイアウトが崩れる場合がある問題を修正。\n\n### px2style v3.5.0 (2025年4月3日)\n\n- `.px2-viewport-fit` のポリシーを変更: フィットさせる処理はテーマによる拡張に委ねることにした。\n\n### px2style v3.4.3 (2025年3月5日)\n\n- `px2-btn`, `px2-a` について、デバイスによるスタイリングの差異を修正。\n- `px2-linklist` と ショルダーメニュー付き見出し の組み合わせで、ショルダーメニューが表示されない不具合を修正。\n\n### px2style v3.4.2 (2024年12月28日)\n\n- `px2-modal`: スクロールロックが無効になっていた不具合を修正。\n\n### px2style v3.4.1 (2024年12月25日)\n\n- プレースホルダ画像を `broccoli.getNoimagePlaceholder()` から取得するようになった。\n- コンテナクエリ導入に関する不具合の修正。\n\n### px2style v3.4.0 (2024年11月1日)\n\n- `px2style.closeModal()`、 `modal.close()` の第一引数が、 `onclose()` の引数として呼び出し側に返されるようになった。\n- 目次モジュール `:lists/index` の編集中の表示を英語化した。\n- メディアクエリで制御されていたモジュールを、コンテナクエリでの制御に移行した。\n- その他、いくつかの細かい改善。\n\n### px2style v3.3.0 (2024年9月10日)\n\n- Image List フィールドを追加。\n- Image Slider モジュールを追加。\n- 従来のカルーセルモジュールに非推奨フラグを追加。\n- `px2-modal`: タブキー操作に関する動作の改善。\n- `px2-modal` の `contentFill` オプションを有効にした場合のDOM構造を変更した。\n- 画像フィールドの `filenameAutoSetter` オプションのデフォルトを、 従来の `ifEmpty` から `random` に変更した。\n- 画像フィールドの `format` オプションが、デフォルトで `image/webp` に変換されるようにした。\n- 画像フィールドの `format` オプションに、フォーマット変換を行わない Boolean `false` または String `pass` の設定を追加した。\n- その他、いくつかの細かい改善。\n\n### px2style v3.2.5 (2024年4月30日)\n\n- `px2-modal`: ダークモードでのスタイリングに関する修正。\n- `auto` テーマを追加した。\n- `px2-horizontal-list` のマージン設定を改善。\n- その他、いくつかの細かい改善。\n\n### px2style v3.2.4 (2023年11月13日)\n\n- `.px2-index-list` を追加。\n- `darkmode` テーマを更新した。\n- その他、いくつかの細かい改善。\n\n### px2style v3.2.3 (2023年8月29日)\n\n- imageフィールドの自動リサイズ機能で、GIFを登録された場合に変換しないように変更した。\n\n### px2style v3.2.2 (2023年7月14日)\n\n- `px2style.css` に、いくつかのモジュールがビルドされていなかった不具合を修正。\n- `px2style.css` とテーマの分離に関する不具合の修正。\n\n### px2style v3.2.1 (2023年6月25日)\n\n- `.px2-viewport-fit` の処理を改善した。\n- `.px2-grid` の内容が幅に満たない場合に、中央に揃えられるようになった。\n\n### px2style v3.2.0 (2023年5月1日)\n\n- `.px2-p`、 `.px2-section`、 `.px2-notice`、 `.px2-tabs` のスタイルの修正。\n- ベーススタイルシートと defaultテーマ が切り離された。\n- `darkmode` テーマを更新した。\n\n### px2style v3.1.2 (2023年4月22日)\n\n- `px2style.form()` を追加。\n- `.px2-table.px2-table--dl` を追加。\n- `.px2-radio-switch` を追加。\n- `.px2-tabs` に、タブの折返しオプションを追加.\n- imageフィールドに、登録した画像が自動的にリサイズされる機能を追加した。\n- imageフィールドに、`format` オプションを追加した。\n- その他、いくつかの細かい改善。\n\n### px2style v3.1.1 (2023年3月11日)\n\n- `.px2-a` のスタイリングを改善。\n\n### px2style v3.1.0 (2023年2月11日)\n\n- モジュールのカテゴリ分けを改善した。\n- `px2style__image` フィールドを追加。\n- `.px2-linklist` のスタイリングを改善。\n- `.px2-grid` に 5/6幅 を追加した。\n- `.px2-grid` のマージン設計を改善。\n- `.px2-image` から、 `href`, `target` フィールドを削除した。\n- 新しいモジュール `.px2-image-banner-link` を追加した。\n- bug fix: `.px2-grid` で 3/4幅 が効かない不具合を修正。\n- 各Broccoliモジュールに、モジュールIDを明示した。\n- その他、いくつかの細かい改善。\n\n### px2style v3.0.2 (2022年12月28日)\n\n- `px2style.modal()` が重ねて開かれたとき、背景色が重なりすぎる問題を修正した。\n- `px2style.modal()` について、要素への自動フォーカス機能を改善した。\n- `px2style.modal()` に、オプション `height`, `contentFill` を追加。\n- `px2style.getOpenedModalCount()` を追加。\n- リンクリストのスタイリングを改善。\n- 画像モジュールで、拡大画像のモーダルを `px2style.modal()` で開くように修正した。\n- その他、細かい内部コードの改善。\n\n### px2style v3.0.1 (2022/11/03)\n\n- `px2style.modal()` のオプションに `onbgclick` を追加した。\n- `px2style.modal()` のオプションに `type` を追加した。`drawer-left` と `drawer-right` を追加した。\n- `px2style.modal()` で、タイトル、ボタンがない場合に、自動的にヘッダー、フッターを隠すようになった。\n\n### px2style v3.0.0 (2022/10/16)\n\n- Broccoliモジュールを追加し、モジュール機能が統合された。\n- `@layer px2style` を導入した。\n- `px2style.modal()` で、背景がスクロールされないようにする制御を追加した。\n- `px2style.modal()` のコンテナを `dialog` 要素に変更した。\n- セクションモジュール `.px2-section` を追加した。\n- `.px2-button`、 `.px2-input`、 `.px-input-group`, `.px2-form-input-list` の微調整。\n- `.px2-header`、 `.px2-editor-type`、 `.px2-document`、 `.px2-slim` を削除。\n- `px2style.setConfig()`、 `px2style.getConfig()` を廃止。\n- ダークモードを テーマファイルに分離した。\n- その他、いくつかの不具合の修正。\n\n### px2style v2.0.20 (2022/07/11)\n\n- `px2style.modal()` で、特定の操作により、背景にフォーカスを移動できる問題を修正。\n\n### px2style v2.0.19 (2022/06/05)\n\n- `px2style.modal()` で、モーダルを開いた直後に、モーダルのタイトルにフォーカスするようになった。\n- `px2style.modal()` に、 `replaceBody()` メソッドを追加。\n- `.px2-note`、 `.px2-error` を追加。\n- その他、いくつかの不具合の修正。\n\n### px2style v2.0.18 (2022/05/06)\n\n- `.px2-modal` で、閉じるボタンクリック時にフォームを送信してしまうことがある問題を修正。\n- `px2style.modal()` は modalオブジェクトを返すようになった。\n\n### px2style v2.0.17 (2022/05/02)\n\n- `.px2-modal` で、フォームロック中に閉じるボタンを隠すようになった。\n\n### px2style v2.0.16 (2021/11/26)\n\n- `.px2-header` で、スモールスクリーンのときにショルダーメニューに収められるグローバルメニューの下に仕切り線を追加した。\n- `.px2-editor-type--html-gui` のラベルを GUI から Block に変更。\n- `.px2-loading` は `.px2-modal` よりも手前に表示されるようになった。\n- `.px2-open-in-new-window` を追加。\n- `.px2-modal` のスタイル改善。\n- `.px2-notice` のダークモード対応を追加。\n- カスタムプロパティが設定されていない場合に、デフォルトの値が適用されるようになった。\n- その他いくつかの細かい修正。\n\n### px2style v2.0.15 (2021/06/26)\n\n- `--px2-text-color`、 `--px2-background-color` を追加。\n\n### px2style v2.0.14 (2021/04/28)\n\n- `.px2-modal` に、一時的にフォーム操作をできなくする機能を追加。\n- その他いくつかの細かい修正。\n\n### px2style v2.0.13 (2021/04/04)\n\n- ダークモードのコントラストをやや下げた。\n- `.px2-modal` に、一時的に閉じれなくする機能を追加。\n- `.px2-input` に、エラー表現 `.px2-input--error` を追加。\n- フォームの入力リストモジュール `.px2-form-input-list` を追加。\n- フォームの送信エリアモジュール `.px2-form-submit-area` を追加。\n- その他いくつかの細かい修正。\n\n### px2style v2.0.12 (2021/02/21)\n\n- `.px2-grid` を追加。\n- `.px2-modal` に閉じるボタンを追加。\n- `.px2-input--block` を追加。\n- ダークモード対応 `body.px2-darkmode` を追加。\n\n### px2style v2.0.11 (2020/12/10)\n\n- `.px2-note-list` を追加。\n- `.px2-btn` で disabled が有効なとき、マウス操作に反応して見える問題を修正。\n- スペルミスの修正: `burette` -\u003e `bullet`\n- JavaScriptの初期化オプションに `additionalClassName` を追加。\n- ファイル名を変更: `styles.css` -\u003e `px2style.css`, `scripts.js` -\u003e `px2style.js`\n\n### px2style v2.0.10 (2020/08/12)\n\n- `.px2-btn--toggle-on` を追加。\n- `.px2-input` を追加。\n- `.px2-input-group` を追加。\n\n### px2style v2.0.9 (2020/05/10)\n\n- `.px2-notice` を追加。\n- `px2style.flashMessage()` を追加。\n- `.px2-modal` のスタイリングを改善。\n- `px2style.modal()` で、タブキー操作に関する制御を改善。\n- `px2style.modal()` が、ESCキーで閉じるようになった。\n- `px2style.modal()` に、オプション `onclose` を追加。\n- `px2style.modal()` が、多重に開けるようになった。\n\n### px2style v2.0.8 (2020/03/14)\n\n- `.px2-modal` のスタイリングを改善。\n- `px2style.modal()` に、オプション `buttonsSecondary` を追加。\n\n### px2style v2.0.7 (2019/12/13)\n\n- `.px2-btn` が、 macOS Catalina で適切なフォントで表示されない問題を修正。\n- ユーティリティ `.px2-font-size-ll`, `.px2-font-size-l`, `.px2-font-size-s`, `.px2-font-size-ss` を追加。\n- ユーティリティ `.px2-text-align-left`, `.px2-text-align-center`, `.px2-text-align-right` を追加。\n- `.px2-vertical-list` を追加。\n- その他いくつかの細かい修正。\n\n### px2style v2.0.6 (2019/07/17)\n\n- `.px2-header` で、サブメニューの開閉制御に関わる問題を修正。\n- `.px2-header` が、小さい画面のときを考慮してスタイルが変化するようになった。\n- `.px2-header` で、ハンバーガーメニューの書き方を修正。\n\n### px2style v2.0.5 (2019/05/28)\n\n- `px2style.message()` を `px2style.loadingMessage()` に改名した。\n\n### px2style v2.0.4 (2019/05/27)\n\n- `.px2-header` を追加。\n- `px2style.loading()`、 `px2style.message()`、 `px2style.closeLoading()` を追加。\n- その他いくつかの細かい修正。\n\n### px2style v2.0.3 (2019/01/13)\n\n- `.px2-link` を追加。\n- `.px2-link.px2-link--burette` を追加。\n- `.px2-editor-type` に `alias` を追加。\n- `.px2-editor-type__***` を `.px2-editor-type.px2-editor-type--***` に変更。(ただし古い書き方も互換性維持のため残します)\n- List カテゴリを追加。\n- ボタンアクションに \"押した感触\" を追加。\n- `px2-modal` に `form` オプションを追加。\n\n### px2style v2.0.2 (2017/05/30)\n\n- `.px2-table` を追加。\n- `.px2-document` を追加。\n- `.px2-p` を追加。\n- `.px2-slim` を追加。\n- `.px2-responsive` を追加。\n- `px2style.modal()` に、オプション `width` を追加。\n\n### px2style v2.0.1 (2017/04/11)\n\n- ボタンの背景色を不透過にした。\n- `px2-modal` を追加。\n- JavaScriptオブジェクト名を `window.px2style` に変更。\n\n### px2style v2.0.0 (2016/09/17)\n\n- Initial Release.\n\n\n## License\n\nMIT License\n\n\n## Author\n\n- Tomoya Koyanagi \u003ctomk79@gmail.com\u003e\n- website: \u003chttps://www.pxt.jp/\u003e\n- Twitter: @tomk79 \u003chttps://twitter.com/tomk79/\u003e\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpickles2%2Fpx2style","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpickles2%2Fpx2style","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpickles2%2Fpx2style/lists"}