flectra/doc/_extensions/flectra_ext/static/variables.less

// Based on http://www.flectra.com/openerp_website/static/src/less/variables.less
// ============================================================================

// Prefixes
// ==============================================
@website-2x-prefix       : "2x_";


// Flectra Colours
// ==============================================

@flectra-brand-optional     : #21b799;
@flectra-brand-primary      : #bfe2ff;

//== Flectra Colours
@o-violet-dark           : #875A7B;
@o-violet-darker         : #62495B;

@o-inverse               : #47738F;
@o-inverse-dark          : #5B7687;
@o-inverse-darker        : #485761;


//== Grayscale
@gray-lightest           : #F9F9F9;
@gray-lighter            : #F2F2F2;
@gray-light              : #dcddde;
@gray                    : #888888;
@gray-dark               : #6B6D70;
@gray-darker             : #282F33;
@gray-darkest            : darken(saturate(@gray-darker, 1%), 3%);

//== UI Colors
@brand-primary           : @flectra-brand-optional;
@brand-success           : #50AF51;
@brand-info              : #4B9EB6;
@brand-warning           : #F0AD4E;
@brand-danger            : #D9534F;

//== Apps' Families Colours
@color-alpha             : @brand-primary;
@color-alpha-dark        : #18856F;
@color-alpha-light       : #26D1AF;
@color-alpha-lightest    : #2AEBC4;

@color-beta              : #5B899E;
@color-beta-dark         : #3D5D6B;
@color-beta-light        : #699FB8;
@color-beta-lightest     : #77B5D1;

@color-gamma             : #E46F78;
@color-gamma-dark        : #B0565C;
@color-gamma-light       : #FC7C84;
@color-gamma-lightest    : #FC959C;

@color-delta             : #5C5B80;
@color-delta-dark        : #37364D;
@color-delta-light       : #6E6D99;
@color-delta-lightest    : #807FB3;

@color-epsilon           : #D5653E;
@color-epsilon-dark      : #A34E2F;
@color-epsilon-light     : #F07346;
@color-epsilon-lightest  : #FF8D63;



@doc_paper_dark          : @gray-lighter;
@doc_paper               : #fff;

@doc_exercise            : #938E94;
@doc_code-bg             : @gray-darkest;
@doc_lime                : #CDDC39;
@doc_orange              : #FF5722;
@doc_cyan                : #0097A7;


// Typography
// ===============================================

//== Font sizes/weigths
@font-size-base : 16px;

@fw_light       : 300;
@fw_regular     : 400;
@fw_medium      : 500;
@fw_semibold    : 600;
@fw_bold        : 700;

//== Paragraphs
@font-family-base        : -apple-system, system-ui, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
@text-color              : #373e42;

//== Headings
@headings-color          : saturate(@gray-darker, 15%);
@headings-font-family    : @font-family-base;
@headings-font-weight    : @fw_regular;
@headings-small-color    : @headings-color;

@font-size-h2: 30px;
@font-size-h3: 24px;
@font-size-h4: 19px;
@font-size-h5: 17px;
@font-size-h6: 17px;

//== Global textual link color.
@link-color              : @o-violet-dark;
@link-hover-color        : desaturate(@flectra-brand-primary, 10%);
@link-hover-decoration   : none;

//== Mute color.
@text-muted              : @gray;


// Layouting
// ===============================================
@body-bg: @gray-lightest;

//== Header
@w-header-height         : 50px;
@w-sub-nav-height        : 40px;
@w-header-white          : #FCFCFC;
@header-link-normal      : darken(@text-color,5%);

//== Footer
@footer-heigth           : 300px;
@footer-bg-color         : @gray-darker;
@footer-bottom-bg-color  : @gray-darkest;
@footer-text             : @gray-light;
@footer-text-mute        : @gray;


// ==========================
// == Docs Variables ========
// ==========================

// Z-Index Scale (private vars)
// --------------------------------------------------
@zIndex-1:100;
@zIndex-2:200;
@zIndex-3:300;
@zIndex-4:400;
@zIndex-5:500;
@zIndex-6:600;
@zIndex-7:700;
@zIndex-8:800;
@zIndex-9:900;
@zIndex-10:1000;

// Z-Index Elements
// --------------------------------------------------

@zIndex--main: 0;
@zIndex--mask: @zIndex-7;
@zIndex--float_action: @zIndex-8;
@zIndex--toggle_side_menu: @zIndex-8;


// Cards
// --------------------------------------------------
@card_margin-bottom: 25px;



// Easing Curves
// --------------------------------------------------
@o-ease          : cubic-bezier(.55,0,.1,1);
@ease-material-2 : cubic-bezier(0.215, 0.61, 0.355, 1);
@ease-material-3 : cubic-bezier(0.4, 0, 0.2, 1);