Tommy Hodgins
Tommy Hodgins
```css @media (min-width: 1px) { :root { background: lime; } } ``` ## correct minification ```css @media(min-width:1px){:root{background:lime}} ``` - whitespace not required after `@media` unless followd by a word like...
```css @media (min-width: 500px) { @media (min-height: 500px) { :root { background: lime; } } } ``` ## correct minification ```css @media(min-width:500px)and(min-height:500px){:root{background:lime}} ``` - combine both media queries with `and`...
```css p:nth-of-type(1) { color: blue; } ``` ## correct minification ```css p:first-of-type{color:blue} ``` - `:first-of-type` is shorter than `:nth-of-type(1)` ## CSSnano output ```css p:nth-of-type(1){color:blue} ``` - left `:nth-of-type(1)` I wonder...
I've wondered for years the web-wide usage of media query features and wanted answers to questions like: - Are `min-` or `max-` features used more prevalently? - How does usage...
What does it mean to make a 'CSS package' and what information is needed to handle it and all of its information and dependencies? I wonder if a 'package' is...
One thing CSS does that's really cool is `(orientation: portrait)` and `(orientation: landscape)` on `@media` queries. I use them when building full-screen animations with `vmin` and `vmax` units to ensure...
Hi all, based on my comments in the other issue I have begun brainstorming and writing a polyfill for what an `aspect-ratio` property might look like. I currently have the...
Hi! This weekend I was experimenting with writing element queries based on the aspect ratio of an element. I learned that there is `min-aspect-ratio` and `max-aspect-ratio` support on `@media` queries...
Adding a few different approaches to responsive aspect ratios to the README! One uses a wrapper element with the padding technique, other demos use JavaScript in some way to be...
This topic is created as a place for us to discuss and determine the scope of the queries and the styles they can apply. Things that need to be decided:...