81d1f2d21b
Revamp of the side menu;
Round all borders for consistency with the buttons;
Improve .sig-* and .o_code elements;
Improve sphinx-tabs hover effect;
task-3046383
closes odoo/documentation#4114
X-original-commit: 3056c7b62d
Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
163 lines
4.8 KiB
SCSS
163 lines
4.8 KiB
SCSS
// Typography
|
|
// ===============================================
|
|
$o-font-family-serif: 'Roboto Slab', Georgia, "Times New Roman", Times, serif;
|
|
|
|
// Extra font added in custom utilities
|
|
$o-font-weight-medium: 500;
|
|
|
|
//------------------------------------------------------------------------------
|
|
// icomoon icons
|
|
//------------------------------------------------------------------------------
|
|
|
|
$i-arrow-up: "\e948";
|
|
$i-arrow-down: "\e945";
|
|
$i-arrow-left: "\e946";
|
|
$i-arrow-right: "\e947";
|
|
$i-chevron-up: "\e94c";
|
|
$i-chevron-down: "\e949";
|
|
$i-chevron-left: "\e94a";
|
|
$i-chevron-right: "\e94b";
|
|
$i-link: "\e94f";
|
|
$i-external-link: "\e940";
|
|
$i-websites: "\e944";
|
|
$i-sales: "\e953";
|
|
$i-sales_2: "\e931";
|
|
$i-marketing: "\e922";
|
|
$i-apps_1: "\e904";
|
|
$i-apps_2: "\e905";
|
|
$i-app_features: "\e902";
|
|
$i-app-favorites: "\e903";
|
|
$i-basics: "\e906";
|
|
$i-cart: "\e907";
|
|
$i-shop: "\e937";
|
|
$i-accountant: "\e900";
|
|
$i-customer-reviews: "\e90d";
|
|
$i-hr: "\e91c";
|
|
$i-developer: "\e90e";
|
|
$i-users: "\e93f";
|
|
$i-doc-hr: "\e90f";
|
|
$i-doc-apps: "\e910";
|
|
$i-doc-contribute: "\e911";
|
|
$i-doc-admin_2: "\e912";
|
|
$i-doc-dev: "\e92d";
|
|
$i-doc-services: "\e913";
|
|
$i-doc-admin: "\e933";
|
|
$i-documentation: "\e914";
|
|
$i-scaleup: "\e934";
|
|
$i-knowledge: "\e920";
|
|
$i-tutorial: "\e93e";
|
|
$i-elearning_1: "\e915";
|
|
$i-elearning_2: "\e916";
|
|
$i-install: "\e91e";
|
|
$i-o-edu: "\e926";
|
|
$i-certifications: "\e908";
|
|
$i-events: "\e917";
|
|
$i-showcase: "\e938";
|
|
$i-jobs: "\e91f";
|
|
$i-finances: "\e919";
|
|
$i-money-bag: "\e923";
|
|
$i-money-plant: "\e924";
|
|
$i-o-help: "\e927";
|
|
$i-o-logo: "\e928";
|
|
$i-o-services: "\e929";
|
|
$i-o-tour: "\e92a";
|
|
$i-services: "\e936";
|
|
$i-operations_1: "\e92b";
|
|
$i-operations_2: "\e92c";
|
|
$i-performance: "\e92f";
|
|
$i-time-management_2: "\e93b";
|
|
$i-time-management: "\e93c";
|
|
$i-advanced: "\e901";
|
|
$i-search: "\e935";
|
|
$i-view: "\e952";
|
|
$i-view-more: "\e950";
|
|
$i-view-next: "\e951";
|
|
$i-partners: "\e92e";
|
|
$i-contact: "\e90c";
|
|
$i-forums: "\e91a";
|
|
$i-github: "\e91b";
|
|
$i-support: "\e939";
|
|
$i-collaborating: "\e90a";
|
|
$i-compare: "\e90b";
|
|
$i-themes: "\e93a";
|
|
$i-translate: "\e93d";
|
|
$i-release: "\e930";
|
|
$i-info: "\e91d";
|
|
$i-warning: "\e943";
|
|
$i-danger: "\e94d";
|
|
$i-note: "\e925";
|
|
$i-exercise: "\e918";
|
|
$i-lightbulb: "\e921";
|
|
$i-check: "\e909";
|
|
$i-edit: "\e932";
|
|
$i-article: "\e94e";
|
|
$i-sidepanel: "\e941";
|
|
$i-close: "\e942";
|
|
|
|
|
|
//------------------------------------------------------------------------------
|
|
// Colors
|
|
//------------------------------------------------------------------------------
|
|
|
|
$o-gray-light : $gray-400;
|
|
$o-gray : $gray-600;
|
|
|
|
$o-gray-border: $gray-400;
|
|
$o-gray-bg: $gray-200;
|
|
$o-gray-color: $gray-900;
|
|
|
|
$o-literals-bg: $gray-200;
|
|
$o-literals-border: $o-literals-bg;
|
|
|
|
$o-toc-bg: $o-gray-bg;
|
|
$o-toc-border: $o-toc-bg;
|
|
|
|
//------------------------------------------------------------------------------
|
|
// Misc
|
|
//------------------------------------------------------------------------------
|
|
|
|
// Header
|
|
$o-header-mobile-height: 50px;
|
|
$o-header-height: 80px;
|
|
$o-header-bg: $white;
|
|
|
|
$o-subheader-height: 32px;
|
|
|
|
$o-headers-mobile-height: $o-header-mobile-height + $o-subheader-height;
|
|
$o-headers-height: $o-header-height + $o-subheader-height;
|
|
// Navigation
|
|
$o-side-nav-width: 350px;
|
|
$o-on-page-width: 20%;
|
|
|
|
// o_has_code_column pages
|
|
$o-halfpage-width: 54%;
|
|
$o-codecol-width: 43%;
|
|
|
|
// Paddings and margins
|
|
$o-padding-xs: .5rem;
|
|
$o-padding-s: 1rem;
|
|
$o-padding-m: 1.5rem;
|
|
$o-padding-l: 3rem;
|
|
$o-margin-s: $o-padding-s;
|
|
$o-margin-m: $o-padding-m;
|
|
$o-margin-l: $o-padding-l;
|
|
|
|
$o-icon-margin: .2em;
|
|
//------------------------------------------------------------------------------
|
|
// Components
|
|
//------------------------------------------------------------------------------
|
|
|
|
// Alerts
|
|
$o-alert-default-icon: $i-info;
|
|
$o-alert-code-border-color: $o-gray-border;
|
|
|
|
$o-alert-types: (
|
|
"primary": ("color": $primary, "icon": $i-exercise),
|
|
"secondary": ("color": $secondary, "icon": $i-arrow-right),
|
|
"tip": ("color": $primary, "icon": $i-lightbulb),
|
|
"success": ("color": $success, "icon": $i-knowledge),
|
|
"warning": ("color": $warning, "icon": $i-warning),
|
|
"danger": ("color": $danger, "icon": $i-danger),
|
|
"dark": ("color": $dark, "icon": $i-exercise)
|
|
);
|