flectra/doc/_extensions/flectra_ext/static/variables.less
2018-03-30 11:42:41 +00:00

170 lines
4.3 KiB
Plaintext

// 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);