仕様変更Ver.2.14.1→3.0.0

【件名】「アコーディオン（トグル）」ブロックのボーダー色が反映されない

現象

「アコーディオン（トグル）」ブロックのボーダー色をカスタムカラーに設定した際、枠線だけがデフォルトカラー（#cccccc）のままとなってしまう。

原因

カスタムカラーを設定するとstyle属性に--cocoon-custom-border-colorが出力されるが、該当箇所のCSSでデフォルトカラーの変数（--border-color）が直接指定されているため、カスタムカラーの設定が反映されない。

cocoon/skins/skin-made-in-heaven/style.css at 9de3b38ce1b1f236ff12b449951028c651533a28 · xserver-inc/cocoon

100％GPLの無料WordPressテーマです。開発中の開発バージョンです。安定版をダウンロードする場合は、Cocoon配布サイトからダウンロードしてください。 - xserver-inc/cocoon

github.com

対策

カスタムカラーが設定された場合、--cocoon-custom-border-colorを優先で適用させる。

.toggle-wrap {
  border: 1px solid var(--cocoon-custom-border-color, var(--border-color));
}

変更一覧