Style shared richtext blocks via project template override
This commit is contained in:
45
mandelstudio/templates/engine/blocks/core/richtext.html
Normal file
45
mandelstudio/templates/engine/blocks/core/richtext.html
Normal file
@@ -0,0 +1,45 @@
|
|||||||
|
<section class="container py-5">
|
||||||
|
<div class="row justify-content-center">
|
||||||
|
<div class="col-12 col-lg-10 col-xl-9">
|
||||||
|
<div class="te-richtext card border-0 shadow-sm rounded-4">
|
||||||
|
<div class="card-body p-4 p-md-5">
|
||||||
|
{{ value.content }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<style>
|
||||||
|
.te-modern-saas .te-richtext {
|
||||||
|
color: var(--te-color-text-base);
|
||||||
|
background: color-mix(in srgb, var(--te-color-surface-soft) 18%, white 82%);
|
||||||
|
}
|
||||||
|
|
||||||
|
.te-modern-saas .te-richtext .card-body > * + * {
|
||||||
|
margin-top: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.te-modern-saas .te-richtext h2,
|
||||||
|
.te-modern-saas .te-richtext h3,
|
||||||
|
.te-modern-saas .te-richtext h4 {
|
||||||
|
color: var(--te-color-surface-strong);
|
||||||
|
margin-top: 2rem;
|
||||||
|
margin-bottom: 0.75rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.te-modern-saas .te-richtext p,
|
||||||
|
.te-modern-saas .te-richtext li {
|
||||||
|
line-height: 1.75;
|
||||||
|
}
|
||||||
|
|
||||||
|
.te-modern-saas .te-richtext ul,
|
||||||
|
.te-modern-saas .te-richtext ol {
|
||||||
|
padding-left: 1.25rem;
|
||||||
|
margin-bottom: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.te-modern-saas .te-richtext a {
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
Reference in New Issue
Block a user