[csswg-drafts] because mediaqueries? (#8472)

jamesnoahr has just created a new issue for https://github.com/w3c/csswg-drafts:

== because mediaqueries? ==
A media query consists of a media type and at least one expression that limits the scope of stylesheets using media features such as width, height, and color. Media queries, added in CSS3, let the presentation of content adapt to a specific range of devices without needing to change the content itself.

```html
<!-- CSS media query em um elemento de link -->
<link rel="stylesheet" media="(max-width: 800px)" href="example.css" />
```

*or*
```css
/* CSS media query dentro de um stylesheet */
@media (max-width: 600px)
{
  .facet_sidebar
   {
    display: none;
   }
}
```

*why don't we do something like this?*
```css
max-width: 600px-600px{
  .facet_sidebar
   {
    display: none;
   }  
}

max-width: 300px-500px{
  .facet_sidebar
   {
    display: none;
   }  
}
```

*rules*
```css

/* example  1 */
max-width: start-end {}

/* example  2 */
max-width: [500px, 300px, 200px]{}

/* example 3 */
min-width: [500px, 300px, 200px]{}

/* example 4 */
width: [500px, 300px, 200px]{}

/* example 5 */
max-height: [500px, 300px, 200px]{}

/* example 6 */
height: [500px, 300px, 200px]{ }

/* example 7 */
max-height: start-end {}

/* example 8 */
width: start-end {}

/* example 9 */
height: start-end {}

/* example 10 */
min-width: start-end {}

/* example 11 */
min-height: start-end {}

```

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/8472 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Sunday, 19 February 2023 16:08:12 UTC