/* CAKE base global CSS (origin:Assurance Bateaux) Author : Cake Lupin Version : 2.0 -- Fari clean up and partial migration to plugin */ /******************************************************/ /* /* Variables initialization /* /******************************************************* /* IN THEME should be the first CSS file called */ /********************************************************/ /* /* RESET has been move to it's own file :: very first to be included /* /********************************************************/ /********************************************************/ /* /* General /* /********************************************************/ body { --col : calc( 192rem / 12 ); --inner-grid : [inner-start i1_12-start i1_6-start i1_4-start i4_4-off-start i1_3-start i3_3-off-start i1_2-start i1_1-start l1-start l2-start l3-start l4-start l5-start l6-start l7-start l8-start l9-start l10-start l11-start l2-start r12-start] 1fr [i1_12-end i2_12-start c10-start l1-end r11-start] 1fr [i2_12-end i3_12-start i2_6-start i1_6-end c8-start l2-end r10-start] 1fr [i3_12-end i4_12-start i2_4-start i1_4-end i1_4-off-start c6-start l3-end r9-start] 1fr [i4_12-end i5_12-start i3_6-start i2_6-end i2_3-start i1_3-end i1_3-off-start f1_3-end f2_3-start c4-start l4-end r8-start] 1fr [i5_12-end i6_12-start c2-start l5-end r7-start] 1fr [i6_12-end i7_12-start i4_6-start i3_6-end i3_4-start i2_4-end i2_2-start i1_2-end f1_2-end f2_2-start l6-end r6-start] 1fr [i7_12-end i8_12-start c2-end l7-end r5-start] 1fr [i8_12-end i9_12-start i5_6-start i4_6-end i3_3-start i3_3-off-end i2_3-end f2_3-end f3_3-start c4-end l8-end r4-start] 1fr [i9_12-end i10_12-start i4_4-start i4_4-off-end i3_4-end c6-end l9-end r3-start] 1fr [i10_12-end i11_12-start i6_6-start i5_6-end c8-end l10-end r2-start] 1fr [i11_12-end i12_12-start c10-end l11-end r1-start] 1fr [inner-end i12_12-end i6_6-end i4_4-end i1_4-off-end i3_3-end i1_3-off-end i2_2-end i1_1-end l12-end r1-end r2-end r3-end r4-end r5-end r6-end r7-end r8-end r9-end r10-end r11-end r12-end]; --outer-grid : [full-start f1_1-start f1_2-start f1_3-start] auto [inner-start i1_12-start i1_6-start i1_4-start i4_4-off-start i1_3-start i3_3-off-start i1_2-start i1_1-start l1-start l2-start l3-start l4-start l5-start l6-start l7-start l8-start l9-start l10-start l11-start l2-start r12-start] var(--col) [i1_12-end i2_12-start c10-start l1-end r11-start] var(--col) [i2_12-end i3_12-start i2_6-start i1_6-end c8-start l2-end r10-start] var(--col) [i3_12-end i4_12-start i2_4-start i1_4-end i1_4-off-start c6-start l3-end r9-start] var(--col) [i4_12-end i5_12-start i3_6-start i2_6-end i2_3-start i1_3-end i1_3-off-start f1_3-end f2_3-start c4-start l4-end r8-start] var(--col) [i5_12-end i6_12-start c2-start l5-end r7-start] var(--col) [i6_12-end i7_12-start i4_6-start i3_6-end i3_4-start i2_4-end i2_2-start i1_2-end f1_2-end f2_2-start l6-end r6-start] var(--col) [i7_12-end i8_12-start c2-end l7-end r5-start] var(--col) [i8_12-end i9_12-start i5_6-start i4_6-end i3_3-start i3_3-off-end i2_3-end f2_3-end f3_3-start c4-end l8-end r4-start] var(--col) [i9_12-end i10_12-start i4_4-start i4_4-off-end i3_4-end c6-end l9-end r3-start] var(--col) [i10_12-end i11_12-start i6_6-start i5_6-end c8-end l10-end r2-start] var(--col) [i11_12-end i12_12-start c10-end l11-end r1-start] var(--col) [inner-end i12_12-end i6_6-end i4_4-end i1_4-off-end i3_3-end i1_3-off-end i2_2-end i1_1-end l12-end r1-end r2-end r3-end r4-end r5-end r6-end r7-end r8-end r9-end r10-end r11-end r12-end] auto [full-end f1_1-end f2_2-end f3_3-end]; display : flex; flex-direction : column; flex-wrap : no-wrap; } @media only screen and (max-width : 1888px) { body { --col : 1fr; --outer-grid : [full-start f1_1-start f1_2-start f1_3-start] auto [inner-start i1_12-start i1_6-start i1_4-start i4_4-off-start i1_3-start i3_3-off-start i1_2-start i1_1-start l1-start l2-start l3-start l4-start l5-start l6-start l7-start l8-start l9-start l10-start l11-start l2-start r12-start] var(--col) [i1_12-end i2_12-start c10-start l1-end r11-start] var(--col) [i2_12-end i3_12-start i2_6-start i1_6-end c8-start l2-end r10-start] var(--col) [i3_12-end i4_12-start i2_4-start i1_4-end i1_4-off-start c6-start l3-end r9-start] var(--col) [i4_12-end i5_12-start i3_6-start i2_6-end i2_3-start i1_3-end i1_3-off-start f1_3-end f2_3-start c4-start l4-end r8-start] var(--col) [i5_12-end i6_12-start c2-start l5-end r7-start] var(--col) [i6_12-end i7_12-start i4_6-start i3_6-end i3_4-start i2_4-end i2_2-start i1_2-end f1_2-end f2_2-start l6-end r6-start] var(--col) [i7_12-end i8_12-start c2-end l7-end r5-start] var(--col) [i8_12-end i9_12-start i5_6-start i4_6-end i3_3-start i3_3-off-end i2_3-end f2_3-end f3_3-start c4-end l8-end r4-start] var(--col) [i9_12-end i10_12-start i4_4-start i4_4-off-end i3_4-end c6-end l9-end r3-start] var(--col) [i10_12-end i11_12-start i6_6-start i5_6-end c8-end l10-end r2-start] var(--col) [i11_12-end i12_12-start c10-end l11-end r1-start] var(--col) [inner-end i12_12-end i6_6-end i4_4-end i1_4-off-end i3_3-end i1_3-off-end i2_2-end i1_1-end l12-end r1-end r2-end r3-end r4-end r5-end r6-end r7-end r8-end r9-end r10-end r11-end r12-end] auto [full-end f1_1-end f2_2-end f3_3-end]; } } /* ENDOFF @media only screen and (max-width : 1888px) */ body > .wp-site-blocks { flex-grow : 2; } [data-part="wrap"] { column-gap : var(--spacing); display : grid; grid-template-columns : var(--outer-grid); } [data-part="outer"] { grid-column : inner; grid-row: auto; position: relative; z-index: 1; column-gap : var(--spacing); display: grid; grid-template-columns : var(--inner-grid); }