Linux SRV-16 6.18.44-paas #1 SMP PREEMPT_DYNAMIC Thu Aug 13 10:08:12 UTC 2026 x86_64
/srv/data/web/vhosts/www.shinegis.mu/htdocs/functions/scssphp/tests/outputs/
/srv/data/web/vhosts/www.shinegis.mu/htdocs/functions/scssphp/tests/outputs/media.css
 @media what {
  div {
    color: blue;
  }
}
@media (cool) {
  div {
    color: blue;
  }
}
@media (cool: blue) {
  div {
    color: blue;
  }
}
@media hello and (world) and (butt: man) {
  div {
    color: blue;
  }
}
@media (max-width: 940px) {
  a {
    color: red;
  }
}
@media not hello and (world) {
  pre {
    color: blue;
  }
}
@media not hello and (world) {
  @media butt {
    div {
      color: red;
    }
  }
}
@media c {
  a {
    color: blue;
  }
}
div {
  color: blue;
}
@media screen and (-webkit-min-device-pixel-ratio: 1.5) {
  div .sidebar {
    width: 500px;
  }
}
div {
  position: absolute;
}
@media screen {
  div {
    top: 0;
    bottom: 8em;
    color: red;
  }
  div p {
    margin: 5px;
  }
  div .success {
    color: green;
  }
}
.button {
  width: 300px;
  height: 100px;
  background: #eee;
}
.button :hover {
  background: #aaa;
}
@media only screen and (max-width: 300px) {
  .button {
    width: 100px;
    height: 100px;
  }
}
code {
  position: absolute;
}
@media screen {
  code {
    height: 10px;
  }
  code pre {
    height: 20px;
  }
}
@media screen and (color: 8) {
  dt {
    height: 10px;
  }
}
@media screen {
  .screen {
    width: 12px;
  }
}
@media only screen {
  .only-screen {
    height: 11px;
  }
}
@media only screen {
  .only-screen {
    width: 14px;
  }
}
@media only screen {
  .only-screen {
    height: 16px;
  }
}
@media print {
  .only-print {
    height: 12px;
  }
}
@media screen {
  .only-print {
    height: 12px;
  }
}
@media not screen {
  .not-screen {
    height: 15px;
  }
}
@media only screen and (color: 8) and (width: 13px) {
  .only-screen {
    height: 15px;
  }
}
@media screen and (max-width: 749px) and (max-width: 600px) and (min-width: 361px) {
  .item {
    color: red;
  }
}
@media not all and (max-width: 450px) {
  @media not all and (max-width: 690px) and (orientation: portrait) {
    @media (max-width: 1000px) {
      a {
        color: red;
      }
    }
  }
}
@media not all and (max-width: 450px) {
  @media (max-width: 690px) and (orientation: portrait) and (max-width: 1000px) {
    a {
      color: red;
    }
  }
}
@media (max-width: 450px) {
  @media not all and (max-width: 690px) and (orientation: portrait) {
    @media not all and (max-width: 1000px) {
      a {
        color: red;
      }
    }
  }
}