Quote Convert

How quotation characters of style languages should be handled. Allows for conversion to single quotes or double quotes.

🤡

none

Below is an example of how this rule works if set to none which is the default setting. No conversion of quotations is applied when using none, notice how both single quotes and double are expressed.

.class-1 {
  background-image: url('./some/image/file.jpg');
  content: url('http://www.example.com/test.png');
  content: image-set("image1x.png" 1x, 'image2x.png' 2x);
}

.class-1 {
  background-image: url('./some/image/file.jpg');
  content: url('http://www.example.com/test.png');
  content: image-set("image1x.png" 1x, 'image2x.png' 2x);
}

🤌

double

Below is an example of how this rule works if set to double which will go about converting and ensuring all quotations are using doubles.

.class-1 {
  background-image: url('./some/image/file.jpg');
  content: url('http://www.example.com/test.png');
  content: image-set('image1x.png' 1x, 'image2x.png' 2x);
}

.class-1 {
  background-image: url('./some/image/file.jpg');
  content: url('http://www.example.com/test.png');
  content: image-set('image1x.png' 1x, 'image2x.png' 2x);
}

😳

single

Below is an example of how this rule works if set to single which will go about converting and ensuring all markup quotations are using singles. This is typically discourage in HTML and other markup languages.

.class-1 {
  background-image: url("./some/image/file.jpg");
  content: url("http://www.example.com/test.png");
  content: image-set("image1x.png" 1x, "image2x.png" 2x);
}

.class-1 {
  background-image: url("./some/image/file.jpg");
  content: url("http://www.example.com/test.png");
  content: image-set("image1x.png" 1x, "image2x.png" 2x);
}