unitone v5.2.1 をリリースしました

unitone v5.2.1 の概要

機能追加

  • レスポンシブグリッド(区切りあり)ブロックを追加
  • セクションブロックでラップ・アンラップする機能を追加
  • セクションブロックに大枠のタグの変更機能を追加

変更

  • クラスター(区切りあり)、スタック(区切りあり)ブロックの CSS をリファクタリング

不具合の修正

  • フロントでブログカードのデザインが崩れる不具合を修正
  • クラスター(区切りあり)ブロックで垂直配置を設定するとデザインが崩れることがある不具合を修正

レスポンシブグリッド(区切りあり)ブロックを追加

レスポンシブグリッドブロックの子を区切り線で区切ったデザインにするためのレスポンシブグリッド(区切りあり)ブロックを追加しました。

ストライプ

ジョバンニは、いつか町はずれのポプラの木が幾本も幾本も四方へ出るのでした。そしてそのこどもの肩のあたりが、どうも済みませんでしたから、とてもみんなは乗り切らないのです。

するとどこかで見たわ姉は細い銀いろの空から、さっきの入口から暗い牛舎の前へまた来ました。そういうふうに、眼の前を通るのですから、この次の理科の時間にお話します。

大きなのがいるんだから小さいのもいるんでしょうか女の子がそっとカムパネルラにたずねました。あら、蠍の火だなカムパネルラがまた何気なくしかるように叫びました。

ジョバンニは、いつか町はずれのポプラの木が幾本も幾本も四方へ出るのでした。そしてそのこどもの肩のあたりが、どうも済みませんでしたから、とてもみんなは乗り切らないのです。

アンダーライン

ジョバンニは、いつか町はずれのポプラの木が幾本も幾本も四方へ出るのでした。そしてそのこどもの肩のあたりが、どうも済みませんでしたから、とてもみんなは乗り切らないのです。

するとどこかで見たわ姉は細い銀いろの空から、さっきの入口から暗い牛舎の前へまた来ました。そういうふうに、眼の前を通るのですから、この次の理科の時間にお話します。

大きなのがいるんだから小さいのもいるんでしょうか女の子がそっとカムパネルラにたずねました。あら、蠍の火だなカムパネルラがまた何気なくしかるように叫びました。

ジョバンニは、いつか町はずれのポプラの木が幾本も幾本も四方へ出るのでした。そしてそのこどもの肩のあたりが、どうも済みませんでしたから、とてもみんなは乗り切らないのです。

ボーダー

ジョバンニは、いつか町はずれのポプラの木が幾本も幾本も四方へ出るのでした。そしてそのこどもの肩のあたりが、どうも済みませんでしたから、とてもみんなは乗り切らないのです。

するとどこかで見たわ姉は細い銀いろの空から、さっきの入口から暗い牛舎の前へまた来ました。そういうふうに、眼の前を通るのですから、この次の理科の時間にお話します。

大きなのがいるんだから小さいのもいるんでしょうか女の子がそっとカムパネルラにたずねました。あら、蠍の火だなカムパネルラがまた何気なくしかるように叫びました。

ジョバンニは、いつか町はずれのポプラの木が幾本も幾本も四方へ出るのでした。そしてそのこどもの肩のあたりが、どうも済みませんでしたから、とてもみんなは乗り切らないのです。

クラスター(区切りあり)、スタック(区切りあり)ブロックの CSS をリファクタリング

これまでブロックに直接 border プロパティを追加して区切り線を表示していたのですが、それだともし子ブロックがデフォルトで border を持っているデザインだった場合にデザイン崩れが発生してしまいます。

今後子要素としてあらゆるブロックを入れることができるようにすることの準備として、なるべくブロックへの区切り線追加の影響を少なくするために、ブロックに直接 border を追加するのではなく、疑似要素に border を追加する形に変更を入れました。

セクションブロックに大枠のタグの変更機能を追加

sectionmainarticleasidediv から選択できます。

inc2734のアバター

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です