css_input_with_import.css

@import 'import1.css';
@import "import2.css";
@import url('import1.css');
@import url("https://fonts.fontprovider.com/css2?family=Roboto+Mono:wght@300;400&family=Roboto:ital,wght@0,300;0,400;1,300;1,400&display=swap") print;
@import url(import1.css);
@import url('import1.css') screen;
@import url("http://example.com/style.css");
@import url("//example.com/style.css");
@import url("https://fonts.fontprovider.com/css2?family=Roboto+Mono:wght@300;400&family=Roboto:ital,wght@0,300;0,400;1,300;1,400&display=swap");
@import url("http://example.com/style.css") screen and (orientation:landscape);
@import "http://example.com/style.css" screen;
@import "http://example.com/style.css" supports(display: table-cell);
@import "http://example.com/style.css" supports(display: table-cell) screen;
@import url("http://example.com/style.css") screen and (orientation:landscape);
@import url("http://example.com/style.css") screen;
@import url("http://user:pass@example.com/style.css") screen and (orientation:landscape);
@import url(http://example.com/cus\(t;om.css);
@import url('http://example.com/cu(st;o)m.css');
@import url("http://user:pass@example.com/cu(s)t;om.css");
@import url(http://user:pass@example.com/cu\(s\)t;om.css);

body {
  margin: 0;
  padding: 0;
  background: #edf5fa;
  font: 76%/170% Verdana, sans-serif;
  color: #494949;
}

.this .is .a .test {
  font: 1em/100% Verdana, sans-serif;
  color: #494949;
}
.this
.is
.a
.test {
font: 1em/100% Verdana, sans-serif;
color: #494949;
}

textarea, select {
  font: 1em/160% Verdana, sans-serif;
  color: #494949;
}

File

core/tests/Drupal/Tests/Core/Asset/css_test_files/css_input_with_import.css

@import 'import1.css';
@import "import2.css";
@import url('import1.css');
@import url("https://fonts.fontprovider.com/css2?family=Roboto+Mono:wght@300;400&family=Roboto:ital,wght@0,300;0,400;1,300;1,400&display=swap") print;
@import url(import1.css);
@import url('import1.css') screen;
@import url("http://example.com/style.css");
@import url("//example.com/style.css");
@import url("https://fonts.fontprovider.com/css2?family=Roboto+Mono:wght@300;400&family=Roboto:ital,wght@0,300;0,400;1,300;1,400&display=swap");
@import url("http://example.com/style.css") screen and (orientation:landscape);
@import "http://example.com/style.css" screen;
@import "http://example.com/style.css" supports(display: table-cell);
@import "http://example.com/style.css" supports(display: table-cell) screen;
@import url("http://example.com/style.css") screen and (orientation:landscape);
@import url("http://example.com/style.css") screen;
@import url("http://user:pass@example.com/style.css") screen and (orientation:landscape);
@import url(http://example.com/cus\(t;om.css);
@import url('http://example.com/cu(st;o)m.css');
@import url("http://user:pass@example.com/cu(s)t;om.css");
@import url(http://user:pass@example.com/cu\(s\)t;om.css);

body {
  margin: 0;
  padding: 0;
  background: #edf5fa;
  font: 76%/170% Verdana, sans-serif;
  color: #494949;
}

.this .is .a .test {
  font: 1em/100% Verdana, sans-serif;
  color: #494949;
}
.this
.is
.a
.test {
font: 1em/100% Verdana, sans-serif;
color: #494949;
}

textarea, select {
  font: 1em/160% Verdana, sans-serif;
  color: #494949;
}