Sass ガイドライン (中国語版)_html/css_WEB-ITnose

Sass について

Sass の開発ドキュメントでは次のように説明されています:

Sass は CSS の拡張機能であり、CSS の使用をよりエレガントかつ強力にします。

Sass の最終目標は、CSS の欠点を解決することです。ご存知のとおり、CSS は完璧な言語ではありません。 CSS は習得が簡単ですが、特に大規模なプロジェクトでは、すぐに深刻な混乱を引き起こす可能性があります。

ここで、追加の機能とツールを提供することで CSS の構文を改善するメタ言語として Sass が登場します。同時に、CSS の元の機能が保持されます。

Sass の存在の目的は、CSS をフル機能のプログラミング言語に変えることではなく、単に欠陥を修正することです。このため、Sass の学習は CSS の学習と同じくらい簡単です。CSS にいくつかの追加機能を追加するだけです。

そうは言っても、これらの機能を使用する方法はたくさんあります。良いものもあれば、悪いもの、そして不可解なものもあります。このスタイル ガイドは、Sass コードを記述するための一貫した実証済みの方法を提供するように設計されています。

目次

• 著者について
• 寄稿
• 目次
• Sass について
  • Ruby Sass または LibSass
  • Sass または SCSS
  • その他のプリコンパイラー
• はじめに
  • スタイルガイドが必要な理由
  • 免責事項
  • 基本原則
• 構文形式
  • 文字列
    • エンコーディング
    • 引用符
    • CSS 値として
    • 引用符を含む文字列
    • URL
  • 数値
    • ゼロ値
    • 単位
    • 計算
    • マジックナンバー
  • 色
    • カラーフォーマット
    • 色と変数
    • 色を明るくしたり暗くしたり
  • リスト
  • マップ
    • Deb Sass マップの呼び出し
  • CSS ルールセット
  • 宣言の順序
  • セレクターのネスト
    • 一般規則
    • 例外
• 命名規則
  • 定数
  • 名前空間
コメント
• Markアクション
  ドキュメント
構造
• コンポーネント
  7-1 モード
  • ベースフォルダー
    レイアウトフォルダー
    コンポーネントフォルダー
    ページフォルダー
    テーマフォルダー
    ユーティリティフォルダー
    ベンダーフォルダー
    エントリーファイル
    Shame File
  レスポンシブデザインとブレークポイント
• 名前付きブレークポイント
  • ブレークポイントマネージャー
  • メディアクエリの使用法
  変数
• スコープ
  • !デフォルト識別子
  • !グローバル識別子
  • 多変数 Or マップ
  拡張
• 混合マクロ
• 基本
  • パラメータリスト
  • 混合マクロとブラウザーのプレフィックス
  条件文
• ループ
• Each
  • For
  • While
  警告とエラー
• 警告
  • エラー
  ツール
• コンパス
  • グリッドシステム
  • SCSS -lint
  概要 概要