WowPress-Tailwind/tailwind/custom/components/components.css

57 lines
1.5 KiB
CSS
Raw Permalink Normal View History

2024-04-15 16:00:49 +02:00
/**
* Custom styles to immediately follow Tailwinds `components` layer
*
* Add more opinionated, complex classes like buttons, form controls, alerts,
* etc; the sort of pre-built components you often see in other frameworks that
* you might need to override with utility classes.
*
* from https://tailwindcss.com/docs/plugins#adding-components
*/
/**
* Post title styles
*
* These will be applied to all headings with a `page-title` or `entry-title`
* class on the frontend and to the post title in the block editor.
*
* The supplied styles are meant to match the default `h1` classes from
* Tailwind Typography.
*/
.page-title,
.entry-title {
@apply pt-2 mx-auto mb-6 text-3xl font-extrabold text-white;
}
/**
* Layout styles for centered content areas
*
* If you are controlling the width of your content area with styles applied
* to its container, you can delete the following styles whose selectors begin
* with `.page-content >` and `.entry-content >`. For more details, please see
* the following:
*
* https://make.wordpress.org/core/2021/06/29/on-layout-and-content-width-in-wordpress-5-8/
*/
.page-content > *,
.entry-content > * {
/* Content width from the `theme.json` file */
@apply mx-auto;
}
.entry-content > .alignwide {
/* Wide width from the `theme.json` file */
@apply max-w-wide;
}
.entry-content > .alignfull {
@apply max-w-none;
}
.entry-content > .alignleft {
@apply float-left mr-8;
}
.entry-content > .alignright {
@apply float-right ml-8;
}