[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 {
|
||||
font-size: 18px;
|
||||
color: #333;
|
||||
line-height: 1.5;
|
||||
padding: 15px;
|
||||
background-color: #efefff;
|
||||
border: 1px solid #99c;
|
||||
border-radius: 12px;
|
||||
--odoo-primary: var(--o-color-1, #875a7b);
|
||||
--odoo-text: var(--o-cc1-text, #212529);
|
||||
--odoo-bg: var(--o-cc1-bg, #ffffff);
|
||||
|
||||
max-width: 1100px;
|
||||
margin: 0 auto;
|
||||
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