| Current Path : /home/e/o/l/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-joline/ |
| Current File : /home/e/o/l/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-joline/_import.less |
@internal-fonts: 'Poppins:300,400|Open+Sans:300|Lora'; @global-font-family: Open Sans; @global-font-size: 15px; @global-line-height: 1.6; // 23px @global-2xlarge-font-size: 36px; @global-xlarge-font-size: 30px; @global-large-font-size: 22px; @global-medium-font-size: 17px; @global-small-font-size: 13px; @global-primary-font-family: Lora; @global-primary-font-weight: normal; @global-primary-text-transform: inherit; @global-primary-letter-spacing: inherit; @global-primary-font-style: inherit; @global-secondary-font-family: Poppins; @global-secondary-font-weight: normal; @global-secondary-text-transform: uppercase; @global-secondary-letter-spacing: 1.5px; @global-secondary-font-style: inherit; @global-color: #3C3C3C; @global-emphasis-color: #262626; @global-muted-color: #7E7E7E; @global-link-color: #BFA279; @global-link-hover-color: #606060; @global-inverse-color: #FFF; @global-background: #FFF; @global-muted-background: #F7F7FA; @global-primary-background: #BFA279; @global-secondary-background: #262626; @global-success-background: #32A88B; @global-warning-background: #FF9E45; @global-danger-background: #C0222A; @global-border-width: 1px; @global-border: #E5E5E5; @global-border-radius: 0; @global-small-box-shadow: 0 2px 11px rgba(0,0,0,0.09); @global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08); @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: 10px; @global-medium-gutter: 40px; @global-large-gutter: 70px; @global-control-height: 40px; @global-control-small-height: 30px; @global-control-large-height: 55px; @global-z-index: 1000; @base-body-font-weight: 300; @base-code-font-size: 12px; @base-code-color: @global-emphasis-color; @base-em-color: @global-emphasis-color; @base-h1-line-height: 1.3; @base-h2-line-height: 1.4; @base-h4-line-height: 1.55; @base-blockquote-font-size: @global-large-font-size; @base-blockquote-font-style: normal; @base-blockquote-footer-font-size: 12px; @base-h4-font-family: @global-primary-font-family; @base-h4-text-transform: @global-primary-text-transform; @base-h4-letter-spacing: @global-primary-letter-spacing; @base-h5-font-family: @global-primary-font-family; @base-h5-text-transform: @global-primary-text-transform; @base-h5-letter-spacing: @global-primary-letter-spacing; @base-h6-font-family: @global-primary-font-family; @base-h6-text-transform: @global-primary-text-transform; @base-h6-letter-spacing: @global-primary-letter-spacing; @base-code-padding-horizontal: 6px; @base-code-padding-vertical: 2px; @base-code-border-width: @global-border-width; @base-code-border: @global-border; @base-code-border-radius: 3px; @base-blockquote-font-weight: 300; @base-blockquote-footer-color: @global-primary-background; @base-blockquote-footer-letter-spacing: @global-secondary-letter-spacing; @base-pre-padding: 10px; @base-pre-background: @global-background; @base-pre-border-width: @global-border-width; @base-pre-border: @global-border; @base-pre-border-radius: 3px; @inverse-base-code-border: @inverse-global-border; @heading-medium-font-size: @heading-medium-font-size-m * 0.8; @heading-small-font-size-m: 52px; @heading-medium-line-height: 1.2; @heading-bullet-border-width: ~'calc(2px + 0.05em)'; @heading-line-border-width: ~'calc(0.1px + 0.03em)'; @divider-icon-color: @global-primary-background; @internal-divider-icon-image: "../../../../uikit-themes/master-joline/images/divider-icon.svg"; @list-margin-top: 5px; @list-striped-background: @global-muted-background; @list-large-margin-top: @global-small-margin; @description-list-term-color: @global-color; @description-list-term-font-size: 12px; @icon-button-size: 42px; @icon-button-color: @global-emphasis-color; @icon-button-hover-background: @global-primary-background; @icon-button-hover-color: @global-inverse-color; @icon-button-active-background: darken(@global-primary-background, 10%); @icon-button-active-color: @global-inverse-color; @inverse-icon-button-color: @inverse-global-emphasis-color; @inverse-icon-button-hover-background: @inverse-global-primary-background; @inverse-icon-button-hover-color: @inverse-global-inverse-color; @inverse-icon-button-active-background: fade(@inverse-global-primary-background, 90%); @inverse-icon-button-active-color: @inverse-global-inverse-color; @form-range-thumb-height: 11px; @form-range-thumb-background: @global-primary-background; @form-range-track-height: @global-border-width; @form-range-track-background: darken(@global-border, 5%); @form-range-track-focus-background: @global-primary-background; @form-background: @global-background; @form-focus-background: @global-background; @form-danger-color: @form-color; @form-success-color: @form-color; @form-radio-background: transparent; @form-stacked-margin-bottom: 5px; @form-border-width: @global-border-width; @form-border: @global-border; @form-focus-border: @global-primary-background; @form-danger-border: @global-danger-background; @form-success-border: @global-success-background; @form-blank-focus-border: @form-focus-border; @form-radio-border-width: @global-border-width; @form-radio-border: darken(@global-border, 10%); @form-radio-focus-border: darken(@global-primary-background, 10%); @form-radio-checked-border: transparent; @form-radio-disabled-border: @global-border; @form-label-font-size: 12px; @inverse-form-background: transparent; @inverse-form-focus-background: transparent; @inverse-form-radio-focus-background: transparent; @inverse-form-radio-checked-icon-color: @global-emphasis-color; @inverse-form-border: @inverse-global-border; @inverse-form-focus-border: @inverse-global-primary-background; @inverse-form-radio-background: transparent; @inverse-form-radio-border: @inverse-global-border; @inverse-form-radio-focus-border: @inverse-global-primary-background; @button-font-size: 12px; @button-small-font-size: 12px; @button-large-font-size: 12px; @button-padding-horizontal: 20px; @button-default-background: transparent; @button-default-color: @global-emphasis-color; @button-default-hover-background: @global-secondary-background; @button-default-hover-color: @global-inverse-color; @button-default-active-background: fade(@button-default-hover-background, 90%); @button-default-active-color: @global-inverse-color; @button-primary-hover-background: transparent; @button-primary-hover-color: @global-primary-background; @button-primary-active-background: transparent; @button-primary-active-color: fade(@button-primary-hover-color, 80%); @button-secondary-hover-background: transparent; @button-secondary-hover-color: @global-secondary-background; @button-secondary-active-background: transparent; @button-secondary-active-color: fade(@button-secondary-hover-color, 80%); @button-danger-hover-background: transparent; @button-danger-hover-color: @global-danger-background; @button-danger-active-background: transparent; @button-danger-active-color: fade(@button-danger-hover-color, 80%); @button-text-color: @global-primary-background; @button-border-width: @global-border-width; @button-default-border: @global-border; @button-primary-hover-border: @global-primary-background; @button-primary-active-border: fade(@global-primary-background, 60%); @button-secondary-hover-border: @global-secondary-background; @button-secondary-active-border: fade(@global-secondary-background, 60%); @button-danger-hover-border: @global-danger-background; @button-danger-active-border: fade(@global-danger-background, 60%); @button-text-mode: em-dash; @inverse-button-default-background: transparent; @inverse-button-default-color: @inverse-global-color; @inverse-button-default-hover-background: @inverse-global-muted-background; @inverse-button-default-hover-color: @inverse-global-color; @inverse-button-default-active-background: transparent; @inverse-button-default-active-color: @inverse-global-muted-color; @inverse-button-primary-background: @inverse-global-primary-background; @inverse-button-primary-color: @inverse-global-color; @inverse-button-primary-hover-background: transparent; @inverse-button-primary-hover-color: @inverse-global-color; @inverse-button-primary-active-background: transparent; @inverse-button-primary-active-color: @inverse-global-color; @inverse-button-link-color: @inverse-global-color; @inverse-button-default-border: @inverse-global-color; @inverse-button-primary-hover-border: @inverse-global-primary-background; @inverse-button-primary-active-border: @inverse-global-primary-background; @inverse-button-text-color: @inverse-global-emphasis-color; @inverse-button-text-hover-color: @inverse-global-muted-color; @card-badge-height: 27px; @card-badge-font-size: 12px; @card-hover-background: @global-background; @card-default-hover-background: @global-background; @card-primary-hover-background: lighten(@card-primary-background, 2%); @card-secondary-hover-background: lighten(@card-secondary-background, 2%); @card-hover-border-width: @global-border-width; @card-hover-border: @global-border; @card-default-border-width: @global-border-width; @card-default-hover-border: @global-border; @inverse-card-badge-background: @global-inverse-color; @alert-background: @global-background; @alert-primary-background: @global-background; @alert-success-background: @global-background; @alert-warning-background: @global-background; @alert-danger-background: @global-background; @alert-border-width: @global-border-width; @alert-border: @global-border; @alert-primary-border: @global-primary-background; @alert-success-border: @global-success-background; @alert-warning-border: @global-warning-background; @alert-danger-border: @global-danger-background; @inverse-badge-color: @global-inverse-color; @label-padding-vertical: 2px; @label-padding-horizontal: 8px; @label-font-size: 11px; @article-meta-font-size: 12px; @article-meta-color: @global-emphasis-color; @comment-meta-font-size: 12px; @search-default-background: transparent; @search-toggle-color: @global-emphasis-color; @search-toggle-hover-color: @global-muted-color; @search-default-border-width: @global-border-width; @search-default-border: @global-border; @search-default-focus-border: @global-primary-background; @inverse-search-default-background: transparent; @inverse-search-default-border: @inverse-global-border; @inverse-search-default-focus-background: transparent; @inverse-search-default-focus-border: @inverse-global-primary-background; @accordion-title-hover-color: @global-link-color; @dropdown-background: @global-background; @dropdown-padding: 25px; @dropdown-nav-item-color: @global-color; @dropdown-nav-item-hover-color: @global-emphasis-color; @dropdown-nav-header-color: @global-primary-background; @dropdown-box-shadow: @global-small-box-shadow; @dropdown-nav-font-size: 12px; @nav-header-font-size: 12px; @nav-default-item-hover-color: @global-primary-background; @nav-default-item-active-color: @global-primary-background; @nav-primary-item-hover-color: @global-primary-background; @nav-primary-item-active-color: @global-primary-background; @nav-default-font-size: 12px; @navbar-background: @global-background; @navbar-nav-item-height: 70px; @navbar-nav-item-padding-horizontal: 40px; @navbar-nav-item-color: @global-emphasis-color; @navbar-nav-item-font-size: 12px; @navbar-nav-item-font-family: @global-secondary-font-family; @navbar-nav-item-hover-color: @global-emphasis-color; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-muted-color; @navbar-subtitle-font-size: 10px; @navbar-dropdown-padding: 40px; @navbar-dropdown-background: @global-background; @navbar-dropdown-dropbar-margin-bottom: (@navbar-dropdown-dropbar-margin-top + 30px); @navbar-dropdown-nav-font-size: 12px; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-position-mode: top; @navbar-nav-item-line-slide-mode: left; @navbar-nav-item-line-height: 2px; @navbar-nav-item-line-transition-duration: 0.3s; @navbar-nav-item-line-hover-height: 2px; @navbar-nav-item-line-onclick-height: 2px; @navbar-nav-item-line-active-mode: true; @navbar-nav-item-line-active-height: 2px; @navbar-dropdown-box-shadow: @global-small-box-shadow; @navbar-sticky-box-shadow: @global-small-box-shadow; @navbar-dropbar-box-shadow: 0 4px 6px rgba(0,0,0,0.06); @subnav-divider-border-height: 1em; @subnav-item-font-size: 12px; @breadcrumb-item-font-size: 11px; @breadcrumb-divider: "//"; @pagination-margin-horizontal: @global-small-margin; @pagination-item-padding-vertical: 10px; @pagination-item-padding-horizontal: 10px; @pagination-item-font-size: @global-font-size; @pagination-item-color: @global-emphasis-color; @pagination-item-hover-color: @global-inverse-color; @pagination-item-hover-text-decoration: none; @pagination-item-active-color: @global-emphasis-color; @pagination-item-min-width: 41px; @pagination-item-hover-background: @global-secondary-background; @pagination-item-border-width: @global-border-width; @pagination-item-hover-border: transparent; @pagination-item-active-border: @global-border; @pagination-item-font-size: 12px; @inverse-pagination-item-hover-border: @inverse-global-primary-background; @inverse-pagination-item-active-border: @inverse-global-primary-background; @tab-item-font-size: 12px; @tab-item-line-height: 20px; @slidenav-padding-vertical: 10px; @slidenav-padding-horizontal: 12px; @slidenav-color: fade(@global-color, 40%); @slidenav-hover-color: @global-emphasis-color; @inverse-slidenav-color: fade(@inverse-global-color, 60%); @inverse-slidenav-hover-color: @inverse-global-emphasis-color; @dotnav-margin-horizontal: 16px; @dotnav-item-width: 8px; @dotnav-item-hover-background: @global-primary-background; @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: @global-primary-background; @text-lead-font-family: @global-font-family; @text-lead-font-size: @global-medium-font-size; @text-meta-font-size: 12px; @text-meta-color: @global-primary-background; @text-large-font-size: @global-medium-font-size; @logo-font-size: @global-xlarge-font-size; @logo-font-family: @global-primary-font-family; @inverse-global-muted-color: fade(@inverse-global-color, 50%); @inverse-global-inverse-color: @global-secondary-background; @inverse-global-primary-background: @global-primary-background; @inverse-global-border: fade(@inverse-global-color, 10%);