Your IP : 216.73.216.229


Current Path : /home/jeromecohp/www/templates/yootheme/vendor/assets/uikit-themes/master-makai/
Upload File :
Current File : /home/jeromecohp/www/templates/yootheme/vendor/assets/uikit-themes/master-makai/_import.less

@internal-fonts: 'Montserrat:400,600,700|Playfair+Display:700|Homemade+Apple:400';
@global-font-family: Montserrat;
@global-font-size: 14px;
@global-line-height: 1.7;
@global-2xlarge-font-size: 42px;
@global-xlarge-font-size: 36px;
@global-large-font-size: 28px;
@global-medium-font-size: 19px;
@global-small-font-size: 12px;
@global-primary-font-family: 'Playfair Display';
@global-primary-font-weight: 700;
@global-primary-text-transform: inherit;
@global-primary-letter-spacing: inherit;
@global-primary-font-style: inherit;
@global-secondary-font-family: Montserrat;
@global-secondary-font-weight: 700;
@global-secondary-text-transform: uppercase;
@global-secondary-letter-spacing: inherit;
@global-secondary-font-style: inherit;
@global-tertiary-font-family: 'Homemade Apple';
@global-tertiary-font-weight: 400;
@global-color: #717171;
@global-emphasis-color: #0D1724;
@global-muted-color: #A3A3A3;
@global-link-color: #0D1724;
@global-link-hover-color: #0E536D;
@global-inverse-color: #FFFFFF;
@global-background: #FFFFFF;
@global-muted-background: #f4f4f4;
@global-primary-background: #0E536D;
@global-secondary-background: #0D1724;
@global-success-background: #32d296;
@global-warning-background: #faa05a;
@global-danger-background: #f0506e;
@global-border-width: 1px;
@global-border: rgba(0,0,0,0.1);
@global-border-radius: 0;
@global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08);
@global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.12);
@global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16);
@global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16);
@global-margin: 20px;
@global-small-margin: 10px;
@global-medium-margin: 40px;
@global-large-margin: 70px;
@global-xlarge-margin: 140px;
@global-gutter: 30px;
@global-small-gutter: 15px;
@global-medium-gutter: 40px;
@global-large-gutter: 70px;
@global-control-height: 44px;
@global-control-small-height: 30px;
@global-control-large-height: 55px;
@global-z-index: 1000;
@base-code-color: @global-color;
@base-ins-background: @global-muted-background;
@base-ins-color: @global-emphasis-color;
@base-mark-background: @global-muted-background;
@base-mark-color: @global-emphasis-color;
@base-quote-font-style: normal;
@base-blockquote-font-size: @global-2xlarge-font-size;
@base-blockquote-line-height: 1.2;
@base-blockquote-font-style: normal;
@base-selection-background: @global-primary-background;
@base-code-padding-horizontal: 5px;
@base-code-padding-vertical: 2px;
@base-pre-padding: 15px;
@base-blockquote-footer-em-dash: false;
@base-blockquote-footer-color: @global-muted-color;
@base-blockquote-footer-font-style: normal;
@base-code-border-width: @global-border-width;
@base-code-border: @global-border;
@base-pre-border-width: @global-border-width;
@base-pre-border: @global-border;
@link-muted-hover-color: @global-emphasis-color;
@link-text-hover-color: @global-primary-background;
@link-heading-hover-text-decoration: underline;
@link-heading-text-decoration: underline;
@inverse-link-text-hover-color: @inverse-global-color;
@inverse-link-heading-hover-color: fade(@global-inverse-color, 60%);
@heading-medium-font-size: @heading-medium-font-size-m * 0.9;
@heading-large-font-size: @heading-large-font-size-m * 0.9;
@heading-small-font-size-m: 55px;
@heading-medium-font-size-l: 66px;
@heading-large-font-size-l: 90px;
@heading-xlarge-font-size-l: 130px;
@heading-2xlarge-font-size-l: 180px;
@heading-3xlarge-font-size-l: 250px;
@heading-bullet-border-width: ~'calc(2px + 0.05em)';
@heading-bullet-border: @global-secondary-background;
@divider-icon-color: @global-primary-background;
@internal-divider-icon-image: "../../../../uikit-themes/master-makai/images/divider-icon.svg";
@inverse-divider-icon-color: @global-inverse-color;
@inverse-divider-vertical-border: @global-inverse-color;
@list-large-striped-padding-vertical: 15px;
@list-large-striped-padding-horizontal: @global-margin;
@description-list-term-margin-top: 30px;
@description-list-term-font-size: 16px;
@table-row-active-background: fade(@global-primary-background, 5%);
@icon-link-hover-color: @global-primary-background;
@icon-link-active-color: @global-secondary-background;
@icon-button-hover-background: @global-secondary-background;
@icon-button-hover-color: @global-inverse-color;
@icon-button-active-background: lighten(@global-secondary-background, 10%);
@icon-button-active-color: @global-inverse-color;
@inverse-icon-link-color: @global-inverse-color;
@inverse-icon-link-hover-color: fade(@global-inverse-color, 90%);
@inverse-icon-link-active-color: @global-inverse-color;
@inverse-icon-button-color: @inverse-global-color;
@inverse-icon-button-hover-background: @inverse-global-primary-background;
@inverse-icon-button-hover-color: @global-emphasis-color;
@inverse-icon-button-active-background: fade(@inverse-icon-button-hover-background, 90%);
@inverse-icon-button-active-color: @global-emphasis-color;
@form-range-track-height: 2px;
@form-range-thumb-height: 14px;
@form-range-thumb-background: @global-primary-background;
@form-background: transparent;
@form-focus-background: transparent;
@form-disabled-background: lighten(@global-muted-background, 3%);
@form-disabled-color: lighten(@global-muted-color, 17%);
@form-select-icon-color: @global-emphasis-color;
@form-select-option-color: @global-emphasis-color;
@form-radio-background: transparent;
@form-radio-focus-background: transparent;
@form-border-width: @global-border-width;
@form-border: @global-border;
@form-focus-border: @global-secondary-background;
@form-disabled-border: lighten(@global-border, 15%);
@form-danger-border: @global-danger-background;
@form-success-border: @global-success-background;
@form-blank-focus-border: @global-border;
@form-radio-border-width: @global-border-width;
@form-radio-border: @global-border;
@form-radio-focus-border: @global-secondary-background;
@inverse-form-background: transparent;
@inverse-form-focus-background: transparent;
@inverse-form-radio-background: transparent;
@inverse-form-radio-focus-background: transparent;
@inverse-form-border: @inverse-global-border;
@inverse-form-focus-border: @global-inverse-color;
@inverse-form-radio-border: @inverse-global-border;
@inverse-form-radio-focus-border: @global-inverse-color;
@button-font-size: @global-small-font-size;
@button-large-font-size: 16px;
@button-padding-horizontal: 20px;
@button-large-padding-horizontal: 25px;
@button-default-background: transparent;
@button-default-hover-background: @global-secondary-background;
@button-default-hover-color: @global-inverse-color;
@button-default-active-background: lighten(@global-secondary-background, 5%);
@button-default-active-color: @global-inverse-color;
@button-primary-active-background: @global-primary-background;
@button-secondary-hover-background: lighten(@global-secondary-background, 5%);
@button-link-hover-color: @global-primary-background;
@button-border-width: @global-border-width;
@button-default-border: @global-secondary-background;
@button-default-active-border: @global-secondary-background;
@inverse-button-default-background: transparent;
@inverse-button-default-color: @global-inverse-color;
@inverse-button-default-hover-background: @global-inverse-color;
@inverse-button-default-active-background: fade(@global-inverse-color, 90%);
@inverse-button-primary-background: @global-primary-background;
@inverse-button-primary-color: @global-inverse-color;
@inverse-button-primary-hover-color: @global-inverse-color;
@inverse-button-primary-active-color: @global-inverse-color;
@inverse-button-link-hover-color: @inverse-global-color;
@inverse-button-default-border: @global-inverse-color;
@container-small-max-width: 960px;
@container-large-max-width: 1360px;
@card-badge-height: 24px;
@card-badge-padding-horizontal: 8px;
@card-hover-background: @global-background;
@card-default-background: @global-background;
@card-default-hover-background: @global-background;
@card-primary-hover-background: darken(@card-primary-background, 3%);
@card-secondary-hover-background: lighten(@card-secondary-background, 5%);
@card-hover-border-width: @global-border-width;
@card-hover-border: @global-border;
@card-default-border-width: @global-border-width;
@card-default-border: @global-border;
@card-default-hover-border: darken(@card-default-border, 10%);
@close-hover-color: @global-primary-background;
@marker-background: @global-primary-background;
@marker-hover-background: @global-secondary-background;
@inverse-marker-hover-color: @global-primary-background;
@totop-padding: 15px;
@totop-color: @global-secondary-background;
@totop-hover-color: @global-inverse-color;
@totop-active-color: @global-inverse-color;
@totop-hover-background: @global-primary-background;
@totop-active-background: @global-secondary-background;
@totop-border-width: @global-border-width;
@totop-border: @global-secondary-background;
@inverse-totop-color: @global-inverse-color;
@inverse-totop-hover-color: @inverse-global-inverse-color;
@inverse-totop-active-color: @inverse-global-inverse-color;
@inverse-totop-hover-background: @global-inverse-color;
@inverse-totop-active-background: fade(@global-inverse-color, 80%);
@inverse-totop-border: @global-inverse-color;
@alert-primary-background: fade(@global-primary-background, 80%);
@alert-primary-color: @global-inverse-color;
@alert-success-background: fade(@global-success-background, 80%);
@alert-success-color: @global-inverse-color;
@alert-warning-background: fade(@global-warning-background, 80%);
@alert-warning-color: @global-inverse-color;
@alert-danger-background: fade(@global-danger-background, 80%);
@alert-danger-color: @global-inverse-color;
@badge-font-weight: 600;
@overlay-primary-background: fade(@global-primary-background, 90%);
@search-icon-color: @global-emphasis-color;
@search-default-background: transparent;
@search-toggle-color: @global-color;
@search-toggle-hover-color: @global-emphasis-color;
@search-default-border-width: @global-border-width;
@search-default-border: @global-border;
@search-default-focus-border: @global-secondary-background;
@inverse-search-color: @global-inverse-color;
@inverse-search-icon-color: @global-inverse-color;
@inverse-search-default-background: transparent;
@inverse-search-default-focus-background: transparent;
@inverse-search-default-border: @inverse-global-border;
@inverse-search-default-focus-border: @global-inverse-color;
@accordion-icon-color: @global-primary-background;
@internal-accordion-icon-close-image: "../../../../uikit-themes/master-makai/images/accordion-close.svg";
@internal-accordion-icon-open-image: "../../../../uikit-themes/master-makai/images/accordion-open.svg";
@accordion-title-font-family: @global-secondary-font-family;
@accordion-title-font-weight: @global-secondary-font-weight;
@accordion-title-text-transform: @global-secondary-text-transform;
@accordion-title-letter-spacing: @global-secondary-letter-spacing;
@accordion-title-font-style: @global-secondary-font-style;
@accordion-item-padding-top: @global-gutter;
@accordion-item-border-width: @global-border-width;
@accordion-item-border: @global-border;
@inverse-accordion-icon-color: @global-inverse-color;
@dropdown-padding: 20px;
@dropdown-nav-item-color: @global-color;
@dropdown-nav-item-hover-color: @global-emphasis-color;
@dropdown-nav-subtitle-font-size: 12px;
@dropdown-nav-sublist-item-hover-color: @global-emphasis-color;
@dropdown-nav-item-padding-vertical: 10px;
@dropdown-nav-font-size: @global-small-font-size;
@dropdown-nav-subtitle-text-transform: none;
@dropdown-nav-subtitle-line-height: 1.5;
@dropbar-padding-top: 30px;
@dropbar-background: @global-background;
@dropbar-top-box-shadow: 0 1px 0 @global-border;
@dropbar-bottom-box-shadow: 0 -1px 0 @global-border;
@dropbar-left-box-shadow: 1px 0 0 @global-border;
@dropbar-right-box-shadow: -1px 0 0 @global-border;
@modal-header-background: @global-background;
@modal-footer-background: @global-background;
@offcanvas-bar-background: @global-background;
@offcanvas-bar-color-mode: dark;
@leader-color: fade(@global-emphasis-color, 40%);
@leader-font-size: 10px;
@inverse-leader-color: fade(@global-inverse-color, 30%);
@tooltip-padding-vertical: 5px;
@tooltip-padding-horizontal: 9px;
@tooltip-background: @global-secondary-background;
@nav-header-font-size: @global-font-size;
@nav-default-item-color: @global-color;
@nav-default-item-hover-color: @global-emphasis-color;
@nav-default-subtitle-font-size: 12px;
@nav-default-sublist-item-hover-color: @global-emphasis-color;
@nav-primary-font-size: @global-medium-font-size;
@nav-primary-item-color: @global-emphasis-color;
@nav-primary-item-hover-color: @global-primary-background;
@nav-primary-item-active-color: @global-primary-background;
@nav-primary-subtitle-font-size: @global-font-size;
@nav-primary-sublist-font-size: 16px;
@nav-primary-sublist-item-hover-color: @global-emphasis-color;
@nav-primary-sublist-item-active-color: @global-primary-background;
@nav-secondary-subtitle-font-size: 13px;
@nav-secondary-subtitle-color: @global-color;
@nav-secondary-subtitle-hover-color: @global-emphasis-color;
@nav-secondary-sublist-font-size: @global-font-size;
@nav-dividers-margin-top: 7px;
@nav-secondary-margin-top: 15px;
@nav-secondary-item-padding-vertical: 8px;
@nav-default-font-weight: 400;
@nav-default-subtitle-color: @global-muted-color;
@nav-default-subtitle-text-transform: none;
@nav-default-subtitle-line-height: 1.5;
@nav-primary-font-family: @global-secondary-font-family;
@nav-primary-font-weight: inherit;
@nav-primary-text-transform: @global-secondary-text-transform;
@nav-primary-letter-spacing: @global-secondary-letter-spacing;
@nav-primary-font-style: @global-secondary-font-style;
@nav-primary-subtitle-color: @global-muted-color;
@nav-primary-subtitle-font-family: @global-font-family;
@nav-primary-subtitle-font-weight: normal;
@nav-primary-subtitle-text-transform: none;
@nav-primary-subtitle-line-height: 1.5;
@nav-secondary-font-weight: normal;
@nav-secondary-subtitle-text-transform: none;
@nav-secondary-subtitle-line-height: 1.5;
@inverse-nav-secondary-subtitle-hover-color: @inverse-global-emphasis-color;
@navbar-background: @global-inverse-color;
@navbar-gap: 0px;
@navbar-nav-gap: 0px;
@navbar-nav-item-padding-horizontal: 25px;
@navbar-nav-item-color: @global-color;
@navbar-nav-item-hover-color: @global-emphasis-color;
@navbar-nav-item-onclick-color: @global-color;
@navbar-item-padding-horizontal: 25px;
@navbar-toggle-color: @global-color;
@navbar-toggle-hover-color: @global-emphasis-color;
@navbar-dropdown-shift-margin: -1px;
@navbar-dropdown-padding: 25px;
@navbar-dropdown-background: @global-background;
@navbar-dropdown-large-shift-margin: -1px;
@navbar-dropdown-dropbar-shift-margin: (@navbar-nav-item-padding-horizontal - @navbar-border-width);
@navbar-dropdown-dropbar-large-shift-margin: (@navbar-nav-item-padding-horizontal - @navbar-border-width);
@navbar-dropdown-nav-item-color: @global-color;
@navbar-dropdown-nav-item-hover-color: @global-emphasis-color;
@navbar-padding-top: 15px;
@navbar-padding-bottom: @navbar-padding-top;
@navbar-gap-m: 0px;
@navbar-nav-gap-m: 0px;
@navbar-dropdown-nav-sublist-padding-left: 10px;
@navbar-nav-item-font-weight: 400;
@navbar-subtitle-color: @global-muted-color;
@navbar-subtitle-text-transform: none;
@navbar-subtitle-line-height: 1.4;
@navbar-primary-nav-item-font-size: 16px;
@navbar-dropdown-nav-font-weight: 400;
@navbar-dropdown-nav-subtitle-text-transform: none;
@navbar-dropdown-nav-subtitle-line-height: 1.6;
@navbar-mode: frame;
@navbar-mode-border-vertical: all;
@navbar-border-width: @global-border-width;
@navbar-border: fade(@global-border, 10%);
@navbar-dropdown-border-width: @global-border-width;
@navbar-dropdown-border: fade(@global-muted-color, 30%);
@inverse-navbar-nav-item-color: fade(@global-inverse-color, 60%);
@inverse-navbar-nav-item-hover-color: fade(@global-inverse-color, 90%);
@inverse-navbar-nav-item-onclick-color: fade(@global-inverse-color, 50%);
@inverse-navbar-nav-item-active-color: @global-inverse-color;
@inverse-navbar-item-color: @global-inverse-color;
@inverse-navbar-toggle-color: @global-inverse-color;
@inverse-navbar-toggle-hover-color: fade(@global-inverse-color, 70%);
@inverse-navbar-border: fade(@global-inverse-color, 60%);
@subnav-item-color: @global-color;
@subnav-item-hover-color: @global-emphasis-color;
@subnav-item-font-weight: 400;
@breadcrumb-item-color: @global-color;
@breadcrumb-item-hover-color: @global-emphasis-color;
@breadcrumb-item-active-color: @global-emphasis-color;
@breadcrumb-divider: "|";
@breadcrumb-divider-color: @global-border;
@breadcrumb-item-font-weight: 400;
@pagination-margin-horizontal: 15px;
@pagination-item-padding-vertical: 3px;
@pagination-item-active-color: @global-inverse-color;
@pagination-item-height: 30px;
@pagination-item-active-background: @global-primary-background;
@pagination-item-border-width: @global-border-width;
@pagination-item-border: @global-border;
@pagination-item-hover-border: @global-color;
@inverse-pagination-item-hover-color: @global-inverse-color;
@inverse-pagination-item-active-color: @inverse-global-inverse-color;
@inverse-pagination-item-active-background: @global-inverse-color;
@inverse-pagination-item-border: @inverse-global-border;
@inverse-pagination-item-hover-border: @global-inverse-color;
@tab-item-color: @global-color;
@tab-item-hover-color: @global-emphasis-color;
@tab-vertical-item-padding-horizontal: @global-gutter;
@tab-vertical-item-padding-vertical: 10px;
@tab-item-font-weight: 400;
@slidenav-padding-vertical: 12px;
@slidenav-padding-horizontal: 17px;
@slidenav-color: @global-secondary-background;
@slidenav-hover-color: @global-inverse-color;
@slidenav-active-color: @global-inverse-color;
@slidenav-large-padding-vertical: 15px;
@slidenav-large-padding-horizontal: 22px;
@slidenav-hover-background: @global-primary-background;
@slidenav-active-background: @global-secondary-background;
@slidenav-border-width: @global-border-width;
@slidenav-border: @global-secondary-background;
@inverse-slidenav-color: @global-inverse-color;
@inverse-slidenav-hover-background: @inverse-global-muted-color;
@inverse-slidenav-active-background: @inverse-global-muted-background;
@inverse-slidenav-border: @global-inverse-color;
@dotnav-margin-horizontal: @global-small-margin;
@dotnav-item-background: transparent;
@dotnav-item-hover-background: @global-primary-background;
@dotnav-item-onclick-background: @global-secondary-background;
@dotnav-item-active-background: @global-primary-background;
@dotnav-item-border-width: 1px;
@dotnav-item-border: @global-primary-background;
@inverse-dotnav-item-background: transparent;
@inverse-dotnav-item-active-background: @global-inverse-color;
@inverse-dotnav-item-border: @global-inverse-color;
@thumbnav-item-background: transparent;
@thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4));
@inverse-thumbnav-item-background: transparent;
@inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4));
@lightbox-background: @global-secondary-background;
@width-2xlarge-width: 840px;
@text-lead-font-size: @global-medium-font-size;
@text-meta-font-size: 12px;
@text-large-font-size: @global-medium-font-size;
@text-meta-link-color: @global-link-color;
@text-meta-link-hover-color: @global-link-hover-color;
@inverse-text-meta-color: @global-inverse-color;
@logo-font-size: @global-medium-font-size;
@logo-font-weight: 700;
@logo-text-transform: uppercase;
@inverse-global-inverse-color: @global-emphasis-color;