W3C home > Mailing lists > Public > www-style@w3.org > July 2017

Re: grid-gap as repeating pattern

From: Praveen Puglia <praveenpuglia@gmail.com>
Date: Fri, 28 Jul 2017 07:50:57 +0530
Message-ID: <CANfatspmRG-=QjtwtzDZ317ZEAQmMLOu3r8tgKUZyTLnkS_2Ug@mail.gmail.com>
To: Sebastian Malton <sebastian@malton.name>
Cc: www-style@w3.org
I was thinking of something along the lines(not exactly a pattern to
repeat) because I couldn't find a way to do variable grid gaps.

Use case - having different gap between cells at different rows.

Example - Building a macbook pro keyboard layout with CSS. The top function
keys row has narrower grid gap than the other keys beneath it.

I'll be able to reply with much more detailed explanatiom when I am on a

On 28-Jul-2017 4:56 AM, "Sebastian Malton" <sebastian@malton.name> wrote:

> It would be amazing if the following was possible with the grid-column-gap
> and grid-row-gap.
> grid-row-gap: 0px 5px;
> This means that the gap on row boundary 2,4,6... is 0px and on the row
> boundary 3,5,7... is 5px.
> This can be scaled up as many values as wanted. The reason that boundary 1
> is skipped is because it is not an inner boundary.
Received on Friday, 28 July 2017 02:21:20 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:09:08 UTC