[Hatsuki]

【お使いの Snow Monkey のバージョン】v8.3.1
【お使いのブラウザ】Safari
【当該サイトのURL】ローカル環境

===

-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;

のように、flexのrowを簡易的に変更できるクラスってありましたっけ？
無ければちょっと欲しいなと。

また、それを使用してflexの逆向きクラスをsectionブロックなどで使える形にしておけば、タイトルの位置などで逆にできるので、自由度も上がるし良いかなと考え中です。

例：

https://not-wiz.net/wp-content/uploads/files/test2.png

こんな感じを出来るって事で。どうっすか？

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ユーティリティクラスはありませんが、.c-row のカラムを逆順にできる .c-row--reverse はあります。

sass-basis/basis

A lightweight responsive Sass/CSS framework based on flexible box. – sass-basis/basis

github.com

♥ 0

いいねをした人: 居ません

[Hatsuki]

セクション（サイド見出し）ブロックの高度な設定のCSSに、それを入れても逆にならないので、何かしらのオプションを付けて .c-row--reverse を .c-row 部分に付与できるようにするのが良いっすかね…。

タイトルを右にするって事はあまり無いとは思いますが、ブロークングリッドと絡めるデザインだと右タイトルも割と使われる（使える）ので…、あっても良いかなと。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

SMB の「メディアと文章」に「画像の位置」という設定があって、それが右左入れ替えるやつなので、そんな感じで「見出しの位置」というのをつくりましょうかね。issue たてます。

♥ 0

いいねをした人: 居ません

[Hatsuki]

見出しの位置、良い感じっすなー。
対応有難うございます。
トピック閉じます。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿