{"action":"created","comment":{"url":"https://api.github.com/repos/yued-fe/y-translation/pulls/comments/192659371","pull_request_review_id":125473971,"id":192659371,"node_id":"MDI0OlB1bGxSZXF1ZXN0UmV2aWV3Q29tbWVudDE5MjY1OTM3MQ==","diff_hunk":"@@ -7,36 +7,36 @@\n > * 校对者：\n \n \n-# A Strategy Guide To CSS Custom Properties\n+# CSS定制属性的策略指南\n \n-**ABOUT THE AUTHOR** Mike is an independent web developer from Australia who has worked on some of Australia’s largest websites as well as some of the smallest community … <a href=\"https://www.smashingmagazine.com/author/michaelriethmuller/\">More about Michael…</a>\n+**关于作者** Mike是来自澳大利亚的独立网站开发人员，曾在澳大利亚的一些最大的网站以及一些最小的社区工作...... <a href=\"\">关于Michael的更多信息...</a>\n \n-> CSS Custom Properties (sometimes known as ‘CSS variables’) are now supported in all modern browsers, and people are starting to use them in production. This is great, but they’re different from variables in preprocessors, and I’ve already seen many examples of people using them without considering what advantages they offer.\n+> 所有现代浏览器现在都支持CSS自定义属性（有时称为“CSS变量”），并且人们开始在项目中使用它们。这很棒，但它们与预处理器中的变量不同，我已经看到许多人使用它们的例子，而没有考虑它们提供的优点。\n \n-Custom properties have a huge potential to change how we write and structure CSS and to a lesser extent, how we use JavaScript to interact with UI components. I’m not going to focus on the syntax and how they work (for that I recommend you read “<a href=\"https://www.smashingmagazine.com/2017/04/start-using-css-custom-properties/\">It’s Time To Start Using Custom Properties</a>”). Instead, I want to take a deeper look at strategies for getting the most out of CSS Custom Properties.\n+自定义属性有很大的潜力可以改变我们编写和构造CSS的方式，并且在更小程度上改变我们如何使用JavaScript与UI组件交互。我不会专注于语法和它们的工作方式（为此，我建议你阅读“ <a href=\"https://www.smashingmagazine.com/2017/04/start-using-css-custom-properties/\">现在是时候开始使用自定义属性</a> ”）。相反，我想深入了解如何充分利用CSS自定义属性。\n \n-### How Are They Similar To Variables In Preprocessors?\n-Custom Properties are a little bit like variables in preprocessors but have some important differences. The first and most obvious difference is the syntax.\n+### 它们如何与预处理器中的变量相似？\n+自定义属性有点像预处理器中的变量，但有一些重要的区别。第一个也是最明显的区别是语法。\n \n-With SCSS we use a dollar symbol to denote a variable:\n+随着SCSS我们用一个美元符号来表示一个变量：\n \n ``` scss\n $smashing-red: #d33a2c;\n ```\n-In Less we use an @ symbol:\n+至少我们使用一个@符号：\n ``` scss\n smashing-red: #d33a2c;\n ```\n-Custom properties follow a similar conventions and use a -- prefix:\n+自定义属性遵循类似的约定并使用--前缀：","path":"todo/A Strategy Guide To CSS Custom Properties.md","position":33,"original_position":33,"commit_id":"001bd44b3f6ec9f1a640c638090eb65875bd35a9","original_commit_id":"001bd44b3f6ec9f1a640c638090eb65875bd35a9","user":{"login":"ziven27","id":7261176,"node_id":"MDQ6VXNlcjcyNjExNzY=","avatar_url":"https://avatars1.githubusercontent.com/u/7261176?v=4","gravatar_id":"","url":"https://api.github.com/users/ziven27","html_url":"https://github.com/ziven27","followers_url":"https://api.github.com/users/ziven27/followers","following_url":"https://api.github.com/users/ziven27/following{/other_user}","gists_url":"https://api.github.com/users/ziven27/gists{/gist_id}","starred_url":"https://api.github.com/users/ziven27/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/ziven27/subscriptions","organizations_url":"https://api.github.com/users/ziven27/orgs","repos_url":"https://api.github.com/users/ziven27/repos","events_url":"https://api.github.com/users/ziven27/events{/privacy}","received_events_url":"https://api.github.com/users/ziven27/received_events","type":"User","site_admin":false},"body":"自定义属性遵循类似的约定并使用--前缀的方式：","created_at":"2018-06-04T08:20:40Z","updated_at":"2018-06-04T08:20:40Z","html_url":"https://github.com/yued-fe/y-translation/pull/31#discussion_r192659371","pull_request_url":"https://api.github.com/repos/yued-fe/y-translation/pulls/31","author_association":"NONE","_links":{"self":{"href":"https://api.github.com/repos/yued-fe/y-translation/pulls/comments/192659371"},"html":{"href":"https://github.com/yued-fe/y-translation/pull/31#discussion_r192659371"},"pull_request":{"href":"https://api.github.com/repos/yued-fe/y-translation/pulls/31"}}},"pull_request":{"url":"https://api.github.com/repos/yued-fe/y-translation/pulls/31","id":192319008,"node_id":"MDExOlB1bGxSZXF1ZXN0MTkyMzE5MDA4","html_url":"https://github.com/yued-fe/y-translation/pull/31","diff_url":"https://github.com/yued-fe/y-translation/pull/31.diff","patch_url":"https://github.com/yued-fe/y-translation/pull/31.patch","issue_url":"https://api.github.com/repos/yued-fe/y-translation/issues/31","number":31,"state":"open","locked":false,"title":"CSS定制属性的策略指南","user":{"login":"popeyesailorman","id":16134753,"node_id":"MDQ6VXNlcjE2MTM0NzUz","avatar_url":"https://avatars0.githubusercontent.com/u/16134753?v=4","gravatar_id":"","url":"https://api.github.com/users/popeyesailorman","html_url":"https://github.com/popeyesailorman","followers_url":"https://api.github.com/users/popeyesailorman/followers","following_url":"https://api.github.com/users/popeyesailorman/following{/other_user}","gists_url":"https://api.github.com/users/popeyesailorman/gists{/gist_id}","starred_url":"https://api.github.com/users/popeyesailorman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/popeyesailorman/subscriptions","organizations_url":"https://api.github.com/users/popeyesailorman/orgs","repos_url":"https://api.github.com/users/popeyesailorman/repos","events_url":"https://api.github.com/users/popeyesailorman/events{/privacy}","received_events_url":"https://api.github.com/users/popeyesailorman/received_events","type":"User","site_admin":false},"body":"#30 翻译完成","created_at":"2018-06-04T07:26:10Z","updated_at":"2018-06-04T08:20:40Z","closed_at":null,"merged_at":null,"merge_commit_sha":"5c7bdb2d4ddfbf61805dbce1cee6f97b5dae6847","assignee":null,"assignees":[],"requested_reviewers":[],"requested_teams":[],"labels":[{"id":893681966,"node_id":"MDU6TGFiZWw4OTM2ODE5NjY=","url":"https://api.github.com/repos/yued-fe/y-translation/labels/CSS","name":"CSS","color":"d4c5f9","default":false},{"id":887063792,"node_id":"MDU6TGFiZWw4ODcwNjM3OTI=","url":"https://api.github.com/repos/yued-fe/y-translation/labels/%E4%B8%80%E6%A0%A1%E6%AD%A3%E5%9C%A8%E6%A0%A1%E5%AF%B9","name":"一校正在校对","color":"c5def5","default":false}],"milestone":null,"commits_url":"https://api.github.com/repos/yued-fe/y-translation/pulls/31/commits","review_comments_url":"https://api.github.com/repos/yued-fe/y-translation/pulls/31/comments","review_comment_url":"https://api.github.com/repos/yued-fe/y-translation/pulls/comments{/number}","comments_url":"https://api.github.com/repos/yued-fe/y-translation/issues/31/comments","statuses_url":"https://api.github.com/repos/yued-fe/y-translation/statuses/001bd44b3f6ec9f1a640c638090eb65875bd35a9","head":{"label":"popeyesailorman:master","ref":"master","sha":"001bd44b3f6ec9f1a640c638090eb65875bd35a9","user":{"login":"popeyesailorman","id":16134753,"node_id":"MDQ6VXNlcjE2MTM0NzUz","avatar_url":"https://avatars0.githubusercontent.com/u/16134753?v=4","gravatar_id":"","url":"https://api.github.com/users/popeyesailorman","html_url":"https://github.com/popeyesailorman","followers_url":"https://api.github.com/users/popeyesailorman/followers","following_url":"https://api.github.com/users/popeyesailorman/following{/other_user}","gists_url":"https://api.github.com/users/popeyesailorman/gists{/gist_id}","starred_url":"https://api.github.com/users/popeyesailorman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/popeyesailorman/subscriptions","organizations_url":"https://api.github.com/users/popeyesailorman/orgs","repos_url":"https://api.github.com/users/popeyesailorman/repos","events_url":"https://api.github.com/users/popeyesailorman/events{/privacy}","received_events_url":"https://api.github.com/users/popeyesailorman/received_events","type":"User","site_admin":false},"repo":{"id":135707499,"node_id":"MDEwOlJlcG9zaXRvcnkxMzU3MDc0OTk=","name":"y-translation","full_name":"popeyesailorman/y-translation","owner":{"login":"popeyesailorman","id":16134753,"node_id":"MDQ6VXNlcjE2MTM0NzUz","avatar_url":"https://avatars0.githubusercontent.com/u/16134753?v=4","gravatar_id":"","url":"https://api.github.com/users/popeyesailorman","html_url":"https://github.com/popeyesailorman","followers_url":"https://api.github.com/users/popeyesailorman/followers","following_url":"https://api.github.com/users/popeyesailorman/following{/other_user}","gists_url":"https://api.github.com/users/popeyesailorman/gists{/gist_id}","starred_url":"https://api.github.com/users/popeyesailorman/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/popeyesailorman/subscriptions","organizations_url":"https://api.github.com/users/popeyesailorman/orgs","repos_url":"https://api.github.com/users/popeyesailorman/repos","events_url":"https://api.github.com/users/popeyesailorman/events{/privacy}","received_events_url":"https://api.github.com/users/popeyesailorman/received_events","type":"User","site_admin":false},"private":false,"html_url":"https://github.com/popeyesailorman/y-translation","description":"阅文集团前端翻译项目","fork":true,"url":"https://api.github.com/repos/popeyesailorman/y-translation","forks_url":"https://api.github.com/repos/popeyesailorman/y-translation/forks","keys_url":"https://api.github.com/repos/popeyesailorman/y-translation/keys{/key_id}","collaborators_url":"https://api.github.com/repos/popeyesailorman/y-translation/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/popeyesailorman/y-translation/teams","hooks_url":"https://api.github.com/repos/popeyesailorman/y-translation/hooks","issue_events_url":"https://api.github.com/repos/popeyesailorman/y-translation/issues/events{/number}","events_url":"https://api.github.com/repos/popeyesailorman/y-translation/events","assignees_url":"https://api.github.com/repos/popeyesailorman/y-translation/assignees{/user}","branches_url":"https://api.github.com/repos/popeyesailorman/y-translation/branches{/branch}","tags_url":"https://api.github.com/repos/popeyesailorman/y-translation/tags","blobs_url":"https://api.github.com/repos/popeyesailorman/y-translation/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/popeyesailorman/y-translation/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/popeyesailorman/y-translation/git/refs{/sha}","trees_url":"https://api.github.com/repos/popeyesailorman/y-translation/git/trees{/sha}","statuses_url":"https://api.github.com/repos/popeyesailorman/y-translation/statuses/{sha}","languages_url":"https://api.github.com/repos/popeyesailorman/y-translation/languages","stargazers_url":"https://api.github.com/repos/popeyesailorman/y-translation/stargazers","contributors_url":"https://api.github.com/repos/popeyesailorman/y-translation/contributors","subscribers_url":"https://api.github.com/repos/popeyesailorman/y-translation/subscribers","subscription_url":"https://api.github.com/repos/popeyesailorman/y-translation/subscription","commits_url":"https://api.github.com/repos/popeyesailorman/y-translation/commits{/sha}","git_commits_url":"https://api.github.com/repos/popeyesailorman/y-translation/git/commits{/sha}","comments_url":"https://api.github.com/repos/popeyesailorman/y-translation/comments{/number}","issue_comment_url":"https://api.github.com/repos/popeyesailorman/y-translation/issues/comments{/number}","contents_url":"https://api.github.com/repos/popeyesailorman/y-translation/contents/{+path}","compare_url":"https://api.github.com/repos/popeyesailorman/y-translation/compare/{base}...{head}","merges_url":"https://api.github.com/repos/popeyesailorman/y-translation/merges","archive_url":"https://api.github.com/repos/popeyesailorman/y-translation/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/popeyesailorman/y-translation/downloads","issues_url":"https://api.github.com/repos/popeyesailorman/y-translation/issues{/number}","pulls_url":"https://api.github.com/repos/popeyesailorman/y-translation/pulls{/number}","milestones_url":"https://api.github.com/repos/popeyesailorman/y-translation/milestones{/number}","notifications_url":"https://api.github.com/repos/popeyesailorman/y-translation/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/popeyesailorman/y-translation/labels{/name}","releases_url":"https://api.github.com/repos/popeyesailorman/y-translation/releases{/id}","deployments_url":"https://api.github.com/repos/popeyesailorman/y-translation/deployments","created_at":"2018-06-01T11:04:52Z","updated_at":"2018-06-04T07:24:47Z","pushed_at":"2018-06-04T07:24:46Z","git_url":"git://github.com/popeyesailorman/y-translation.git","ssh_url":"git@github.com:popeyesailorman/y-translation.git","clone_url":"https://github.com/popeyesailorman/y-translation.git","svn_url":"https://github.com/popeyesailorman/y-translation","homepage":"","size":11682,"stargazers_count":0,"watchers_count":0,"language":null,"has_issues":false,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":0,"mirror_url":null,"archived":false,"open_issues_count":0,"license":null,"forks":0,"open_issues":0,"watchers":0,"default_branch":"master"}},"base":{"label":"yued-fe:master","ref":"master","sha":"406442fad0f5079719dacddd46d7e982bcac64e0","user":{"login":"yued-fe","id":16679226,"node_id":"MDEyOk9yZ2FuaXphdGlvbjE2Njc5MjI2","avatar_url":"https://avatars3.githubusercontent.com/u/16679226?v=4","gravatar_id":"","url":"https://api.github.com/users/yued-fe","html_url":"https://github.com/yued-fe","followers_url":"https://api.github.com/users/yued-fe/followers","following_url":"https://api.github.com/users/yued-fe/following{/other_user}","gists_url":"https://api.github.com/users/yued-fe/gists{/gist_id}","starred_url":"https://api.github.com/users/yued-fe/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yued-fe/subscriptions","organizations_url":"https://api.github.com/users/yued-fe/orgs","repos_url":"https://api.github.com/users/yued-fe/repos","events_url":"https://api.github.com/users/yued-fe/events{/privacy}","received_events_url":"https://api.github.com/users/yued-fe/received_events","type":"Organization","site_admin":false},"repo":{"id":127707491,"node_id":"MDEwOlJlcG9zaXRvcnkxMjc3MDc0OTE=","name":"y-translation","full_name":"yued-fe/y-translation","owner":{"login":"yued-fe","id":16679226,"node_id":"MDEyOk9yZ2FuaXphdGlvbjE2Njc5MjI2","avatar_url":"https://avatars3.githubusercontent.com/u/16679226?v=4","gravatar_id":"","url":"https://api.github.com/users/yued-fe","html_url":"https://github.com/yued-fe","followers_url":"https://api.github.com/users/yued-fe/followers","following_url":"https://api.github.com/users/yued-fe/following{/other_user}","gists_url":"https://api.github.com/users/yued-fe/gists{/gist_id}","starred_url":"https://api.github.com/users/yued-fe/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/yued-fe/subscriptions","organizations_url":"https://api.github.com/users/yued-fe/orgs","repos_url":"https://api.github.com/users/yued-fe/repos","events_url":"https://api.github.com/users/yued-fe/events{/privacy}","received_events_url":"https://api.github.com/users/yued-fe/received_events","type":"Organization","site_admin":false},"private":false,"html_url":"https://github.com/yued-fe/y-translation","description":"阅文集团前端翻译项目","fork":false,"url":"https://api.github.com/repos/yued-fe/y-translation","forks_url":"https://api.github.com/repos/yued-fe/y-translation/forks","keys_url":"https://api.github.com/repos/yued-fe/y-translation/keys{/key_id}","collaborators_url":"https://api.github.com/repos/yued-fe/y-translation/collaborators{/collaborator}","teams_url":"https://api.github.com/repos/yued-fe/y-translation/teams","hooks_url":"https://api.github.com/repos/yued-fe/y-translation/hooks","issue_events_url":"https://api.github.com/repos/yued-fe/y-translation/issues/events{/number}","events_url":"https://api.github.com/repos/yued-fe/y-translation/events","assignees_url":"https://api.github.com/repos/yued-fe/y-translation/assignees{/user}","branches_url":"https://api.github.com/repos/yued-fe/y-translation/branches{/branch}","tags_url":"https://api.github.com/repos/yued-fe/y-translation/tags","blobs_url":"https://api.github.com/repos/yued-fe/y-translation/git/blobs{/sha}","git_tags_url":"https://api.github.com/repos/yued-fe/y-translation/git/tags{/sha}","git_refs_url":"https://api.github.com/repos/yued-fe/y-translation/git/refs{/sha}","trees_url":"https://api.github.com/repos/yued-fe/y-translation/git/trees{/sha}","statuses_url":"https://api.github.com/repos/yued-fe/y-translation/statuses/{sha}","languages_url":"https://api.github.com/repos/yued-fe/y-translation/languages","stargazers_url":"https://api.github.com/repos/yued-fe/y-translation/stargazers","contributors_url":"https://api.github.com/repos/yued-fe/y-translation/contributors","subscribers_url":"https://api.github.com/repos/yued-fe/y-translation/subscribers","subscription_url":"https://api.github.com/repos/yued-fe/y-translation/subscription","commits_url":"https://api.github.com/repos/yued-fe/y-translation/commits{/sha}","git_commits_url":"https://api.github.com/repos/yued-fe/y-translation/git/commits{/sha}","comments_url":"https://api.github.com/repos/yued-fe/y-translation/comments{/number}","issue_comment_url":"https://api.github.com/repos/yued-fe/y-translation/issues/comments{/number}","contents_url":"https://api.github.com/repos/yued-fe/y-translation/contents/{+path}","compare_url":"https://api.github.com/repos/yued-fe/y-translation/compare/{base}...{head}","merges_url":"https://api.github.com/repos/yued-fe/y-translation/merges","archive_url":"https://api.github.com/repos/yued-fe/y-translation/{archive_format}{/ref}","downloads_url":"https://api.github.com/repos/yued-fe/y-translation/downloads","issues_url":"https://api.github.com/repos/yued-fe/y-translation/issues{/number}","pulls_url":"https://api.github.com/repos/yued-fe/y-translation/pulls{/number}","milestones_url":"https://api.github.com/repos/yued-fe/y-translation/milestones{/number}","notifications_url":"https://api.github.com/repos/yued-fe/y-translation/notifications{?since,all,participating}","labels_url":"https://api.github.com/repos/yued-fe/y-translation/labels{/name}","releases_url":"https://api.github.com/repos/yued-fe/y-translation/releases{/id}","deployments_url":"https://api.github.com/repos/yued-fe/y-translation/deployments","created_at":"2018-04-02T05:40:07Z","updated_at":"2018-06-04T06:00:54Z","pushed_at":"2018-06-04T07:26:11Z","git_url":"git://github.com/yued-fe/y-translation.git","ssh_url":"git@github.com:yued-fe/y-translation.git","clone_url":"https://github.com/yued-fe/y-translation.git","svn_url":"https://github.com/yued-fe/y-translation","homepage":"","size":11812,"stargazers_count":48,"watchers_count":48,"language":null,"has_issues":true,"has_projects":true,"has_downloads":true,"has_wiki":true,"has_pages":false,"forks_count":13,"mirror_url":null,"archived":false,"open_issues_count":18,"license":null,"forks":13,"open_issues":18,"watchers":48,"default_branch":"master"}},"_links":{"self":{"href":"https://api.github.com/repos/yued-fe/y-translation/pulls/31"},"html":{"href":"https://github.com/yued-fe/y-translation/pull/31"},"issue":{"href":"https://api.github.com/repos/yued-fe/y-translation/issues/31"},"comments":{"href":"https://api.github.com/repos/yued-fe/y-translation/issues/31/comments"},"review_comments":{"href":"https://api.github.com/repos/yued-fe/y-translation/pulls/31/comments"},"review_comment":{"href":"https://api.github.com/repos/yued-fe/y-translation/pulls/comments{/number}"},"commits":{"href":"https://api.github.com/repos/yued-fe/y-translation/pulls/31/commits"},"statuses":{"href":"https://api.github.com/repos/yued-fe/y-translation/statuses/001bd44b3f6ec9f1a640c638090eb65875bd35a9"}},"author_association":"CONTRIBUTOR"}}
{"actor":{"display_login":"ziven27"}}