CINXE.COM
CSS Custom Properties for Cascading Variables Module Level 1 Disposition of Comments for 2014-05-06 LCWD
<!DOCTYPE html> <meta charset="utf-8"> <title>CSS Custom Properties for Cascading Variables Module Level 1 Disposition of Comments for 2014-05-06 LCWD</title> <style type="text/css"> .a { background: lightgreen } .d { background: lightblue } .r { background: orange } .fo { background: red } .open { border: solid red; padding: 0.2em; } :target { box-shadow: 0.25em 0.25em 0.25em; } </style> <h1>CSS Custom Properties for Cascading Variables Module Level 1 Disposition of Comments for 2014-05-06 LCWD</h1> <p>Last call document: <a href="http://www.w3.org/TR/2014/WD-css-variables-1-20140506/">http://www.w3.org/TR/2014/WD-css-variables-1-20140506/</a> <p>Editor's draft: <a href="http://dev.w3.org/csswg/css-variables-1/">http://dev.w3.org/csswg/css-variables-1/</a> <p>The following color coding convention is used for comments:</p> <ul> <li class="a">Accepted or Rejected and positive response <li class="r">Rejected and no response <li class="fo">Rejected and negative response <li class="d">Deferred <li class="oi">Out-of-Scope or Invalid and not verified </ul> <p class=open>Open issues are marked like this</p> <p>An issue can be closed as <code>Accepted</code>, <code>OutOfScope</code>, <code>Invalid</code>, <code>Rejected</code>, or <code>Retracted</code>. <code>Verified</code> indicates commentor's acceptance of the response.</p> <pre class='a' id='issue-1'> Issue 1. <a href='#issue-1'>#</a> Summary: Serializing shorthands isn't fully specified From: John Daggett Comment: https://lists.w3.org/Archives/Public/www-style/2014Aug/0210.html Response: https://lists.w3.org/Archives/Public/www-style/2014Aug/0315.html Closed: Accepted Resolved: Bugfix</pre> <pre class='r' id='issue-2'> Issue 2. <a href='#issue-2'>#</a> Summary: -- prefix is ugly From: anonymous web author, carried along by Daniel Glazman Comment: https://lists.w3.org/Archives/Public/www-style/2014May/0031.html Response: https://lists.w3.org/Archives/Public/www-style/2014May/0031.html Closed: Rejected Resolved: https://lists.w3.org/Archives/Public/www-style/2014Mar/0467.html</pre> <pre class='a' id='issue-3'> Issue 3. <a href='#issue-3'>#</a> Summary: Create a "mixin"-like syntax instead. From: Rafa艂 Pietrak Comment: https://lists.w3.org/Archives/Public/www-style/2014Jun/0027.html Response: https://lists.w3.org/Archives/Public/www-style/2014Jun/0028.html Closed: Rejected Verified: https://lists.w3.org/Archives/Public/www-style/2014Jun/0035.html Resolved: editor's discretion</pre> <pre class='a' id='issue-4'> Issue 4. <a href='#issue-4'>#</a> Summary: 'Case-sensitive' should talk about normalization form/etc From: Addison Phillips Comment: https://lists.w3.org/Archives/Public/www-style/2014May/0435.html Response: https://lists.w3.org/Archives/Public/www-style/2014May/0445.html Closed: Accepted Resolved: editorial</pre> <pre class='a' id='issue-5'> Issue 5. <a href='#issue-5'>#</a> Summary: Provide an example of using custom properties with :lang() for i18n From: Christoph P盲per Comment: https://lists.w3.org/Archives/Public/www-style/2014Jun/0208.html Response: https://lists.w3.org/Archives/Public/www-style/2014Jun/0213.html Closed: Accepted Resolved: editorial</pre> <pre class='a' id='issue-6'> Issue 6. <a href='#issue-6'>#</a> Summary: Let variables be resolvable at rendering time, to help with font palettes From: Cameron McCormack Comment: https://lists.w3.org/Archives/Public/www-style/2014Sep/0060.html Comment: https://lists.w3.org/Archives/Public/public-fx/2015JanMar/0065.html Response: https://lists.w3.org/Archives/Public/www-style/2015Mar/0354.html Closed: Rejected Verified: https://lists.w3.org/Archives/Public/public-fx/2015JanMar/0065.html Resolved: https://lists.w3.org/Archives/Public/public-fx/2015JanMar/0065.html</pre> <script> (function () { var sheet = document.styleSheets[0]; function addCheckbox(className) { var element = document.querySelector('*.' + className); var label = document.createElement('label'); label.innerHTML = element.innerHTML; element.innerHTML = null; var check = document.createElement('input'); check.type = 'checkbox'; if (className == 'open') { check.checked = false; sheet.insertRule('pre:not(.open)' + '{}', sheet.cssRules.length); check.onchange = function (e) { rule.style.display = this.checked ? 'none' : 'block'; } } else { check.checked = true; sheet.insertRule('pre.' + className + '{}', sheet.cssRules.length); check.onchange = function (e) { rule.style.display = this.checked ? 'block' : 'none'; } } var rule = sheet.cssRules[sheet.cssRules.length - 1]; element.appendChild(label); label.insertBefore(check, label.firstChild); } ['a', 'd', 'fo', 'oi', 'r', 'open'].forEach(addCheckbox); }()); </script>