Singularity を使用してプロジェクトのリストを表示するための最適なソリューションを見つけようとしています。
基本的に各行の最後の項目のパディングを削除したいのですが、そのパディングをすべてのプロジェクトのプロジェクト全体の幅に戻します。
解決策は特異点よりもcssに関係があると思いますが、特異点内に私が見逃している良い解決策があるのではないでしょうか?
これらのプロジェクトは、最終的に cms によって定期的に追加されます。
Singularity を使用してプロジェクトのリストを表示するための最適なソリューションを見つけようとしています。
基本的に各行の最後の項目のパディングを削除したいのですが、そのパディングをすべてのプロジェクトのプロジェクト全体の幅に戻します。
解決策は特異点よりもcssに関係があると思いますが、特異点内に私が見逃している良い解決策があるのではないでしょうか?
これらのプロジェクトは、最終的に cms によって定期的に追加されます。
もちろん、次のようなこともできます。
&:nth-child(3n) {
margin-right: 0;
}
Singularity wiki では、これが機能するはずであることを示しているようです。
&:nth-child(3n) {
@include float-span(2, 'last');
}
しかし、その機能を理解していなかったか、理解していませんでした。
広範な回答をありがとう。
n番目の子セレクターについてはよく知っています。私はその道をたどりましたが、それは私にとってきれいな解決策ではないと判断しました。
フロートをクリアしなかったことは知っています...それは私の質問の一部ではありませんでした。
ドキュメントに基づいて、12px の固定高さを設定することは正しくありません: https://github.com/Team-Sass/Singularity/wiki/Creating-Grids#fixed-gutters
固定側溝が必要です。それがここでの問題の核心です。
これまでのところ気に入っている独自の固定ガター流体カラム ソリューションの作成を開始しました: http://codepen.io/joshuarule/pen/zsfEo