| Current Path : /home/e/o/l/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-yard/ |
| Current File : /home/e/o/l/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-yard/_import.less |
@internal-fonts: ~'Work+Sans:400,500|Karla'; @global-font-family: Karla; @global-font-size: 16.5px; @global-line-height: 1.7; @global-2xlarge-font-size: 44px; @global-xlarge-font-size: 38px; @global-large-font-size: 30px; @global-medium-font-size: 26px; @global-small-font-size: 14px; @global-primary-font-family: 'Work Sans'; @global-primary-font-weight: 500; @global-primary-text-transform: inherit; @global-primary-letter-spacing: -2px; @global-primary-font-style: inherit; @global-secondary-font-family: 'Work Sans'; @global-secondary-font-weight: inherit; @global-secondary-text-transform: inherit; @global-secondary-letter-spacing: -0.6px; @global-secondary-font-style: inherit; @global-color: rgba(0,0,0,0.6); @global-emphasis-color: #000; @global-muted-color: #b2b2b2; @global-link-color: #000; @global-link-hover-color: #727272; @global-inverse-color: #fff; @global-background: #fff; @global-muted-background: #f9f9f9; @global-primary-background: #f3c565; @global-secondary-background: #1f1f1f; @global-success-background: #00b572; @global-warning-background: #fa985a; @global-danger-background: #e54848; @global-border: #e5e5e5; @global-border-width: 1px; @global-border-radius: 0; @global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08); @global-medium-box-shadow: 2px 26px 52px 0 rgba(0,0,0,0.06); @global-large-box-shadow: 0 15px 55px rgba(0,0,0,0.08); @global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16); @global-margin: 30px; @global-small-margin: 20px; @global-medium-margin: 40px; @global-large-margin: 70px; @global-xlarge-margin: 140px; @global-gutter: 30px; @global-small-gutter: 20px; @global-medium-gutter: 40px; @global-large-gutter: 70px; @global-control-height: 50px; @global-control-small-height: 38px; @global-control-large-height: 62px; @global-z-index: 1000; @base-link-hover-text-decoration: none; @base-ins-background: fade(@global-primary-background, 20%); @base-ins-color: darken(@global-primary-background, 15%); @base-mark-background: fade(@global-primary-background, 50%); @base-mark-color: @global-emphasis-color; @base-h3-line-height: 1.2; @base-h5-font-size: 20px; @base-h6-font-size: @global-font-size; @base-blockquote-font-size: 22px; @base-blockquote-line-height: 1.4; @base-blockquote-font-style: normal; @base-blockquote-footer-margin-top: 20px; @base-selection-background: fade(@global-primary-background, 70%); @base-blockquote-footer-em-dash: false; @base-h1-letter-spacing: -1.5px; @base-h2-letter-spacing: -1px; @base-h3-letter-spacing: -0.75px; @base-h4-letter-spacing: -0.75px; @base-h5-letter-spacing: -0.5px; @base-h6-font-weight: 400; @base-blockquote-letter-spacing: -1px; @base-blockquote-footer-font-weight: 400; @base-blockquote-footer-letter-spacing: @global-secondary-letter-spacing; @base-pre-padding: 20px; @base-pre-background: @global-muted-background; @inverse-base-link-color: @inverse-global-emphasis-color; @inverse-base-link-hover-color: @inverse-global-muted-color; @heading-small-font-size-m: 52px; @heading-medium-font-size-l: 67px; @heading-large-font-size-l: 90px; @heading-xlarge-font-size-l: 120px; @heading-2xlarge-font-size-l: 170px; @heading-divider-border-width: ~'calc(0.2px + 0.04em)'; @heading-bullet-border: @global-primary-background; @heading-line-border-width: ~'calc(1px + 0.05em)'; @heading-line-border: @global-emphasis-color; @inverse-heading-bullet-border: @global-primary-background; @divider-icon-color: @global-primary-background; @internal-divider-icon-image: "../../../../uikit-themes/master-yard/images/divider-icon.svg"; @divider-small-width: 54px; @divider-small-border-width: 3px; @divider-small-border: @global-primary-background; @inverse-divider-small-border: @global-primary-background; @list-margin-top: 2px; @list-striped-padding-horizontal: 16px; @list-large-striped-padding-horizontal: @global-margin; @list-bullet-icon-color: @global-emphasis-color; @description-list-term-margin-top: @global-gutter; @description-list-divider-term-margin-top: @global-gutter; @description-list-term-font-size: 17px; @description-list-term-font-weight: 400; @table-header-cell-color: @global-emphasis-color; @table-header-cell-font-size: (@global-font-size + 1); @table-header-cell-font-weight: 500; @table-striped-row-background: #fdfdfd; @table-row-active-background: @global-muted-background; @table-header-cell-font-family: @global-primary-font-family; @table-header-cell-text-transform: none; @table-header-cell-letter-spacing: -0.5px; @table-divider-header-border-width: 2px; @table-divider-header-border: @global-primary-background; @icon-link-color: @global-color; @icon-link-hover-color: @global-muted-color; @icon-button-background: @global-secondary-background; @icon-button-color: @global-inverse-color; @icon-button-hover-background: fade(@global-secondary-background, 80%); @icon-button-hover-color: @global-inverse-color; @icon-button-active-color: @global-inverse-color; @inverse-icon-button-background: @inverse-global-emphasis-color; @inverse-icon-button-color: @inverse-global-inverse-color; @inverse-icon-button-hover-background: fade(@inverse-global-emphasis-color, 70%); @inverse-icon-button-hover-color: @inverse-global-inverse-color; @inverse-icon-button-active-color: @inverse-global-inverse-color; @form-range-thumb-height: 5px; @form-range-thumb-width: 14px; @form-range-thumb-border-radius: 0; @form-range-thumb-background: @global-secondary-background; @form-range-track-height: 1px; @form-range-track-background: darken(@global-muted-background, 15%); @form-range-track-focus-background: @global-secondary-background; @form-background: transparent; @form-focus-background: transparent; @form-danger-color: @form-color; @form-success-color: @form-color; @form-radio-background: transparent; @form-radio-checked-background: @global-primary-background; @form-radio-checked-focus-background: darken(@form-radio-checked-background, 6%); @form-stacked-margin-bottom: 5px; @form-border-mode: -bottom; @form-border-width: @global-border-width; @form-border: @global-border; @form-focus-border: @form-focus-color; @form-disabled-border: @global-border; @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-primary-background; @form-radio-checked-border: transparent; @form-radio-disabled-border: @global-border; @inverse-form-background: transparent; @inverse-form-color: @inverse-global-color; @inverse-form-focus-background: transparent; @inverse-form-focus-color: @inverse-global-emphasis-color; @inverse-form-placeholder-color: @inverse-global-muted-color; @inverse-form-radio-background: transparent; @inverse-form-radio-focus-background: transparent; @inverse-form-border: @inverse-global-muted-color; @inverse-form-focus-border: @global-primary-background; @inverse-form-radio-border: @inverse-global-muted-color; @inverse-form-radio-focus-border: @inverse-global-primary-background; @inverse-form-radio-checked-border: @inverse-global-primary-background; @button-font-size: (@global-font-size - 1); @button-small-font-size: 14px; @button-large-font-size: @global-font-size; @button-padding-horizontal: 35px; @button-large-padding-horizontal: 40px; @button-small-padding-horizontal: 20px; @button-default-background: lighten(@global-secondary-background, 4%); @button-default-color: @global-inverse-color; @button-default-hover-background: darken(@global-secondary-background, 15%); @button-default-hover-color: @global-inverse-color; @button-default-active-background: @button-default-background; @button-default-active-color: fade(@button-default-hover-color, 70%); @button-primary-color: @global-emphasis-color; @button-primary-hover-color: @button-primary-color; @button-primary-active-background: @button-primary-background; @button-primary-active-color: fade(@button-primary-hover-color, 70%); @button-secondary-background: transparent; @button-secondary-color: @global-emphasis-color; @button-secondary-hover-background: transparent; @button-secondary-hover-color: @global-emphasis-color; @button-secondary-active-background: lighten(@button-secondary-border, 10%); @button-secondary-active-color: fade(@button-secondary-hover-color, 70%); @button-danger-hover-background: darken(@button-danger-background, 5%); @button-danger-active-background: lighten(@button-danger-background, 5%); @button-danger-active-color: fade(@button-danger-hover-color, 80%); @button-text-hover-color: @global-color; @button-link-hover-color: @global-color; @button-transition-duration: 0.3s; @button-letter-spacing: -0.5px; @button-background-size: 200%; @button-background-position-x: 100%; @button-hover-background-position-x: 0; @button-border-width: 2px; @button-text-mode: arrow; @button-secondary-border: @global-primary-background; @button-secondary-hover-border: @button-secondary-border; @button-secondary-active-border: @button-secondary-active-background; @internal-button-default-gradient: linear-gradient(90deg, @button-default-hover-background 50%, @button-default-background 50%); @internal-button-default-hover-gradient: linear-gradient(90deg, @button-default-hover-background 50%, @button-default-background 50%); @internal-button-primary-gradient: linear-gradient(90deg, @button-primary-hover-background 50%, @button-primary-background 50%); @internal-button-primary-hover-gradient: linear-gradient(90deg, @button-primary-hover-background 50%, @button-primary-background 50%); @internal-button-secondary-gradient: linear-gradient(90deg, @button-secondary-border 50%, @button-secondary-background 50%); @internal-button-secondary-hover-gradient: linear-gradient(90deg, @button-secondary-border 50%, @button-secondary-background 50%); @internal-button-danger-gradient: linear-gradient(90deg, @button-danger-hover-background 50%, @global-danger-background 50%); @internal-button-danger-hover-gradient: linear-gradient(90deg, @button-danger-hover-background 50%, @global-danger-background 50%); @internal-button-text-arrow-image: "../../../../uikit-themes/master-yard/images/button-text-arrow.svg"; @internal-button-text-arrow-padding: 20px; @internal-button-text-arrow-width: 26px; @internal-button-text-arrow-color: @global-primary-background; @internal-button-text-arrow-hover-color: @global-primary-background; @inverse-button-default-background: @global-inverse-color; @inverse-button-default-color: @inverse-global-inverse-color; @inverse-button-default-hover-background: darken(@inverse-button-default-background, 10%); @inverse-button-default-hover-color: @inverse-button-default-color; @inverse-button-default-active-background: @inverse-button-default-background; @inverse-button-primary-background: @global-primary-background; @inverse-button-primary-color: @inverse-global-inverse-color; @inverse-button-primary-hover-background: desaturate(darken(@inverse-button-primary-background, 8%), 12%); @inverse-button-primary-hover-color: @inverse-button-primary-color; @inverse-button-primary-active-background: @inverse-button-primary-background; @inverse-button-primary-active-color: @inverse-global-inverse-color; @inverse-button-secondary-color: @inverse-global-emphasis-color; @inverse-button-secondary-background: transparent; @inverse-button-secondary-border: fade(@inverse-global-primary-background, 40%); @inverse-button-secondary-hover-background: @inverse-global-primary-background; @inverse-button-secondary-hover-color: @inverse-global-inverse-color; @inverse-button-secondary-active-background: fade(@inverse-button-secondary-hover-background, 80%); @inverse-button-secondary-active-color: @inverse-global-inverse-color; @inverse-button-text-color: @inverse-global-emphasis-color; @inverse-button-text-hover-color: @inverse-global-color; @internal-inverse-button-text-arrow-color: @global-primary-background; @internal-inverse-button-text-arrow-hover-color: @global-primary-background; @progress-bar-background: @global-primary-background; @section-primary-color-mode: none; @card-title-font-size: 24px; @card-badge-height: 28px; @card-badge-padding-horizontal: 12px; @card-badge-color: @global-emphasis-color; @card-default-background: @global-muted-background; @card-default-hover-background: @global-background; @card-primary-background: transparent; @card-secondary-hover-background: lighten(@card-secondary-background, 4%); @card-hover-background: @global-muted-background; @card-primary-color: @global-color; @card-primary-title-color: @global-emphasis-color; @card-primary-color-mode: dark; @card-title-letter-spacing: -1px; @card-primary-border-width: 3px; @card-primary-border: @global-primary-background; @card-primary-hover-border: fade(@card-primary-border, 70%); @close-color: @global-emphasis-color; @close-hover-color: @global-muted-color; @spinner-stroke-width: 2px; @marker-padding: 8px; @marker-background: @global-primary-background; @marker-hover-background: darken(@marker-background, 5%); @marker-color: @global-emphasis-color; @marker-hover-color: @global-color; @inverse-marker-background: transparent; @inverse-marker-color: @global-inverse-color; @inverse-marker-hover-color: @global-color; @inverse-marker-hover-background: @global-inverse-color; @inverse-marker-border: fade(@global-inverse-color, 35%); @inverse-marker-hover-border: transparent); @totop-color: @global-emphasis-color; @totop-hover-color: @global-muted-color; @totop-active-color: @global-emphasis-color; @alert-primary-background: fade(@global-primary-background, 20%); @alert-primary-color: darken(saturate(@global-primary-background, 20%), 8%); @alert-success-background: fade(@global-success-background, 10%); @alert-warning-background: fade(@global-warning-background, 10%); @alert-danger-background: fade(@global-danger-background, 10%); @badge-background: @global-primary-background; @badge-color: @global-emphasis-color; @badge-font-size: 12px; @label-padding-vertical: 0; @label-padding-horizontal: 8px; @label-font-size: @global-small-font-size; @label-background: @global-secondary-background; @label-warning-background: @global-primary-background; @overlay-default-background: transparent; @overlay-primary-background: fade(@global-primary-background, 80%); @internal-overlay-default-gradient: linear-gradient(to bottom, fade(@global-secondary-background, 0%), fade(@global-secondary-background, 40%)); @article-title-font-size-m: @global-xlarge-font-size; @article-title-line-height: 1.3; @article-meta-color: @global-color; @article-meta-link-color: @global-emphasis-color; @article-title-letter-spacing: -1.5px; @comment-title-font-size: 18px; @search-color: @global-emphasis-color; @search-placeholder-color: @global-muted-color; @search-icon-color: @global-muted-color; @search-default-background: @global-background; @search-default-focus-background: @global-background; @search-toggle-color: @global-emphasis-color; @search-toggle-hover-color: @global-muted-color; @search-default-border-mode: -bottom; @search-default-border-width: @global-border-width; @search-default-border: @global-border; @search-default-focus-border: @search-color; @search-default-font-family: @global-primary-font-family; @search-default-letter-spacing: -0.5px; @search-navbar-font-family: @global-primary-font-family; @search-navbar-font-size: @global-font-size; @search-large-font-family: @global-primary-font-family; @search-large-letter-spacing: -2px; @inverse-search-default-background: transparent; @inverse-search-default-focus-background: transparent; @inverse-search-toggle-color: @inverse-global-emphasis-color; @inverse-search-toggle-hover-color: @inverse-global-muted-color; @inverse-search-default-border: @inverse-global-border; @inverse-search-default-focus-border: @inverse-global-primary-background; @accordion-item-margin-top: 18px; @accordion-title-font-size: 17px; @accordion-title-hover-color: @global-muted-color; @accordion-content-margin-top: 10px; @accordion-item-padding-top: 18px; @accordion-item-border-width: 1px; @accordion-item-border: @global-border; @accordion-title-font-weight: 400; @accordion-title-letter-spacing: -0.7px; @dropdown-padding: 30px; @dropdown-background: lighten(@global-secondary-background, 2%); @dropdown-nav-item-color: @global-muted-color; @dropdown-nav-item-hover-color: @global-inverse-color; @dropdown-nav-header-color: @global-muted-color; @dropdown-nav-divider-border: fade(@global-border, 15%); @dropdown-nav-sublist-item-color: @global-muted-color; @dropdown-nav-sublist-item-hover-color: @global-inverse-color; @dropdown-nav-item-padding-vertical: 0; @modal-title-font-size: @global-large-font-size; @offcanvas-bar-background: @global-background; @offcanvas-bar-color-mode: dark; @offcanvas-overlay-background: fade(@global-secondary-background, 90%); @offcanvas-bar-padding-horizontal: 40px; @offcanvas-bar-padding-vertical: 40px; @leader-color: @global-muted-color; @leader-letter-spacing: 2px; @tooltip-background: darken(@global-muted-background, 10%); @tooltip-color: @global-emphasis-color; @countdown-item-font-family: @global-primary-font-family; @nav-header-font-size: @global-font-size; @nav-header-text-transform: none; @nav-divider-margin-vertical: 10px; @nav-default-item-color: @global-color; @nav-default-item-hover-color: @global-emphasis-color; @nav-default-item-active-color: @global-emphasis-color; @nav-sublist-padding-left: 10px; @nav-default-sublist-item-color: @global-color; @nav-default-sublist-item-hover-color: @global-muted-color; @nav-primary-item-font-size: 38px; @nav-primary-item-color: @global-color; @nav-primary-item-hover-color: @global-emphasis-color; @nav-primary-sublist-item-color: @global-color; @nav-primary-sublist-item-hover-color: @global-muted-color; @nav-header-font-weight: 500; @nav-default-letter-spacing: -0.6px; @nav-primary-font-weight: 400; @nav-primary-letter-spacing: -1px; @inverse-nav-default-item-hover-color: @inverse-global-emphasis-color; @navbar-background: @global-background; @navbar-nav-item-height: 100px; @navbar-nav-item-padding-horizontal: 22px; @navbar-nav-item-font-family: @global-primary-font-family; @navbar-nav-item-hover-color: @global-emphasis-color; @navbar-item-color: @global-emphasis-color; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-muted-color; @navbar-dropdown-background: lighten(@global-secondary-background, 2%); @navbar-dropdown-color: @global-muted-color; @navbar-dropdown-width: 250px; @navbar-dropdown-padding: 30px; @navbar-dropdown-grid-gutter-horizontal: 30px; @navbar-dropdown-nav-item-color: @global-muted-color; @navbar-dropdown-nav-item-hover-color: @global-inverse-color; @navbar-dropdown-nav-item-active-color: @global-inverse-color; @navbar-dropdown-nav-header-color: @global-muted-color; @navbar-dropdown-nav-divider-border: fade(@global-border, 15%); @navbar-dropdown-nav-sublist-item-color: @global-muted-color; @navbar-dropdown-nav-sublist-item-hover-color: @global-inverse-color; @navbar-padding-top-m: 20px; @navbar-padding-bottom-m: 20px; @navbar-nav-item-transition-duration: 0.2s; @inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color; @inverse-navbar-toggle-color: @inverse-global-emphasis-color; @inverse-navbar-toggle-hover-color: @inverse-global-muted-color; @subnav-item-color: @global-muted-color; @subnav-item-hover-color: @global-emphasis-color; @subnav-item-active-color: @global-emphasis-color; @subnav-divider-border-height: 1em; @subnav-divider-border-width: @global-border-width; @subnav-divider-border: @global-border; @subnav-pill-item-padding-vertical: 6px; @subnav-pill-item-padding-horizontal: 14px; @subnav-pill-item-hover-background: transparent; @subnav-pill-item-hover-color: @global-emphasis-color; @subnav-pill-item-onclick-background: transparent; @subnav-pill-item-onclick-color: @global-muted-color; @inverse-subnav-item-color: @inverse-global-emphasis-color; @inverse-subnav-item-hover-color: @inverse-global-muted-color; @inverse-subnav-item-active-color: @global-primary-background; @breadcrumb-divider: "/"; @breadcrumb-item-color: @global-color; @breadcrumb-item-hover-color: @global-emphasis-color; @breadcrumb-item-active-color: @global-emphasis-color; @breadcrumb-item-disabled-color: @global-muted-color; @inverse-breadcrumb-item-hover-color: @inverse-global-emphasis-color; @inverse-breadcrumb-item-active-color: @inverse-global-emphasis-color; @pagination-margin-horizontal: 20px; @pagination-item-padding-vertical: 2px; @pagination-item-padding-horizontal: 4px; @pagination-item-hover-color: @global-emphasis-color; @pagination-item-active-color: @global-emphasis-color; @pagination-item-min-width: 16px; @pagination-item-border-mode: -bottom; @pagination-item-border-width: 2px; @pagination-item-active-border: @global-primary-background; @tab-margin-horizontal: @global-gutter; @tab-item-padding-horizontal: 0; @tab-item-padding-vertical: 5px; @tab-item-hover-color: @global-emphasis-color; @tab-border-width: 0; @tab-item-border-width: 2px; @tab-item-active-border: @global-primary-background; @tab-item-line-height: 1; @tab-vertical-item-padding-horizontal: 10px; @slidenav-padding-horizontal: 18px; @slidenav-padding-vertical: 21px; @slidenav-color: @global-emphasis-color; @slidenav-hover-color: @global-color; @slidenav-active-color: @global-muted-color; @slidenav-large-padding-horizontal: 36px; @slidenav-large-padding-vertical: 38px; @slidenav-background: @global-background; @slidenav-hover-background: @global-background; @slidenav-active-background: @global-background; @inverse-slidenav-background: @global-emphasis-color; @inverse-slidenav-hover-background: fade(@global-emphasis-color, 70%); @inverse-slidenav-active-background: fade(@global-emphasis-color, 70%); @dotnav-item-width: 22px; @dotnav-item-height: 5px; @dotnav-item-border-radius: 0; @dotnav-item-background: darken(@global-muted-background, 10%); @dotnav-item-hover-background: @global-primary-background; @dotnav-item-onclick-background: fade(@dotnav-item-hover-background, 30%); @dotnav-item-active-background: @global-primary-background; @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)); @iconnav-item-color: @global-emphasis-color; @iconnav-item-hover-color: @global-muted-color; @iconnav-item-active-color: desaturate(darken(@global-primary-background, 5%), 10%); @inverse-iconnav-item-color: @inverse-global-emphasis-color; @inverse-iconnav-item-hover-color: @inverse-global-muted-color; @inverse-iconnav-item-active-color: desaturate(darken(@inverse-global-primary-background, 5%), 10%); @lightbox-toolbar-padding-vertical: 20px; @lightbox-toolbar-padding-horizontal: 20px; @text-lead-font-size: 20px; @text-lead-line-height: 1.5; @text-lead-font-weight: 400; @text-meta-font-size: @global-font-size; @text-large-font-size: 18px; @text-large-line-height: 1.7; @text-primary-color: darken(@global-primary-background, 5%); @text-lead-letter-spacing: @global-secondary-letter-spacing; @dropcap-font-size: ((@global-line-height * 2.7) * 1em); @logo-font-family: @global-primary-font-family; @logo-font-size: 28px; @logo-font-weight: 500; @dropcap-color: @global-emphasis-color; @inverse-dropcap-color: @inverse-global-emphasis-color; @transition-scale: 1.03; @inverse-global-color: fade(@global-inverse-color, 70%); @inverse-global-muted-color: fade(@global-inverse-color, 50%); @inverse-global-inverse-color: @global-emphasis-color; @inverse-global-primary-background: @global-primary-background; @inverse-global-border: fade(@global-inverse-color, 20%);