[IMP] theme_kiddo: update the theme

Theme Kiddo's design has been revamped by adding the following
improvements:

- Theme palette has been changed, using less contrasted colours.
- Fonts have been reviewed, replacing 'Bubblegum Sans' with 'Varela
Round'.
- Header and footer default values have been reviewed and changed to
'default' and 'descriptive'.
- Buttons' default design has been revamped, using now outline buttons
by default.
- Theme's tour has been reviewed and changed, using 's_picture' as a
third block.
- Theme's screenshot and description have been updated.
- Theme's tour snippet design has been revamped, by using animated
shapes ('s_banner', 's_picture'), new shapes ('s_image_text',
's_call_to_action'), a bg video + img placeholder ('s_banner'), a
illustration with dynamic colours ('s_image_text'), a new copywriting
('s_picture'), better text block design ('s_banner'), better design in
smaller viewports ('s_banner', 's_product_list') and a brand new
snippet design ('s_product_list').
- In order to add a better integration with the Website Configurator,
's_cover' design has also been improved.

Additionally, duplicated commented text lines in
'bootstrap_overridden.scss' have been removed.

task-2573229

X-original-commit: 0173ac6c44
Part-of: odoo/design-themes#501
This commit is contained in:
Carlos Valverde
2021-06-16 09:22:48 +00:00
committed by qsm-odoo
parent 93809e1584
commit 7411ad6b49
24 changed files with 1219 additions and 429 deletions
@@ -1,47 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_three_columns" inherit_id="website.s_three_columns">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc3 pb152" remove="o_cc2 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/19","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_19"/>
</xpath>
<!-- Column 1 -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="border" separator=" "/>
<attribute name="style" add="border-width: 2px !important; border-color: rgb(44, 41, 39) !important;" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('card-body')]" position="replace">
<div class="card-body">
<h3 class="card-title">Philosophy</h3>
<p class="card-text">Aiming to achieve the best physical, mental, emotional and social development of children, our centre promotes active learning strategies</p>
</div>
</xpath>
<!-- Column 2 -->
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="class" add="border" separator=" "/>
<attribute name="style" add="border-width: 2px !important; border-color: rgb(44, 41, 39) !important;" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('card-body')])[2]" position="replace">
<div class="card-body">
<h3 class="card-title">Nursery</h3>
<p class="card-text">Since 2020, we welcome children from 0 to 3 years in a warm and specific environment for the needs of small children.</p>
</div>
</xpath>
<!-- Column 3 -->
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="class" add="border" separator=" "/>
<attribute name="style" add="border-width: 2px !important; border-color: rgb(44, 41, 39) !important;" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('card-body')])[3]" position="replace">
<div class="card-body">
<h3 class="card-title">Activities</h3>
<p class="card-text">All activities are primarily aimed at procuring pleasure, and at the psychomotor, cognitive and affective development of the child.</p>
</div>
</xpath>
</template>
</odoo>