Server : Apache System : Linux server2.corals.io 4.18.0-348.2.1.el8_5.x86_64 #1 SMP Mon Nov 15 09:17:08 EST 2021 x86_64 User : corals ( 1002) PHP Version : 7.4.33 Disable Function : exec,passthru,shell_exec,system Directory :  /home/corals/mautic.corals.io/app/bundles/CoreBundle/Assets/css/app/less/

Upload File : current_dir [ Writeable ] document_root [ Writeable ]

//
// Variables
// --------------------------------------------------

//== General
//

:root {
    // Animations
    --timing:                                    .3s ease;
    --all:                                       all var(--timing);

    //== Border
    --border-interactive: #4e5e9e;
    --border-subtle: #e0e0e0;
    --border-subtle-alt: #c6c6c6;
    --border-subtle-selected: #c6c6c6;
    --border-strong: #8d8d8d;
    --border-tile: #c6c6c6;
    --border-tile-alt: #a8a8a8;
    --border-inverse: #161616;
    --border-disabled: #c6c6c6;

    //== Layer
    --layer: #f4f4f4;
    --layer-alt: #ffffff;
    --layer-hover: #e8e8e8;
    --layer-active: #c6c6c6;
    --layer-selected: #e0e0e0;
    --layer-selected-hover: #cacaca;
    --layer-selected-inverse: #161616;
    --layer-selected-disabled: #8d8d8d;

    //== Icons
    --icon-primary: #161616;
    --icon-secondary: #525252;
    --icon-on-color: #ffffff;
    --icon-on-color-disabled: #8d8d8d;
    --icon-interactive: #4e5e9e;
    --icon-inverse: #ffffff;
    --icon-disabled: rgba(22, 22, 22, 0.25);
}

@media (prefers-reduced-motion: reduce) {
    :root {
        --timing:                                0;
    }
}

//== Bootstrap variable
//
//## import bootstrap variable.
@import "../../../../../../../node_modules/bootstrap/less/variables.less";

//== Logo
//
//## common logo color
@mautic-logo-figure-width:                  32px;
@mautic-logo-figure-circle-fill:            #ffffff;
@mautic-logo-figure-m-fill:                 @brand-warning;
@mautic-logo-text-width:                    98px;
@mautic-logo-text-fill:                     #ffffff;

// Brand Colors
@mautic-primary:							#4e5e9e;
@mautic-secondary:							#fdb933;
@mautic-tertiary:							#35b5b9;

//== Header layout
//
//## common main header variable.
@header-bg:                                 #ffffff;
@header-height:                             60px;
@header-zindex:                             @zindex-navbar + 5; // 1005


//== Sidebar layout
//
//## common main sidebar variable.
@sidebar-zindex:                           (@header-zindex - 20 + 5);  // 990
//** left sidebar option
@sidebar-left-bg:                           darken(#27303a, 5%);
@sidebar-left-header-bg:                    @brand-primary;
@sidebar-left-width:                        230px;
@sidebar-left-collapse-width:               60px;
@sidebar-left-dark:							darken(@sidebar-left-bg, 8%);

//** right sidebar option - coming soon
@sidebar-right-bg:                          @sidebar-left-bg;
@sidebar-right-header-bg:                   lighten(@sidebar-right-bg, 3%);
@sidebar-right-width:                       230px;



//== Content layout
//
//## common main content variable.
@content-zindex:                            (@header-zindex - 10 + 5);  // 1000
@content-bg:                                #f8f8f8;


//== Footer layout
//
//## common footer variable.
@footer-height:                             46px;
@footer-bg:                                 lighten(@body-bg, 1%);
@footer-zindex:                             @content-zindex;  // 1000