@charset "utf-8";

* {box-sizing:border-box}

/* generic square */
.sq{position:relative;}
.sq:after{content:"";display:block;padding-bottom:100%;}
.sq>.sq-content{position:absolute;width:100%;height:100%;}
/* generic zebra */
.odd, 
.zebra :nth-child(2n+1)[data-zebra-child],
.zebra :nth-child(2n+1) [data-zebra-child]{
    background-color:transparent;
}
.even, 
.zebra :nth-child(2n)[data-zebra-child],
.zebra :nth-child(2n) [data-zebra-child]{
    background-color:rgba(0,0,0,.1);
}