問題タブ [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.
css - 分離スパンを使用して行で幅が同じ要素を定義する方法
Singularity でまだ達成できていないことが 1 つあります。現時点では、フロートから分離出力スタイルに切り替えて、グリッドと分離スパンを使用しようとしています。しかし、再現できないパターンが 1 つあります。もっとエレガントな方法があるかどうかはわかりません。フロート出力の場合、これまでに次の設定を使用しました。
同じ幅の 4 つのボックスが隣り合わせに並んでいます。しかし、アイソレーションスパン/アイソレーション出力で同じことを達成する方法。私が試したら
「列」ごとに n 番目の子と分離スパンを含める必要がありますか (float の例の n 番目の子では、最初と最後のボックスのみが表示されます)。または、上記のフロートの例のような短い方法はありますか? よろしくラルフ
gem - コンパスが特異点を見つけられない
コンパス フレームワークは、'singularitygs' フレームワーク/拡張機能を読み込めません/見つけられません:
RubyGem 経由でパッケージをインストールしました。
これにより、次の情報が得られます。
compass:dev私の Gruntfileのタスク:
結果：
次に、config.rbファイルを試しました：
次の内容で:
これですべてです。結果は次のとおりです。
そのため、Compass がそのフレームワークcompass frameworks --traceを別のディレクトリに持っているかどうかを確認しました。
ファイルがあるcompass frameworks --traceルート ディレクトリで同じコマンドを実行すると、同じエラーが発生します。config.rb
その問題を解決するために何ができるかわかりません。さらに、すべての gem ファイルをアンインストールしてインストールしても成功しません。多分それは間違った宝石環境gem envですか？
助けとヒントをありがとう、ダリウス
css - 積み重ねられた 2 つの Singularity アイソレーション スパン ボックスをクリアできません。そうしないと、隣接するボックスが移動します
次のテスト ケースを作成しました: http://www.sassmeister.com/gist/9127157
問題は、レイアウトが 3 列 (bp 1075px から開始) に切り替わるとすぐに、クラス .follow と .newsletter のクリアを none に切り替える必要があることです。しかし今、.newsletter ボックスは .follow ボックスの上に積み上げられています。
CSS だけでその問題を解決する方法はありますか (私は clearfix mixins を試しましたが運がありません)、または .newsletter と .follow の 2 つのクラスに必要な html マークアップのラッピング div はありますか? 私はアイデアがありません。:(
前もってありがとうラルフ
singularitygs - column-span 関数、グローバル グリッドではなく現在のグリッドの列の幅を返す方法は?
「column-span」関数を使用してグリッド列の幅を返したいのですが、この関数に特定のグリッドを含めずに、グローバルな「grid」変数が使用されています。
モバイル ファーストのデザインを作成しているため、グローバル グリッド変数は 4 に設定されていますが、「add-grid」を使用してブレークポイントを使用すると、div にはこの特定のグリッドに 16 列が含まれる必要があります。column-span はこれを無視するため、グリッドが 16 ではなく 4 列の場合に列を返します。
sass - bowerで特異点をインストールする正しい方法は?
yeoman gulp-webappプロジェクトに特異点をインストールする際に問題が発生しています。まず、bower で特異点をインストールしました。
その後、次のようなプロジェクト構造がありました。
次に、特異点を次のようにmain.scssファイルにインポートしました。
_ singularity.scssで、ブレークポイントのインポート パスを次のように修正しました。
ターミナルで実行するgulpと、次の奇妙なエラーが発生します。
このセットアップを実行する方法を知っている人はいますか?
ありがとう、オリ
css - Singularity の特定のコンテキストでガター スタイルをオーバーライドして、固定されたガターを取得することは可能ですか?
画像のマトリックスがあります。各行には 2 つの画像があり、1 つは 1/3 の幅、もう 1 つは 2/3 の幅で、2 つの間に溝があります。すべての画像の高さはまったく同じです。ただし、特定のビューポートでビューポートの幅を減らすと、2/3 画像の高さが 1/3 画像よりも小さくなります。この特定のケースで使用するデフォルトのガタースタイルが原因であると思われます。それ以外の場合は問題なく動作しますが、問題の原因はここにあるのかもしれません。
私のグリッド設定は次のとおりです。
cssのサンプル部分はそのように見えます（私はこれらのスイッチベースラインインクルードをさらに3つ持っています）：
私の質問は、単一の mixin またはレイアウト コンテキストのデフォルトのグリッド設定をオーバーライドすることは可能でしょうか? $gutter-styles: fixed after $gutter:.5 を試してみました。また、gutter-styles ステートメントをレイアウト ミックスインに追加しました。どちらもコンパス エラーにつながります。特異点 1.1.2 を使用しています。よろしくラルフ