RE: [css-grid] grid shorthand and grid-auto-rows/cols

> > What if we just specified that when the last item of a "grid-template-
> <track>"
> > list is "repeat(auto-fit, ...)" containing one track it also sets
> > "grid-auto-<track>s" to that track size?
> 
> That's way more magical!
> 
> ~fantasai

Interesting, it doesn't to me. It is just about extending the scope of validity of a declaration. Consider this flexbox-like grid usage:

    .ribbon-tab {
        grid-template-rows: 30px auto;
        grid-template-columns: (start) repeat(auto-fill, 200px) (end);
        width: 1024px;
    }
    
    .ribbon-tab > .caption {
        grid-row: 1;
        grid-column: start / end;
    }
    
    .ribbon-tab > .ribbon-item {
        /* auto-positioned inside the second/third/nth rows of the ribbon, as needed. */
    }

This produces the following layout

    CAPTION=============================================
    ITEM1======== ITEM2======== ITEM3======== ITEM4========
    ITEM5======== ITEM6========

Now, consider what happens if we want to allow to display all items horizontally in one row by not specifying the max-width of the ribbon, like this:

    CAPTION=======================================================================
    ITEM1======== ITEM2======== ITEM3======== ITEM4======== ITEM5======== ITEM6========

My proposal is that this should be the same as just removing "width:1024px" in the previous set of css rules.

Received on Sunday, 28 February 2016 23:50:49 UTC