div {
  content: '⬇';
  content: "😀";
  content: "\'test\'";
  content: "\\'test\'";
  content: "\\\\'test\'";
  content: '"string" is string';
  content: "'string' is string";
  content: '\"string\" is string';
  content: '\'string\' is string';
  content: "\"string\" is string";
  content: "\'string\' is string";
  content: '\'string\' is \"string\"';
  content: "\'string\' is \"string\"";
  content: "'test' \'test\'";
  content: '"test" \"test\"';
  content: "'test'";
  content: "\'test\'";
  content: "\"test\"";
  content: '\'test\'';
  content: '\'test\'';
  content: '\"test\"';
  content: "\22string\22";
  content: '\27string\27';
  content: "This string has a \Aline break in it.";
  content: "This string has a \A line break in it.";
  content: "This string has a \00000Aline break in it.";
  content: "This string has a \00000A line break in it.";
  content: "\"test\" \"test\" \"test\" 'test'";
  content: "\"test\" \"test\" \"test\" \'test\'";
  content: "\'test\' \'test\' \'test\' \"test\"";
  content: '\"test\" \"test\" \"test\" \'test\'';
  content: '\'test\' \'test\' \'test\' "test"';
  content: '\'test\' \'test\' \'test\' \"test\"';
  content: '\\\'test\\\' \\\'test\\\' \\\'test\\\' \\\"test\\\"';
  background: url('http://example.com/foo\'bar.jpg');
  background: url('http://example.com/foo\"bar.jpg');
  background: url("http://example.com/foo\'bar.jpg");
  background: url("http://example.com/foo\"bar.jpg");
}
div {
  grid-template: [header-top] "a a a" [header-bottom] [main-top] "b b b" 1fr [main-bottom] / auto 1fr auto;
}
.other {
  grid-template: [header-left] "head head" 30px [header-right] [main-left] "nav  main" 1fr [main-right] [footer-left] "nav  foot" 30px [footer-right] / 120px 1fr;
}
.prop {
  prop: name "test";
}
.foo {
  content: 'string \
is string';
}
.foo {
  content: 'stri\
ng\
 is stri\
ng';
}