@@@SPIP_DIFF1@@@
@@@SPIP_DIFF0@@@Micro @@@SPIP_DIFF1@@@ @@@SPIP_DIFF0@@@grid @@@SPIP_DIFF1@@@ @@@SPIP_DIFF0@@@test@@@SPIP_DIFF1@@@ @@@SPIP_DIFF0@@@ :@@@SPIP_DIFF1@@@ @@@SPIP_DIFF0@@@
<@@@SPIP_DIFF1@@@ @@@SPIP_DIFF0@@@cadre @@@SPIP_DIFF1@@@ @@@SPIP_DIFF0@@@class='css@@@SPIP_DIFF1@@@ @@@SPIP_DIFF0@@@'>
@@@SPIP_DIFF1@@@ @@@SPIP_DIFF0@@@.@@@SPIP_DIFF1@@@ @@@SPIP_DIFF4@@@<div @@@SPIP_DIFF1@@@ @@@SPIP_DIFF4@@@class="clear"></div@@@SPIP_DIFF1@@@ @@@SPIP_DIFF4@@@>
@@@SPIP_DIFF1@@@ @@@SPIP_DIFF4@@@</cadre@@@SPIP_DIFF1@@@ @@@SPIP_DIFF4@@@>@@@SPIP_DIFF1@@@ @@@SPIP_DIFF0@@@row,
.@@@SPIP_DIFF1@@@@@@SPIP_DIFF0@@@col {
box-sizing: border-box;
}@@@SPIP_DIFF1@@@
@@@SPIP_DIFF22@@@.row {
display: flex;
flex-wrap: wrap;
@include media('>phone'){
flex-wrap: nowrap;
flex-direction: row;
flex-shrink: 1 ;
}
}
.col {
@include media('>phone'){
flex: 1;
padding-right: $small-spacing;
margin-right: $small-spacing;
&:last-of-type {
padding-right: 0;
margin-right: 0;
}
}
}
// Utilities
.col.double{
flex: 2;
}
.row.bordered .col {
@include media('>phone'){
border-right: 1px solid black;
&:last-of-type {
border-right: 0px transparent;
}
}
}