- From: Bramus! via GitHub <sysbot+gh@w3.org>
- Date: Tue, 23 Aug 2022 20:23:51 +0000
- To: public-css-archive@w3.org
> > That @image / @image-manipulation block surely looks a lot like [@mixin](https://sass-lang.com/documentation/at-rules/mixin), no?
>
> Can you elaborate on this? I don't see any resemblance.
If you look at this example _(as seen in the first post)_…
```css
@image --foo {
src: url("foo.png");
aspect-ratio: 1 / 1;
width: 100vw;
object-fit: cover;
filter: blur(10px);
opacity: .5;
transform: rotate(5deg);
}
```
… it’s an at-rule, an identifier, and a block with bunch of properties with assigned values _(except for `src` which isn’t a CSS property)_.
A basic mixin such as the one below (as seen in [the Sass docs](https://sass-lang.com/documentation/at-rules/mixin)), also follows that same structure
```
@mixin reset-list {
margin: 0;
padding: 0;
list-style: none;
}
```
--
GitHub Notification of comment by bramus
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6807#issuecomment-1224818244 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Tuesday, 23 August 2022 20:23:53 UTC