[IMP] website_description_internal: estilo comercial con paleta por defecto de Odoo
This commit is contained in:
parent
c98d360726
commit
574ceeb619
1 changed files with 87 additions and 7 deletions
|
|
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue