| 1 |
@import "tailwindcss/base"; |
| 2 |
@import "tailwindcss/components"; |
| 3 |
@import "tailwindcss/utilities"; |
| 4 |
|
| 5 |
@import "./classes/clip-path"; |
| 6 |
@import "./classes/columns"; |
| 7 |
@import "./classes/direction"; |
| 8 |
@import "./classes/inline-list"; |
| 9 |
@import "./classes/misc"; |
| 10 |
@import "./classes/text-stroke"; |
| 11 |
|
| 12 |
@import "./classes/editor/no-caption"; |
| 13 |
@import "./classes/editor/no-inserter"; |
| 14 |
@import "./classes/editor/no-resize"; |
| 15 |
@import "./classes/editor/pointer-events"; |
| 16 |
|
| 17 |
@import "./block-styles/cover-angled"; |
| 18 |
|
| 19 |
@import "./fallback/align"; |
| 20 |
@import "./fallback/colors"; |
| 21 |
@import "./fallback/font-sizes"; |
| 22 |
@import "./fallback/grid"; |
| 23 |
@import "./fallback/group"; |
| 24 |
@import "./fallback/image"; |
| 25 |
|
| 26 |
body { |
| 27 |
/* no suggestion */ |
| 28 |
/* We need to abstract this out of tailwind.config because clamp doesnt translate with negative margins */ |
| 29 |
--extendify--spacing--large: var( |
| 30 |
--wp--custom--spacing--large, |
| 31 |
clamp(2em, 8vw, 8em) |
| 32 |
); |
| 33 |
|
| 34 |
/* Add pattern preset font sizes */ |
| 35 |
--wp--preset--font-size--ext-small: 1rem; |
| 36 |
--wp--preset--font-size--ext-medium: clamp(1.5rem, 2vw, 2rem); |
| 37 |
--wp--preset--font-size--ext-large: clamp(2.25rem, 4vw, 3.75rem); |
| 38 |
--wp--preset--font-size--ext-x-large: clamp(3rem, 6vw, 4.75rem); |
| 39 |
--wp--preset--font-size--ext-gigantic: clamp(3.25rem, 7.5vw, 5.75rem); |
| 40 |
} |
| 41 |
|
| 42 |
/* Astra */ |
| 43 |
.ast-separate-container .ext .block-editor-block-list__layout { |
| 44 |
/* no suggestion */ |
| 45 |
@apply ext-p-0 !important; |
| 46 |
} |
| 47 |
|
| 48 |
/* Astra: Remove spacer block visuals in the library */ |
| 49 |
.block-editor-block-preview__content-iframe |
| 50 |
.ext |
| 51 |
[data-type="core/spacer"] |
| 52 |
.components-resizable-box__container { |
| 53 |
/* no suggestion */ |
| 54 |
background: transparent !important; |
| 55 |
} |
| 56 |
|
| 57 |
.block-editor-block-preview__content-iframe |
| 58 |
.ext |
| 59 |
[data-type="core/spacer"] |
| 60 |
.block-library-spacer__resize-container::before { |
| 61 |
/* no suggestion */ |
| 62 |
display: none !important; |
| 63 |
} |
| 64 |
|
| 65 |
/* Twenty Twenty One */ |
| 66 |
.ext [data-block].wp-block-buttons .wp-block-button { |
| 67 |
@apply ext-my-0; |
| 68 |
} |
| 69 |
|
| 70 |
.ext [data-block].wp-block-buttons .wp-block-button:first-child { |
| 71 |
/* no suggestion */ |
| 72 |
@apply ext-mt-0 ext-mb-base !important; |
| 73 |
} |
| 74 |
|
| 75 |
/* Twenty Twenty adds a lot of margin automatically to blocks. We only want our own margin added to our patterns. */ |
| 76 |
.ext .wp-block-group__inner-container figure.wp-block-gallery.alignfull { |
| 77 |
/* no suggestion */ |
| 78 |
margin-top: unset; |
| 79 |
margin-bottom: unset; |
| 80 |
} |
| 81 |
|
| 82 |
/* Ensure no funky business is assigned to alignwide */ |
| 83 |
.ext .alignwide { |
| 84 |
/* no suggestion */ |
| 85 |
@apply ext-mx-auto !important; |
| 86 |
} |
| 87 |
|
| 88 |
/* Negate blockGap being inappropriately assigned in the editor */ |
| 89 |
.is-root-container > [data-align="full"] > .ext-my-0, |
| 90 |
.is-root-container > [data-align="full"] > .ext-mt-0, |
| 91 |
.is-root-container > [data-align="wide"] > .ext-my-0, |
| 92 |
.is-root-container > [data-align="wide"] > .ext-mt-0 { |
| 93 |
/* no suggestion */ |
| 94 |
margin-top: calc(-1 * var(--wp--style--block-gap)) !important; |
| 95 |
} |
| 96 |
|
