| 1 |
/* Classic themes use an inner [class*="_inner-container"] that our utilities cannot directly target, so we need to do so with a few */ |
| 2 |
.ext .ext-grid > [class*="_inner-container"] { |
| 3 |
/* no suggestion */ |
| 4 |
display: grid; |
| 5 |
} |
| 6 |
|
| 7 |
/* Unhinge grid for container blocks in classic themes, and < 5.9 */ |
| 8 |
.ext > [class*="_inner-container"] > .ext-grid:not([class*="columns"]), |
| 9 |
.ext |
| 10 |
> [class*="_inner-container"] |
| 11 |
> .wp-block |
| 12 |
> .ext-grid:not([class*="columns"]) { |
| 13 |
/* no suggestion */ |
| 14 |
display: initial !important; |
| 15 |
} |
| 16 |
|
| 17 |
/* Grid Columns */ |
| 18 |
.ext .ext-grid-cols-1 > [class*="_inner-container"] { |
| 19 |
/* no suggestion */ |
| 20 |
grid-template-columns: repeat(1, minmax(0, 1fr)) !important; |
| 21 |
} |
| 22 |
|
| 23 |
.ext .ext-grid-cols-2 > [class*="_inner-container"] { |
| 24 |
/* no suggestion */ |
| 25 |
grid-template-columns: repeat(2, minmax(0, 1fr)) !important; |
| 26 |
} |
| 27 |
|
| 28 |
.ext .ext-grid-cols-3 > [class*="_inner-container"] { |
| 29 |
/* no suggestion */ |
| 30 |
grid-template-columns: repeat(3, minmax(0, 1fr)) !important; |
| 31 |
} |
| 32 |
|
| 33 |
.ext .ext-grid-cols-4 > [class*="_inner-container"] { |
| 34 |
/* no suggestion */ |
| 35 |
grid-template-columns: repeat(4, minmax(0, 1fr)) !important; |
| 36 |
} |
| 37 |
|
| 38 |
.ext .ext-grid-cols-5 > [class*="_inner-container"] { |
| 39 |
/* no suggestion */ |
| 40 |
grid-template-columns: repeat(5, minmax(0, 1fr)) !important; |
| 41 |
} |
| 42 |
|
| 43 |
.ext .ext-grid-cols-6 > [class*="_inner-container"] { |
| 44 |
/* no suggestion */ |
| 45 |
grid-template-columns: repeat(6, minmax(0, 1fr)) !important; |
| 46 |
} |
| 47 |
|
| 48 |
.ext .ext-grid-cols-7 > [class*="_inner-container"] { |
| 49 |
/* no suggestion */ |
| 50 |
grid-template-columns: repeat(7, minmax(0, 1fr)) !important; |
| 51 |
} |
| 52 |
|
| 53 |
.ext .ext-grid-cols-8 > [class*="_inner-container"] { |
| 54 |
/* no suggestion */ |
| 55 |
grid-template-columns: repeat(8, minmax(0, 1fr)) !important; |
| 56 |
} |
| 57 |
|
| 58 |
.ext .ext-grid-cols-9 > [class*="_inner-container"] { |
| 59 |
/* no suggestion */ |
| 60 |
grid-template-columns: repeat(9, minmax(0, 1fr)) !important; |
| 61 |
} |
| 62 |
|
| 63 |
.ext .ext-grid-cols-10 > [class*="_inner-container"] { |
| 64 |
/* no suggestion */ |
| 65 |
grid-template-columns: repeat(10, minmax(0, 1fr)) !important; |
| 66 |
} |
| 67 |
|
| 68 |
.ext .ext-grid-cols-11 > [class*="_inner-container"] { |
| 69 |
/* no suggestion */ |
| 70 |
grid-template-columns: repeat(11, minmax(0, 1fr)) !important; |
| 71 |
} |
| 72 |
|
| 73 |
.ext .ext-grid-cols-12 > [class*="_inner-container"] { |
| 74 |
/* no suggestion */ |
| 75 |
grid-template-columns: repeat(12, minmax(0, 1fr)) !important; |
| 76 |
} |
| 77 |
|
| 78 |
.ext .ext-grid-cols-13 > [class*="_inner-container"] { |
| 79 |
/* no suggestion */ |
| 80 |
grid-template-columns: repeat(13, minmax(0, 1fr)) !important; |
| 81 |
} |
| 82 |
|
| 83 |
.ext .ext-grid-cols-none > [class*="_inner-container"] { |
| 84 |
/* no suggestion */ |
| 85 |
grid-template-columns: none !important; |
| 86 |
} |
| 87 |
|
| 88 |
/* Grid Rows */ |
| 89 |
.ext .ext-grid-rows-1 > [class*="_inner-container"] { |
| 90 |
/* no suggestion */ |
| 91 |
grid-template-rows: repeat(1, minmax(0, 1fr)) !important; |
| 92 |
} |
| 93 |
|
| 94 |
.ext .ext-grid-rows-2 > [class*="_inner-container"] { |
| 95 |
/* no suggestion */ |
| 96 |
grid-template-rows: repeat(2, minmax(0, 1fr)) !important; |
| 97 |
} |
| 98 |
|
| 99 |
.ext .ext-grid-rows-3 > [class*="_inner-container"] { |
| 100 |
/* no suggestion */ |
| 101 |
grid-template-rows: repeat(3, minmax(0, 1fr)) !important; |
| 102 |
} |
| 103 |
|
| 104 |
.ext .ext-grid-rows-4 > [class*="_inner-container"] { |
| 105 |
/* no suggestion */ |
| 106 |
grid-template-rows: repeat(4, minmax(0, 1fr)) !important; |
| 107 |
} |
| 108 |
|
| 109 |
.ext .ext-grid-rows-5 > [class*="_inner-container"] { |
| 110 |
/* no suggestion */ |
| 111 |
grid-template-rows: repeat(5, minmax(0, 1fr)) !important; |
| 112 |
} |
| 113 |
|
| 114 |
.ext .ext-grid-rows-6 > [class*="_inner-container"] { |
| 115 |
/* no suggestion */ |
| 116 |
grid-template-rows: repeat(6, minmax(0, 1fr)) !important; |
| 117 |
} |
| 118 |
|
| 119 |
.ext .ext-grid-rows-none > [class*="_inner-container"] { |
| 120 |
/* no suggestion */ |
| 121 |
grid-template-rows: none !important; |
| 122 |
} |
| 123 |
|
| 124 |
/* Align */ |
| 125 |
.ext .ext-items-start > [class*="_inner-container"] { |
| 126 |
align-items: flex-start !important; |
| 127 |
} |
| 128 |
|
| 129 |
.ext .ext-items-end > [class*="_inner-container"] { |
| 130 |
align-items: flex-end !important; |
| 131 |
} |
| 132 |
|
| 133 |
.ext .ext-items-center > [class*="_inner-container"] { |
| 134 |
align-items: center !important; |
| 135 |
} |
| 136 |
|
| 137 |
.ext .ext-items-baseline > [class*="_inner-container"] { |
| 138 |
align-items: baseline !important; |
| 139 |
} |
| 140 |
|
| 141 |
.ext .ext-items-stretch > [class*="_inner-container"] { |
| 142 |
align-items: stretch !important; |
| 143 |
} |
| 144 |
|
