| Current Path : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-craft/ |
| Current File : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-craft/_import.less |
@internal-fonts: 'Barlow+Condensed:500,600|Barlow:500,400'; @global-font-family: Barlow; @global-font-size: 16px; @global-line-height: 1.5; @global-2xlarge-font-size: 48px; @global-xlarge-font-size: 40px; @global-large-font-size: 28px; @global-medium-font-size: 22px; @global-small-font-size: 15px; @global-primary-font-family: Barlow Condensed; @global-primary-font-weight: 600; @global-primary-text-transform: uppercase; @global-primary-letter-spacing: 0.75px; @global-primary-font-style: inherit; @global-secondary-font-family: Barlow Condensed; @global-secondary-font-weight: 500; @global-secondary-text-transform: uppercase; @global-secondary-letter-spacing: 0; @global-secondary-font-style: inherit; @global-color: #464646; @global-emphasis-color: #262626; @global-muted-color: #9c9c9c; @global-link-color: #e8ae62; @global-link-hover-color: #262626; @global-inverse-color: #FFF; @global-background: #FFF; @global-muted-background: #F7F7F7; @global-primary-background: #FFD49B; @global-secondary-background: #262626; @global-success-background: #32d296; @global-warning-background: #F7B662; @global-danger-background: #f0506E; @global-border-width: 2px; @global-border: #f1f1f1; @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.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: 15px; @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: @global-secondary-font-weight; @base-link-hover-text-decoration: none; @base-ins-background: fade(@global-primary-background, 30%); @base-mark-background: fade(@global-primary-background, 30%); @base-heading-font-weight: @global-primary-font-weight; @base-h1-line-height: 1.1; @base-h2-line-height: 1.1; @base-h3-line-height: 1.1; @base-h4-line-height: 1.1; @base-h5-line-height: 1.1; @base-h6-line-height: 1.1; @base-blockquote-font-size: @global-font-size; @base-blockquote-font-style: normal; @base-selection-background: @global-emphasis-color; @base-selection-color: @global-primary-background; @base-h1-font-weight: @global-primary-font-weight; @base-h2-font-weight: @global-primary-font-weight; @base-h3-font-weight: @global-primary-font-weight; @base-h4-font-family: @global-primary-font-family; @base-h4-font-weight: @global-primary-font-weight; @base-h4-text-transform: @global-primary-text-transform; @base-h5-font-family: @global-primary-font-family; @base-h5-font-weight: @global-primary-font-weight; @base-h5-text-transform: @global-primary-text-transform; @base-h6-font-family: @global-primary-font-family; @base-h6-font-weight: @global-primary-font-weight; @base-h6-text-transform: @global-primary-text-transform; @base-blockquote-font-family: @global-font-family; @base-blockquote-font-weight: @global-primary-font-weight; @base-blockquote-footer-text-transform: @global-primary-text-transform; @base-blockquote-footer-color: @global-muted-color; @base-blockquote-footer-em-dash: true; @base-blockquote-footer-font-family: @global-primary-font-family; @base-blockquote-footer-font-style: @global-primary-font-style; @base-blockquote-footer-font-weight: @global-primary-font-weight; @base-pre-background: @global-muted-background; @base-pre-padding: 20px; @inverse-base-link-color: fade(@inverse-global-emphasis-color, 70%); @inverse-base-link-hover-color: @inverse-global-color; @link-heading-hover-text-decoration: underline; @link-heading-text-decoration: underline; @heading-small-font-size-m: 58px; @heading-medium-font-size-l: 74px; @divider-icon-color: @global-primary-background; @divider-small-border-width: 10px; @divider-small-border: @global-primary-background; @divider-vertical-border: @global-primary-background; @internal-divider-small-image: "../../../../uikit-themes/master-craft/images/divider-small.svg"; @list-striped-background: @global-muted-background; @list-large-margin-top: 30px; @description-list-term-font-size: @global-font-size; @description-list-term-font-family: @global-primary-font-family; @description-list-term-text-transform: @global-primary-text-transform; @table-header-cell-font-size: @global-font-size; @table-header-cell-color: @global-muted-color; @table-row-active-background: @global-muted-background; @table-hover-row-background: @global-muted-background; @icon-button-background: @global-primary-background; @icon-button-color: @global-emphasis-color; @icon-button-hover-background: @global-secondary-background; @icon-button-hover-color: @global-primary-background; @icon-button-active-background: fade(@global-secondary-background, 90%); @icon-button-active-color: @global-primary-background; @icon-button-border-width: @global-border-radius; @icon-button-border-radius: @global-border-radius; @inverse-icon-button-color: @inverse-global-color; @inverse-icon-button-hover-background: @global-inverse-color; @inverse-icon-button-hover-color: @global-color; @inverse-icon-button-active-background: fade(@inverse-icon-button-hover-background, 60%); @inverse-icon-button-active-color: @inverse-global-inverse-color; @form-range-thumb-height: 8px; @form-range-thumb-width: 15px; @form-range-thumb-border-radius: 0; @form-range-thumb-background: @global-primary-background; @form-range-track-height: 2px; @form-large-font-size: @global-font-size; @form-label-text-transform: @global-primary-text-transform; @button-font-size: 18px; @button-large-font-size: @global-large-font-size; @button-padding-horizontal: 15px; @button-small-padding-horizontal: 10px; @button-large-padding-horizontal: 25px; @button-default-background: transparent; @button-default-hover-background: @global-primary-background; @button-default-hover-color: @global-emphasis-color; @button-primary-background: @global-primary-background; @button-primary-color: @global-emphasis-color; @button-primary-hover-background: @global-emphasis-color; @button-primary-hover-color: @global-primary-background; @button-primary-active-color: @global-emphasis-color; @button-secondary-background: @global-emphasis-color; @button-secondary-color: @global-primary-background; @button-secondary-hover-background: @global-primary-background; @button-secondary-hover-color: @global-emphasis-color; @button-text-hover-color: @global-primary-background; @button-text-disabled-color: @global-emphasis-color; @button-link-hover-color: @global-primary-background; @button-text-mode: border-bottom; @button-border-width: @global-border-width; @button-default-border: @global-primary-background; @button-default-hover-border: @global-primary-background; @button-default-active-border: @global-primary-background; @button-text-border-width: 2px; @button-text-border: @global-primary-background; @button-text-hover-border: @global-primary-background; @button-border-radius: @global-border-radius; @button-font-family: @global-primary-font-family; @button-font-weight: @global-primary-font-weight; @button-letter-spacing: @global-primary-letter-spacing; @button-text-transform: @global-primary-text-transform; @inverse-button-default-background: transparent; @inverse-button-default-color: @global-background; @inverse-button-default-hover-background: @global-background; @inverse-button-default-hover-color: @global-emphasis-color; @inverse-button-default-active-background: transparent; @inverse-button-default-active-color: @global-background; @inverse-button-primary-background: @global-color; @inverse-button-primary-color: @global-primary-background; @inverse-button-primary-hover-background: @global-color; @inverse-button-primary-hover-color: @global-background; @inverse-button-primary-active-background: transparent; @inverse-button-primary-active-color: @inverse-global-color; @inverse-button-secondary-background: @inverse-global-primary-background; @inverse-button-secondary-color: @inverse-global-inverse-color; @inverse-button-secondary-hover-background: transparent; @inverse-button-secondary-hover-color: @inverse-global-emphasis-color; @inverse-button-secondary-active-background: @global-color; @inverse-button-secondary-active-color: @global-primary-background; @inverse-button-default-border: @global-background; @inverse-button-default-hover-border: transparent; @inverse-button-default-active-border: @global-background; @inverse-button-primary-border: transparent; @inverse-button-primary-hover-border: transparent; @inverse-button-primary-active-border: @inverse-global-primary-background; @inverse-button-secondary-border: transparent; @inverse-button-secondary-hover-border: @inverse-global-border; @inverse-button-secondary-active-border: transparent; @progress-height: 20px; @progress-border-radius: @global-border-radius; @section-primary-color-mode: dark; @container-large-max-width: 1360px; @tile-primary-color-mode: dark; @card-primary-color: @global-color; @card-primary-color-mode: none; @card-badge-height: 24px; @card-badge-background: darken(@global-primary-background, 5%); @card-badge-color: @global-emphasis-color; @card-badge-font-family: @global-primary-font-family; @card-badge-font-weight: @global-primary-font-weight; @card-badge-text-transform: @global-primary-text-transform; @card-badge-letter-spacing: normal; @close-color: @global-color; @close-hover-color: @global-primary-background; @marker-padding: 10px; @marker-background: @global-secondary-background; @marker-color: @global-primary-background; @marker-hover-color: @global-secondary-background; @marker-hover-background: @global-primary-background; @marker-border-radius: @global-border-radius; @inverse-marker-background: @global-primary-background; @inverse-marker-hover-background: fade(@global-primary-background, 85%); @totop-padding: 15px; @totop-color: @global-primary-background; @totop-hover-color: @global-color; @totop-active-color: @global-primary-background; @totop-background: @global-secondary-background; @totop-hover-background: @global-primary-background; @totop-active-background: @global-secondary-background; @alert-background: @global-background; @alert-primary-background: @global-background; @alert-primary-color: darken(@global-primary-background, 10%); @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; @placeholder-border: @global-primary-background; @placeholder-border-style: dashed; @badge-color: @global-emphasis-color; @badge-font-size: 14px; @badge-font-weight: @global-primary-font-weight; @label-color: @global-emphasis-color; @label-font-family: @global-primary-font-family; @label-font-weight: @global-primary-font-weight; @label-text-transform: @global-primary-text-transform; @label-letter-spacing: normal; @label-font-style: @global-primary-font-style; @overlay-default-background: @global-background; @overlay-primary-background: @global-primary-background; @overlay-primary-color-mode: dark; @article-title-font-size-m: @global-xlarge-font-size; @article-meta-link-hover-color: @global-primary-background; @article-title-font-weight: @global-primary-font-weight; @article-meta-text-transform: @global-primary-text-transform; @comment-title-font-size: 20px; @search-navbar-font-size: @global-font-size; @search-navbar-text-transform: @global-primary-text-transform; @search-large-text-transform: @global-primary-text-transform; @accordion-title-font-weight: @global-primary-font-weight; @dropdown-background: @global-secondary-background; @dropdown-nav-item-color: @global-inverse-color; @dropdown-nav-item-hover-color: @global-primary-background; @dropdown-nav-header-color: fade(@global-inverse-color, 50%); @dropdown-nav-divider-border: fade(@global-border, 15%); @dropdown-nav-sublist-item-color: @global-inverse-color; @dropdown-nav-sublist-item-hover-color: @global-primary-background; @dropdown-nav-item-padding-horizontal: 10px; @dropdown-nav-font-size: @global-small-font-size; @dropdown-nav-font-family: @global-primary-font-family; @dropdown-nav-text-transform: @global-primary-text-transform; @dropdown-nav-letter-spacing: @global-primary-letter-spacing; @offcanvas-bar-background: @global-secondary-background; @offcanvas-overlay-background: fade(@global-background, 40%); @leader-fill-content: ~'.'; @leader-fill-margin-left: @global-small-margin; @notification-message-background: @global-muted-background; @notification-message-color: @global-muted-color; @countdown-item-font-family: @global-primary-font-family; @nav-header-font-size: @global-font-size; @nav-default-item-color: darken(@global-color, 25%); @nav-default-item-hover-color: desaturate(darken(@global-primary-background, 8%), 5%); @nav-default-item-active-color: desaturate(darken(@global-primary-background, 8%), 5%); @nav-default-header-color: @global-color; @nav-default-sublist-item-color: darken(@global-color, 25%); @nav-default-sublist-item-hover-color: desaturate(darken(@global-primary-background, 8%), 5%); @nav-default-sublist-item-active-color: desaturate(darken(@global-primary-background, 8%), 5%); @nav-primary-item-color: darken(@global-color, 25%); @nav-primary-item-hover-color: desaturate(darken(@global-primary-background, 8%), 5%); @nav-primary-item-active-color: desaturate(darken(@global-primary-background, 8%), 5%); @nav-primary-sublist-item-color: darken(@global-color, 25%); @nav-primary-sublist-item-hover-color: desaturate(darken(@global-primary-background, 8%), 5%); @nav-primary-sublist-item-active-color: desaturate(darken(@global-primary-background, 8%), 5%); @nav-default-font-size: @global-font-size; @nav-default-font-family: @global-primary-font-family; @nav-default-font-weight: @global-primary-font-weight; @nav-default-text-transform: @global-primary-text-transform; @navbar-background: @global-background; @navbar-nav-item-height: 100px; @navbar-nav-item-padding-horizontal: 40px; @navbar-nav-item-color: @global-color; @navbar-nav-item-font-size: @global-font-size; @navbar-nav-item-font-family: @global-primary-font-family; @navbar-nav-item-hover-color: @global-emphasis-color; @navbar-toggle-color: @global-color; @navbar-toggle-hover-color: @global-primary-background; @navbar-subtitle-font-size: 13px; @navbar-dropdown-width: 300px; @navbar-dropdown-padding: 40px; @navbar-dropdown-background: @global-secondary-background; @navbar-dropdown-color: @global-inverse-color; @navbar-dropdown-nav-item-color: @global-inverse-color; @navbar-dropdown-nav-item-hover-color: @global-primary-background; @navbar-dropdown-nav-item-active-color: @global-primary-background; @navbar-dropdown-nav-header-color: fade(@global-inverse-color, 50%); @navbar-dropdown-nav-divider-border-width: @global-border-width; @navbar-dropdown-nav-divider-border: fade(@global-border, 15%); @navbar-dropdown-nav-sublist-item-color: @global-inverse-color; @navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background; @navbar-dropdown-nav-sublist-item-active-color: @global-primary-background; @internal-navbar-nav-item-background-image: "../../../../uikit-themes/master-craft/images/navbar-item-line.svg"; @internal-navbar-nav-item-background-size: auto; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-margin-vertical: 25px; @navbar-nav-item-line-margin-horizontal: 25px; @navbar-nav-item-line-height: 10px; @navbar-nav-item-line-hover-height: @navbar-nav-item-line-height; @navbar-nav-item-line-active-height: @navbar-nav-item-line-height; @navbar-nav-item-line-onclick-height: @navbar-nav-item-line-height; @navbar-dropdown-nav-item-padding-vertical: 2px; @navbar-dropdown-grid-divider-border: fade(@global-border, 15%); @navbar-nav-item-font-weight: @global-primary-font-weight; @navbar-nav-item-text-transform: @global-primary-text-transform; @navbar-dropdown-nav-font-size: @global-font-size; @navbar-dropdown-nav-font-family: @global-primary-font-family; @navbar-dropdown-nav-font-weight: @global-primary-font-weight; @navbar-dropdown-nav-text-transform: @global-primary-text-transform; @subnav-pill-item-hover-background: @global-color; @subnav-pill-item-hover-color: @global-primary-background; @subnav-pill-item-onclick-background: @global-primary-background; @subnav-pill-item-onclick-color: @global-emphasis-color; @subnav-pill-item-active-color: @global-emphasis-color; @subnav-item-font-family: @global-primary-font-family; @subnav-item-font-weight: @global-primary-font-weight; @subnav-item-text-transform: @global-primary-text-transform; @subnav-item-letter-spacing: normal; @subnav-item-font-style: @global-primary-font-style; @inverse-subnav-item-color: @inverse-global-color; @inverse-subnav-item-hover-color: @inverse-global-emphasis-color; @inverse-subnav-pill-item-hover-color: @inverse-global-emphasis-color; @inverse-subnav-pill-item-active-background: @inverse-global-primary-background; @breadcrumb-item-font-size: @global-small-font-size; @breadcrumb-item-color: @global-muted-color; @breadcrumb-item-hover-color: @global-primary-background; @breadcrumb-divider: "—"; @breadcrumb-item-font-family: @global-primary-font-family; @breadcrumb-item-font-weight: @global-secondary-font-weight; @breadcrumb-item-text-transform: @global-primary-text-transform; @pagination-margin-horizontal: 16px; @pagination-item-padding-vertical: 3px; @pagination-item-padding-horizontal: 12px; @pagination-item-color: @global-color; @pagination-item-hover-color: @global-color; @pagination-item-hover-text-decoration: none; @pagination-item-disabled-color: @global-muted-color; @pagination-item-border-mode: -bottom; @pagination-item-border-width: @global-border-width; @pagination-item-hover-border: @global-primary-background; @pagination-item-active-border: @global-primary-background; @pagination-item-font-size: @global-font-size; @pagination-item-font-family: @global-font-family; @pagination-item-font-weight: @global-primary-font-weight; @pagination-item-text-transform: @global-primary-text-transform; @inverse-pagination-item-hover-color: @inverse-global-emphasis-color; @inverse-pagination-item-hover-border: @inverse-global-border; @inverse-pagination-item-active-border: @inverse-global-primary-background; @tab-margin-horizontal: 0; @tab-item-padding-horizontal: 18px; @tab-item-padding-vertical: 10px; @tab-border: @global-border; @tab-item-hover-border: @global-primary-background; @tab-item-font-family: @global-primary-font-family; @tab-item-font-weight: @global-primary-font-weight; @tab-item-text-transform: @global-primary-text-transform; @tab-item-letter-spacing: normal; @tab-item-font-style: @global-primary-font-style; @inverse-tab-item-hover-color: @inverse-global-muted-color; @inverse-tab-border: transparent; @inverse-tab-item-hover-border: @inverse-global-border; @slidenav-padding-vertical: 14px; @slidenav-padding-horizontal: 17px; @slidenav-color: @global-primary-background; @slidenav-hover-color: @global-color; @slidenav-active-color: @global-primary-background; @slidenav-large-padding-vertical: 18px; @slidenav-large-padding-horizontal: 22px; @slidenav-background: @global-secondary-background; @slidenav-hover-background: @global-primary-background; @slidenav-active-background: @global-secondary-background; @inverse-slidenav-color: @global-color; @inverse-slidenav-hover-color: @global-color; @inverse-slidenav-active-color: @global-color; @inverse-slidenav-background: @inverse-global-primary-background; @inverse-slidenav-hover-background: fade(@inverse-slidenav-background,80%); @inverse-slidenav-active-background: fade(@inverse-slidenav-background, 60%); @dotnav-item-hover-background: @global-primary-background; @dotnav-item-active-background: @global-secondary-background; @thumbnav-item-background: transparent; @thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4)); @thumbnav-item-border-width: 5px; @thumbnav-item-hover-border: @global-primary-background; @thumbnav-item-active-border: @global-border; @inverse-thumbnav-item-background: transparent; @inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4)); @inverse-thumbnav-item-hover-border: @global-primary-background; @inverse-thumbnav-item-active-border: @global-inverse-color; @lightbox-item-color: @global-primary-background; @lightbox-toolbar-icon-color: @global-primary-background; @lightbox-button-background: fade(@global-primary-background, 25%); @lightbox-button-color: @global-primary-background; @lightbox-button-hover-color: @global-background; @text-lead-font-size: @global-medium-font-size; @text-lead-color: @global-color; @text-large-line-height: 1.4; @text-meta-font-family: @global-font-family; @text-meta-font-weight: @global-secondary-font-weight; @text-meta-text-transform: @global-primary-text-transform; @column-gutter-l: 50px; @logo-font-family: @global-primary-font-family; @logo-font-weight: @global-primary-font-weight; @logo-text-transform: @global-primary-text-transform; @logo-letter-spacing: normal; @inverse-global-color: @global-inverse-color; @inverse-global-inverse-color: @global-emphasis-color;