問題タブ [singularitygs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
sass - Singularty 1.x でサムネイル グリッドを作成すると、2 列目に余白がなくなります
Singularity 1.x でサムネイル グリッドを作成しようとしています。コードは次のとおりです。
問題は、2 番目の要素 ( を受け取る要素grid-span(1,2)
) にガター ( margin-right
) がないことです。
スクリーンショット:
number of columns を変更してみました$cols
が、結果は同じです。2 番目の要素を除いて、すべての要素が正しいマージンを受け取ります。
他の要素と同じように、2番目の要素に正しいマージンを持たせるにはどうすればよいですか?
singularitygs - 親グリッド定義を使用してネストされたグリッドを作成する方法
親と整列するネストされたグリッドを作成するにはどうすればよいですか?
グリッドがあるとしましょう: 2 4 4 3
中央の各列を 2 つの列で分割して、親コンテナーと整列するようにします。
ありがとう。
次のコードを考慮して、私の問題をさらに説明するには:
両方に役立つ 1 つのルールで記事のルールが繰り返されるのを避ける方法はありますか?
singularitygs - Singularity Grid System で add-gutter を使用するとエラーが発生する
私は Singularity でブレークポイントを使用しており、グリッドの外側の要素 (全幅のヘッダー ナビゲーション) にはブレークポイント拡張機能も使用しています。私のscreen.scssファイルには次のものがあります:
add-gutter() 呼び出しがなければ正常に動作しますが、それらを追加すると次のように壊れます:
私はこれを間違って使用していますか?誰でも修正するための提案を提供できますか?
編集: screen.scss の 99 行目は次のとおりです。
singularitygs - ネストされたグリッドとまだ混同されている
ようやく Singularity をテストする時間を見つけました。以前の問題に戻って、明らかな解決策を見つけることができませんでした。
私の問題は、ネストされたグリッドにあります。単純な12列のグリッドがあるとしましょう
そして、私のレイアウトでは、これらの 12 列のうち 9 列に拡張されるメイン コンテンツ エリアを使用します。
そのコンテンツ領域内に、3 列に分割されたセクションを作成する必要があります。つまり、内部の各記事は、親コンテナーの 3 列 (9 列のうち 9 列) にまたがります。
次のコードでこれを試しましたが、動作しません。
私の目標は、上記で行ったように、各行の最後の記事のルールを渡し、すべての記事に対して一般的な記事の宣言を行うことができる単純な宣言を持つことでした。
多分私の混乱は、私が使用している現在のグリッドシステムに慣れているためです。これを手伝ってもらえますか。親要素と整列できるようにグリッドをネストするための最良かつ最も実用的な方法は何ですか?
singularitygs - グリッド列の数に基づいて一連のクラスを作成するにはどうすればよいですか?
グリッド列の数に基づいて、使用可能なクラスのセットを Singularity に自動的に生成させる方法はありますか?