問題タブ [less]

こんにちは Stackoverflow ユーザー...

私は本当にクールなスタイルをしようとしているこのウェブサイトを持っています.

http://kebax.dk/ブログ

ご覧のとおり、私の問題は、「境界線」の最後の部分が最後の 2 つの div をカバーしていないことです。

Div の構造は次のとおりです。

そして、これがその背後にあるCSSです（私のスタイルシートもチェックアウトできます）：

私がそれを機能させる唯一の方法は、を設定し、それを「中心」の中心にプッシュするようにposition:absolute追加left:65pxすることです:)絶対位置。

私はそれが行方不明の何かclear:bothだと思っていますが、それを修正する方法がわかりません...

誰でも助けることができますか？

編集：

CSS を改善するために LESS を使用しており、クラス内にクラスをネストしようとしています。かなり複雑な階層がありますが、何らかの理由でネストが機能しません。私はこれを持っています：

私は.g.posted仕事を得ることができません。.gそれはビットを示しているだけです。私がこれをすれば大丈夫です：

私は入れ子にしたいの.postedです.gが。何か案は？

less.jsでは、問題なく値を変数に置き換えることができます。

プロパティを変数に置き換えようとすると、エラーが発生します。Lessで次のことをどのように実行しますか？

lesscssサーバー側を使おうとしています。そのためにはnode.jsが必要です。インストールしていくつかのチュートリアルを確認しましたが、使用方法がわかりません。サーバー/TCPを作成した後、またはWebサイトからサーバー/TCPにアクセスする方法を教えてください。

mywebsite.com/cssのようにできるようにしたいのですが、そこに行くと、node.jsが指示するcssが出力されます。

LESScss はすべての rgba 色を 16 進数値に変換しますか?

以前に定義した色変数を渡すことができる mixin、たとえば .color を作成しようとしていますが、それを rgba にしたいと考えています。

これは機能しませんが、アイデアは次のとおりです。

どこ@colorvariableにあるでしょう、@blue: rgb(17,55,76);または@green: rgb(125,188,83);など。

.bgcolorこれらの変数の束を定義してから、それらをor .colormixinに渡し、その場でアルファ透明度を変更できるようにしたいと考えています。

これは可能だと思いますが、何かが欠けています。-現在、入力内容に関係なく、コードは 16 進カラー値のみを出力します。- @alpha 値 1 を渡すと、16 進カラー値が出力されます。@alpha 値が 1 未満の場合にのみ、ブラウザーに rgba 値を強制的に表示させます。それで解決です。

さて、事前定義された変数とは別に、rgb とパーツを渡すにはどうすればよいでしょうか?

HAML/Sass コンボの利用が大きな支持を得ることになると思います。私はたくさんの読書をしましたが、利点があります。

そうは言っても、私は Less.js とその考え方が本当に好きです。HAML と並べて実行できない理由はありますか?

ありがとう、逸話的な経験は大歓迎です。

Less gemは、Node.jsを使用してサーバー上で実行されるless.jsに置き換えられました。さらに、Railsの「公式」Lessプラグインは、2010年6月14日以降更新されていません。

これらすべてに照らして、最近のRailsでLessを使用するための推奨される方法は何ですか？これにはいつでもクライアントサイドのJSを使用できると思いますが、これは誰もが受け入れているようです。しかし、私はスタイルシートを変換するためだけにクライアント側のJSに依存することに夢中ではありません。特に、優雅に劣化させたいことを考えればなおさらです。Less.jsは非常に高速であると考えられていますが、原則として、CSSがブラウザーのJSエンジンに完全に依存することは望ましくありません。

Lessサーバーサイドをコンパイルしたいとすると、Railsで使用するための最近のベストプラクティスは何ですか？Node.jsを使用してLessを実行できることは知っていますが、かつてMoreで行っていたような優れたRails統合を探しています。

LinuxとMacで動作するものを探しています。理想的には、スタンドアロンアプリではなく、gemまたはRailsプラグインになります。

更新： RubyRacerを使用してLess.jsをRailsアプリに埋め込むことができるかどうかを調べています。誰かがそれについて意見を持っていますか？

更新2：この質問は本当に古いですが、まだ興味がある人のために、Rails3にはすぐにSCSS統合が付属していることを指摘したいと思います。SCSSは競争相手が少なく、非常に満足しています。

Rails で stylesheet_link_tag に相当するものは何ですか?

LESSを使用してこの古いCSSを作成するための最良の方法は何でしょうか？

私の理解に基づくと、次のようになります。

LESSを使用してCSSの作成を合理化しようとしています。これまでのところ良好ですが、問題に遭遇した場合、私のコードは次のようになります。

今、私font-weight:normal;はh1とh2の両方に適用したいのですが、すべてのルールに適用せずにこれを行うにはどうすればよいですか？