問題タブ [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 - 「コンテナ」使用時のグリッドを示す Singularity Grid System
ここの特異点の問題で提案されているように、「コンテナ」の両側にパディングを配置する特異点レイアウトがあります: https://github.com/Team-Sass/Singularity/issues/91
これの基本的な要望は、両側にギャップがあり、小さな画面でクッションが見えるようにすることです.
私が理解していないのは@include background-grid、開発中に を使用してグリッドを表示する要素です。
に配置すると、.container実際にはグリッドの一部ではないパディングの下にグリッドが表示されます。もちろん、その中に要素を作成することもできますが、その要素は純粋に視覚的な開発を目的としているため、グリッド表示をオフにすると冗長になります。
下の画像で、黒い線がその親の端までどのように出ているかを見ることができます.containerが、グリッドはそれを超えています。
singularitygs - Singularitygs: すべての画面サイズを保持するモバイル グリッド
何らかの理由で、私のグリッドはすべての画面サイズでモバイル (3 列) グリッドのみを表示しています。以下の値を使用していますが、何が間違っているのかわかりません。どんな提案でも大歓迎です
以下の宝石を使用しています
singularitygs - clearfix mixen overflow:hidden を使用してコンテナーを超えて div をオーバーラップする
私は最近 SingularityGS 1.4.0 に更新しましたが、プロパティ を含む.containerを使用しているクラスで問題が発生しました。@include clearfix;overflow:hidden
スライドショー コンポーネントの場合、負/正のマージンを使用して、外側の矢印に重なる矢印を表示します.container。
問題のスクリーンショットは次のとおりです。
https://www.dropbox.com/s/yl4ch4yowe61kz7/Screenshot%202014-09-03%2010.06.50.png?dl=0
コンテナで clearfix mixin 以外のものを使用する必要がありますか?
css - 特異点の複数のガターが無視される
グリッドを生成するために Singularity.gs 1.5.1 を使用しています。追加の溝の寸法を宣言すると、それらは無視されます。これは私が持っているものです:
これにより、すべての画面サイズで 20px のグリッドが生成されます。docs によると、これは以下を生成するはずです：
0 - 640px で 20px
のガター 640px - 1024px で 30px
のガター 1024px 以上で 40px のガター
なぜこれが機能しないのですか？