9571a32131
Add a new content focused on SCSS and user-interface.
- SCSS coding guidelines: regroup information already available (eg [1])
or based on "oral tradition".
The aim is not to establish new rules, ~99% of the current codebase
is already compliant.
- SCSS inheritance: explain how SCSS assets management works in odoo.
For example, people still find confusing that overrides are defined
*before* the variable to customize.
- SCSS optimization tips: suggestions to lean SCSS code. Based on SCSS
optimization task's know-how [2].
- CSS variables: explain how this feature is commonly used in odoo to
adapt layout & design without raw CSS overrides.
- UI Icons: Add link to fontAwesome4 library . Replace the picture of
odoo icons with the actual font (90kb image VS 15Kb font)
[1] https://github.com/odoo/odoo/wiki/SCSS-coding-guidelines
[2] https://www.odoo.com/web#id=2704984&menu_id=4720&cids=1&model=project.task&view_type=form
task-3090800
closes odoo/documentation#3327
X-original-commit: 2ca32b40bc
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
42 lines
1.1 KiB
CSS
42 lines
1.1 KiB
CSS
@font-face {
|
|
font-family: 'odoo_ui_icons';
|
|
src: url('fonts/odoo_ui_icons.woff2') format('woff2'), url('fonts/odoo_ui_icons.woff') format('woff');
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
font-display: block;
|
|
}
|
|
|
|
.oi {
|
|
font-family: 'odoo_ui_icons';
|
|
speak: never;
|
|
font-style: normal;
|
|
font-weight: normal;
|
|
font-variant: normal;
|
|
text-transform: none;
|
|
line-height: 1;
|
|
|
|
/* Better Font Rendering =========== */
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
.oi-close:before {
|
|
content: '\00d7';
|
|
font-family: sans-serif;
|
|
font-weight: bold;
|
|
}
|
|
|
|
.oi-view-pivot:before { content: '\e800'; }
|
|
.oi-voip:before { content: '\e803'; }
|
|
.oi-odoo:before { content: '\e806'; }
|
|
.oi-search:before { content: '\e808'; }
|
|
.oi-group:before { content: '\e80a'; }
|
|
.oi-settings-adjust:before { content: '\e80c'; }
|
|
.oi-apps:before { content: '\e80d'; }
|
|
.oi-panel-right:before { content: '\e810'; }
|
|
.oi-launch:before { content: '\e812'; }
|
|
.oi-studio:before { content: '\e813'; }
|
|
.oi-view-kanban:before { content: '\e814'; }
|
|
.oi-view-cohort:before { content: '\e816'; }
|
|
.oi-view-list:before { content: '\e817'; }
|