azukiazusa1 / sapper-blog-app

https://azukiazusa.dev
MIT License
67 stars 26 forks source link

CSS の `@property` ルールでカスタムプロパティを定義する #1173

Closed azukiazusa1 closed 3 months ago

github-actions[bot] commented 3 months ago

ファイルの検証に失敗しました。

ファイル名

contents/blogPost/rim--EWuXoYgodt9mDbZl.md

エラー内容

{
  "name": "YAMLException",
  "reason": "bad indentation of a sequence entry",
  "mark": {
    "name": null,
    "buffer": "id: rim--EWuXoYgodt9mDbZl\ntitle: \"CSS の `@property` ルールでカスタムプロパティを定義する\"\nslug: \"define-custom-properties-with-css-property-rule\"\nabout: \"CSS の @property ルールを使うことで、CSS のカスタムプロパティを定義できます。カスタムプロパティを定義することでプロパティの構文チェック、デフォルト値の設定、プロパティが値を継承するかどうかの設定などが可能になります。カスタムプロパティに誤った値が代入されることを防いだり、グラデーションのアニメーションなど、従来は実装が難しかった機能をサポートすることができます。\"\ncreatedAt: \"2024-07-13T16:16+09:00\"\nupdatedAt: \"2024-07-13T16:16+09:00\"\ntags: [\"CSS\"]\nthumbnail:\n  url: \"https://images.ctfassets.net/in6v9lxmm5c8/6XPepRCNVx6UbiH3LhkvCN/c0c1f29eca8869d867f84c68117f69b3/sea_surfing_9367.png\"\n  title: \"海とサーフボードのイラスト\"\nselfAssessment:\n  quizzes:\n    - question: \"`@property` ルールにおいて初期値を設定するために使用するフィールドはどれか?\"\n      answers:\n        - text: \"initial\"\n          correct: false\n          explanation: \"\"\n        - text: \"initial-value\"\n          correct: true\n          explanation: \"\"\n        - text: \"default\"\n          correct: false\n          explanation: \"\"\n        - text: \"default-value\"\n          correct: false\n          explanation: \"\"\n    - question: \"`@property` ルールの `syntax` フィールドにおいて `<number>+` と指定されている場合、次のうち代入可能な値はどれか?\"\n      answers:\n        - text: \"10 20 30 40\"\n          correct: true\n          explanation: `<number>` は整数または小数部分のある数値、`+` はスペース区切りのリストを表すため、`0 0 0 0` は代入可能な値となります。\n        - text: \"1px\"\n          correct: false\n          explanation: `<number>` には単位を含む数値を代入することはできません。\n        - text: \"10, 20, 30, 40\"\n          correct: false\n          explanation: `+` はスペース区切りのリストを表すため、`,` 区切りのリストは代入可能な値となりません。\n        - text: \"10px 10px 10px #fff\"\n          correct: false\n          explanation: `<number>` がデータ型に指定されているため、カラーコードなどの他のデータ型の値は代入できません。\n\npublished: true\n\u0000",
    "position": 1189,
    "line": 30,
    "column": 23
  },
  "message": "bad indentation of a sequence entry at line 31, column 24:\n              explanation: `<number>` は整数または小数部分のある数値、`+` は ... \n                           ^"
}