| Current Path : /home/e/o/l/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-makai/ |
| Current File : /home/e/o/l/eolienneia/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-code-border-width: @global-border-width; @base-code-border: @global-border; @base-pre-border-width: @global-border-width; @base-pre-border: @global-border; @base-h4-font-family: @global-font-family; @base-h5-font-family: @global-font-family; @base-h6-font-family: @global-font-family; @base-blockquote-footer-color: @global-muted-color; @base-blockquote-footer-font-style: normal; @link-muted-hover-color: @global-emphasis-color; @link-text-hover-color: @global-primary-background; @link-heading-hover-color: @global-primary-background; @link-heading-hover-text-decoration: underline; @link-heading-text-decoration: underline; @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-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"; @divider-vertical-border: @global-border; @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-header-cell-color: @global-muted-color; @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-thumb-height: 14px; @form-range-thumb-background: @global-primary-background; @form-range-track-height: 2px; @form-background: transparent; @form-focus-background: transparent; @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-disabled-background: lighten(@global-muted-background, 3%); @form-border-width: @global-border-width; @form-border: @global-border; @form-focus-border: @global-secondary-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; @form-disabled-border: lighten(@global-border, 15%); @form-danger-border: @global-danger-background; @form-success-border: @global-success-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-large-max-width: 1360px; @container-small-max-width: 960px; @card-badge-height: 24px; @card-badge-padding-horizontal: 8px; @card-hover-background: @global-background; @card-default-hover-background: @global-background; @card-default-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-item-padding-top: @global-gutter; @accordion-item-border-width: @global-border-width; @accordion-item-border: @global-border; @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; @inverse-accordion-icon-color: @global-inverse-color; @dropdown-padding: 20px; @dropdown-nav-item-color: @global-emphasis-color; @dropdown-nav-item-hover-color: @global-link-color; @dropdown-nav-divider-border: @global-secondary-background; @dropdown-nav-item-padding-vertical: 10px; @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%); @notification-message-primary-color: @global-inverse-color; @notification-message-success-color: @global-inverse-color; @notification-message-warning-color: @global-inverse-color; @notification-message-danger-color: @global-inverse-color; @tooltip-background: @global-secondary-background; @tooltip-padding-horizontal: 9px; @tooltip-padding-vertical: 5px; @nav-header-font-size: @global-font-size; @nav-default-item-color: @global-color; @nav-default-item-hover-color: @global-emphasis-color; @nav-default-item-active-color: @global-emphasis-color; @nav-default-sublist-item-hover-color: @global-emphasis-color; @nav-default-sublist-item-active-color: @global-emphasis-color; @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-sublist-item-hover-color: @global-emphasis-color; @nav-primary-sublist-item-active-color: @global-primary-background; @nav-default-font-weight: 400; @navbar-background: @global-inverse-color; @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-nav-item-active-color: @global-emphasis-color; @navbar-toggle-color: @global-color; @navbar-toggle-hover-color: @global-emphasis-color; @navbar-dropdown-padding: 30px; @navbar-dropdown-background: @global-inverse-color; @navbar-padding-bottom: 10px; @navbar-padding-bottom-m: 35px; @navbar-padding-top: 10px; @navbar-padding-top-m: 15px; @navbar-dropdown-nav-sublist-padding-left: 10px; @navbar-mode: frame; @navbar-mode-border-vertical: all; @navbar-group-border: fade(@global-border, 10%); @navbar-group-border-width: @global-border-width; @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%); @navbar-nav-item-font-weight: 400; @navbar-primary-nav-item-font-size: @global-medium-font-size; @navbar-primary-nav-item-font-weight: @global-primary-font-weight; @navbar-dropdown-nav-font-weight: 400; @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%); @nav-header-font-size: @global-font-size; @subnav-item-color: @global-color; @subnav-item-hover-color: @global-emphasis-color; @subnav-item-active-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-horizontal: 10px; @pagination-item-padding-vertical: 3px; @pagination-item-active-color: @global-inverse-color; @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-large-font-size: @global-medium-font-size; @text-meta-font-size: 12px; @text-meta-color: @global-muted-color; @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;