Re: [csswg-drafts] [css-images] @image rule for manipulating images (#6807) from Johnson John Boluwatife via GitHub on 2022-06-12 (public-css-archive@w3.org from June 2022)

From: Johnson John Boluwatife via GitHub <sysbot+gh@w3.org>
Date: Sun, 12 Jun 2022 02:40:04 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-1153051656-1655001602-sysbot+gh@w3.org>

> ran across a situation on walmart.com where I think `@image` might help:
> 
> ![image](https://user-images.githubusercontent.com/1286791/173082099-a977e285-a7e4-4431-a7da-63d53adee037.png)
> 
> ```css
> .category-link{
>   background-image: image(--foo);
>   background-repeat: no-repeat;
>   background-position: center center;
> }
> 
> @image --foo {
>   width: 90%;
>   aspect-ratio: 1;
>   background-color: #e2edfb;
>   border-radius: 50%;
> }
> ```

Doesn't the `width` here causes a conflict with `background-size` property?  Having two different widths might just leave room for buggy implementation.

-- 
GitHub Notification of comment by booluw
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6807#issuecomment-1153051656 using your GitHub account


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

Received on Sunday, 12 June 2022 02:40:05 UTC