prettier/tests/css_quotes/quotes.css

@charset "UTF-8";
/* @charset must always have double quotes: https://www.w3.org/TR/css-syntax-3/#determine-the-fallback-encoding */
/* Also, it has to be the very first thing in the file, but here are some more tests anyway: */
@charset 'UTF-8'; /* Single quotes are invalid here. Keep them since we don't know what the user is doing. */

@supports (content: one "two" three 'four') {
  a[href="foo" y],
  abbr[title^='It\'s a trap!'],
  img[src=""] {
    /* Simple strings. */
    content: "abc";
    content: 'abc';

    /* Escape. */
    content: '\A';

    /* Emoji. */
    content: '🐶';

    /* Empty string. */
    content: "";
    content: '';

    /* Single double quote. */
    content: "\"";
    content: '"';

    /* Single single quote. */
    content: "'";
    content: '\'';

    /* One of each. */
    content: "\"'";
    content: '"\'';

    /* One of each with unnecessary escapes. */
    content: "\"\'";
    content: '\"\'';

    /* More double quotes than single quotes. */
    content: "\"'\"";
    content: '"\'"';

    /* More single quotes than double quotes. */
    content: "\"''";
    content: '"\'\'';

    /* Two of each. */
    content: "\"\"''";
    content: '""\'\'';

    /* Single backslash. */
    content: '\\';
    content: "\\";

    /* Backslases. */
    content: "\"\\\"\\\\\" '\'\\'\\\'\\\\'";
    content: '\'\\\'\\\\\' "\"\\"\\\"\\\\"';

    /* Somewhat more real-word example. */
    content: "He's sayin': \"How's it goin'?\" Don't ask me why.";
    content: 'He\'s sayin\': "How\'s it goin\'?" Don\'t ask me why.';

    /* Somewhat more real-word example 2. */
    content: "var backslash = \"\\\", doubleQuote = '\"';";
    content: 'var backslash = "\\", doubleQuote = \'"\';';

    /* Leave all "escapes" alone. */
    content: "\Abc4 foo \n" /* "comment" */ "\end";
    content: '\Abc4 foo \n' /* 'comment' */ '\end';
  }
}

@import "file.css";
@import 'file.css';

@import url("foo.css");
@import url('foo.css');

@import "foo.css" screen and (orientation: landscape);
@import 'foo.css' screen and (orientation: landscape);

@foo "one";
@foo 'one';
@foo "one" two 'three';
@foo ("one");
@foo ('one');
@foo ("one" two 'three');

one "two" three {}
one 'two' three {}