問題タブ [singularitygs]

グリッドの視覚化を有効にする方法を理解するのに少し苦労しています: https://github.com/Team-Sass/Singularity/wiki/Creating-Grids#visualizing-your-grids。誰かが私にもっと助けを求めたり、例を共有したりできますか?

Singularity のグリッド切り替えが機能しません。彼らの wiki に従ってインストールしようとすると、singularitygs のようなフレームワークがないという応答が返ってきます。どうやらsingularitygs/templates/の下に実際にインストールされていますが、他の行をどこにでも追加しても何も起こらないようです。それは機能しますか？

Grid-toggle は '@include background-grid' の代替であり、キーを押して 'g' を押して背景グリッドを切り替えることができます。インストールとアクティベーションの手順 (Singularity Wiki、「グリッドの視覚化」) に従っても、動作しません。他の誰かがそれを使用していて、助けになるのではないかと思いました。次の 1 つの文があります。それはそれ自身を書くでしょう。セレクターの前に 2 文字の「a」を入力しなかったことに注意してください。ウィキにあります。よくわかりません。

gemfile がありません。gem 'grid-toggle' は、Ruby フォルダー (OSX 10.7.5) の奥深くにあります。style.scss の適切な場所に適切な行を配置していないことは明らかです。ドキュメンテーションは世界最高ではありませんね。

重なっているグリッド要素をその兄弟の前または後ろにレンダリングするように指定することはできますか?

.l-branding以下の私のコードは、 の後ろに divをレンダリングします.l-header。.l-brandingソースの順序で前に必要なので、モバイルで上 (スライドショー) に.l-headerレンダリングされます。.l-header

HTML:

SCSS: &ブレークポイントにposition:absolute;andz-index:10を使用できますが、もっと良い方法があるかどうか知りたいです。$tab$desk

明らかな何かを見逃していると確信しています...いくつかの要素のコンテキストを再宣言する必要があるようです。グローバル変数で次のように宣言しています。

フッター内に要素を配置しようとすると、オプションのコンテキスト変数を宣言しない限り機能しません。

最後の値がなければ、要素はグローバル グリッドのどこに配置したかを示しません。(もちろん、これは幅が 900px を超えています。)グローバルから変更しようとしている場合は、コンテキストを指定するだけでよいと思いました。

グローバル コンテキスト宣言で何かを見逃していませんか?

よろしくお願いします。

ST

次の HTML 構造があるとします。

...そして次の Singularity SCSS:

...次のようなレイアウトを作成したいと思います。ここでは、B がコンテナー A から 1 列左に引き出され、左端の 2 列にまたがります。

もちろん、私は自分で計算を行うことができますが、Singularity mixins と関数を使用してこれが可能になるはずだと感じています (結局のところ、それが私がグリッド フレームワークを使用している理由です :-)) しかし、寸法と配置を取得できませんBの正解。

の幅 (列スパン) と位置 (負のマージン左) を設定するには、どの Singularity mixins および/または関数を使用しdiv#bますか?

グリッドの視覚化https://github.com/Team-Sass/Singularity/wiki/Creating-Grids#visualizing-your-gridsの指示に従って、トグル機能を機能させようとしました。

まず、誰かが以下が実際に何をすることになっているのか説明できますか?

フォルダーといくつかのファイルを作成すると想定していますが、コマンドを実行しても何も起こりません。私が次のことをすると..

期待どおりにディレクトリとファイルを作成します。

私のプロジェクトは Singularity で正常に動作します (これは 1 つの SASS ファイル、1 つの html ファイルです)

@include background-gridは SCSS ファイル内で機能しますが、それが最初の方法であり、トグル バージョンに興味があります。

提供された grid.js AND grid.min.js ファイルを手動で含めようとし、index.html ファイルの先頭でそれらを参照しました。提案どおり、 body タグにdata-development-grid="show"を追加しました。トグルで動作させることはもちろん、デフォルトでグリッドを表示することさえできません。

ここに私の宝石ファイルの一部があります

そして私の単純なHTMLファイル

そして私の1つのSCSSファイル

上記のすべてのインポートの下に、いくつかのグリッド変数、コンテナー クラス、その他の基本的なスタイルがいくつかあります。

どんな助けでも感謝します。

ありがとう

私はかなり新しいsingularity.gsを使用してWebサイトを構築しています。div に背景色を指定するのに問題があります。これは私の html 構造です:

http://oi44.tinypic.com/205xt1i.jpg、「緑」の部分は私のabout divです。

この効果を実現するには、div の高さを設定する必要があります。

「height:340px」を削除すると、背景は描画されません。

http://oi39.tinypic.com/2s16ezl.jpg (私の薄い境界線のみ)

div の高さをコンテンツ (.photo,.text) にラップさせる方法はありますか?

注: .photo および .text の @include grid-span を削除すると、背景が表示されますが、特異点機能を失いたくありません

前もって感謝します！

メイン グリッドに合わせたまま、コンテナーから要素をプルすることは可能ですか?

下の画像では、私が達成しようとしていることを表しています。最初の列の小さな詳細を含むすべてのテキストが、列 2 と 3 にまたがるコンテナー上にあるとします。次に、小さなテキストをそのコンテナーから 1 列左にプルし、効果的に列 1 に移動します。リードコピーとの位置合わせを維持しながら。

赤いボックスはメイン グリッドで、青いボックスは内側のコンテナー要素です。

これは Singularity で可能ですか?