[IMP] website_description_internal: estilo comercial con paleta por defecto de Odoo

This commit is contained in:
snt 2026-03-29 17:58:07 +02:00
parent c98d360726
commit 574ceeb619

View file

@ -1,9 +1,89 @@
.custom_website_description { .custom_website_description {
font-size: 18px; --odoo-primary: var(--o-color-1, #875a7b);
color: #333; --odoo-text: var(--o-cc1-text, #212529);
line-height: 1.5; --odoo-bg: var(--o-cc1-bg, #ffffff);
padding: 15px;
background-color: #efefff; max-width: 1100px;
border: 1px solid #99c; margin: 0 auto;
border-radius: 12px; font-size: clamp(16px, 1.05vw, 18px);
color: var(--odoo-text);
line-height: 1.72;
letter-spacing: 0.01em;
padding: 28px;
background-color: var(--odoo-bg);
border: 1px solid rgba(135, 90, 123, 0.25);
border-top: 4px solid var(--odoo-primary);
border-radius: 14px;
box-shadow: 0 10px 26px rgba(135, 90, 123, 0.12);
column-count: 2;
column-gap: 36px;
column-fill: balance;
text-wrap: pretty;
hyphens: auto;
}
.custom_website_description p,
.custom_website_description ul,
.custom_website_description ol {
margin-top: 0;
margin-bottom: 0.9em;
}
.custom_website_description ul,
.custom_website_description ol {
padding-left: 1.2em;
}
.custom_website_description h1,
.custom_website_description h2,
.custom_website_description h3,
.custom_website_description h4,
.custom_website_description h5,
.custom_website_description h6 {
color: var(--odoo-primary);
line-height: 1.3;
margin: 0 0 0.55em;
break-after: avoid;
}
.custom_website_description ul li::marker,
.custom_website_description ol li::marker {
color: var(--odoo-primary);
}
.custom_website_description a {
color: var(--odoo-primary);
text-decoration-thickness: 0.08em;
text-underline-offset: 0.12em;
}
.custom_website_description blockquote {
border-left: 4px solid var(--odoo-primary);
margin: 0.9em 0;
padding: 0.25em 0 0.25em 1em;
color: var(--odoo-text);
background-color: rgba(135, 90, 123, 0.06);
}
.custom_website_description p,
.custom_website_description li,
.custom_website_description h1,
.custom_website_description h2,
.custom_website_description h3,
.custom_website_description h4,
.custom_website_description h5,
.custom_website_description h6,
.custom_website_description blockquote,
.custom_website_description img,
.custom_website_description table {
break-inside: avoid;
}
@media (max-width: 991.98px) {
.custom_website_description {
column-count: 1;
column-gap: 0;
padding: 20px;
line-height: 1.66;
}
} }