Added beginning support for calc however, the expression is not fully parsed into the AST.

test/declaration_test.dart

 // Copyright (c) 2012, the Dart project authors.  Please see the AUTHORS file
 // for details. All rights reserved. Use of this source code is governed by a
 // BSD-style license that can be found in the LICENSE file.
 
 library declaration_test;
 
 import 'package:test/test.dart';
 
 import 'testing.dart';
 
@@ skipping 998 matching lines @@
   final input = r'''.foo { width: 50px; }''';
   var stylesheet = parseCss(input);
   var decl = stylesheet.topLevels.single.declarationGroup.declarations.single;
   // This passes
   expect(decl.span.text, 'width: 50px');
   // This currently fails
   expect(decl.expression.span.text, '50px');
 }
 
 void testDeclarationSpanWithCalc() {
-  final input = r'''.foo { height: calc(100% - 55px); }''';
-  var stylesheet = parseCss(input);
-  var decl = stylesheet.topLevels.single.declarationGroup.declarations.single;
-  // This fails, with span being "height: calc("
-  expect(decl.span.text, 'height: calc(100% - 55px);');
+  final input1 = r'''.foo { height: calc(100% - 55px); }''';
+  var stylesheet1 = parseCss(input1);
+  var decl1 = stylesheet1.topLevels.single.declarationGroup.declarations.single;
+  expect(decl1.span.text, 'height: calc(100% - 55px)');
+
+  final input2 = r'''.foo { left: calc((100%/3 - 2) * 1em - 2 * 1px); }''';
+  var stylesheet2 = parseCss(input2);
+  var decl2 = stylesheet2.topLevels.single.declarationGroup.declarations.single;
+  expect(decl2.span.text, 'left: calc((100%/3 - 2) * 1em - 2 * 1px)');
+
+  final input3 = r'''.foo { margin: calc(1rem - 2px) calc(1rem - 1px); }''';
+  var stylesheet3 = parseCss(input3);
+  var decl3 = stylesheet3.topLevels.single.declarationGroup.declarations.single;
+  expect(decl3.span.text, 'margin: calc(1rem - 2px) calc(1rem - 1px)');
+
+  var errors = [];
+  final String input = r'''
+.foo {
+  width: calc(1em + 5 * 2em);
+  height: calc(1px + 2%) !important;
+  border: 5px calc(1pt + 2cm) 6px calc(1em + 1in + 2px) red;
+  border: calc(5px + 1em) 0px 1px calc(10 + 20 + 1px);
+  margin: 25px calc(50px + (100% / (3 - 1em) - 20%)) calc(10px + 10 * 20) calc(100% - 10px);
+}''';
+  final String generated = r'''
+.foo {
+  width: calc(1em + 5 * 2em);
+  height: calc(1px + 2%) !important;
+  border: 5px calc(1pt + 2cm) 6px calc(1em + 1in + 2px) #f00;
+  border: calc(5px + 1em) 0px 1px calc(10 + 20 + 1px);
+  margin: 25px calc(50px + (100% / (3 - 1em) - 20%)) calc(10px + 10 * 20) calc(100% - 10px);
+}''';
+
+  var stylesheet = parseCss(input, errors: errors);
+  expect(stylesheet != null, true);
+  expect(errors.isEmpty, true, reason: errors.toString());
+  expect(prettyPrint(stylesheet), generated);
 }
 
 main() {
   test('Simple Terms', testSimpleTerms);
   test('Declarations', testDeclarations);
   test('Identifiers', testIdentifiers);
   test('Composites', testComposites);
   test('Units', testUnits);
   test('Unicode', testUnicode);
   test('Newer CSS', testNewerCss);
   test('Media Queries', testMediaQueries);
   test('Font-Face', testFontFace);
   test('CSS file', testCssFile);
   test('Compact Emitter', testCompactEmitter);
   test('Selector Negation', testNotSelectors);
   test('IE stuff', testIE);
   test('IE declaration syntax', testIEDeclaration);
   test('Hanging bugs', testHangs);
   test('Expression spans', testExpressionSpans,
       skip: 'expression spans are broken'
             ' (https://github.com/dart-lang/csslib/issues/15)');
-  test('Declaration span containing calc()', testDeclarationSpanWithCalc,
-      skip: 'calc() declarations are broken'
-            ' (https://github.com/dart-lang/csslib/issues/17)');
+  test('Declaration span containing calc()', testDeclarationSpanWithCalc);

[kevmoo, 2015/10/16 17:39:12]

make this a group and break the 'testDeclarationSpanWithCalc method into three
nested tests – just put the content here, me thinks

[terry, 2015/10/16 18:28:47]

Done.

 }