Re: [csswg-drafts] [css-grid][css-sizing] Aspect Ratio

• From: Tommy Hodgins via GitHub <sysbot+gh@w3.org>
• Date: Tue, 23 Oct 2018 16:24:02 +0000
• To: public-css-archive@w3.org
• Message-ID: <issue_comment.created-432319121-1540311840-sysbot+gh@w3.org>

That syntax looks similar to the [EW units discussed above](https://github.com/w3c/csswg-drafts/issues/333#issuecomment-366676826). Here's a working demo mocked up using EQCSS where `ew` takes the place of `tr` from that last code example:

```html
<div>
  <nav></nav>
</div>

<style>
  @element div {
    :self {
      background: lime;
      height: calc(56.52ew + 25px);
    }
    :self nav {
      height: 25px;
      background: hotpink;
    }
  }
</style>
<script src=https://elementqueries.com/EQCSS.js></script>
```

Live Demo: https://codepen.io/tomhodgins/pen/bmmEVj

![aspect-ratio-fixed](https://user-images.githubusercontent.com/955601/47375532-7c291e80-d6be-11e8-8149-0c76e2a28107.gif)


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

Received on Tuesday, 23 October 2018 16:24:03 UTC