2ca32b40bc
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#3093 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'; }
|