| Current Path : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-jack-baker/ |
| Current File : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-jack-baker/_import.less |
@internal-fonts: ~'Poppins:400,600|Roboto'; @global-font-family: Poppins; @global-font-size: 16px; @global-line-height: 1.5; @global-2xlarge-font-size: 46px; @global-xlarge-font-size: 40px; @global-large-font-size: 28px; @global-medium-font-size: 22px; @global-small-font-size: 13px; @global-primary-font-family: Poppins; @global-primary-font-weight: normal; @global-primary-text-transform: inherit; @global-primary-letter-spacing: inherit; @global-primary-font-style: inherit; @global-secondary-font-family: inherit; @global-secondary-font-weight: inherit; @global-secondary-text-transform: inherit; @global-secondary-letter-spacing: inherit; @global-secondary-font-style: inherit; @global-color: #181818; @global-emphasis-color: #000; @global-muted-color: #949494; @global-link-color: #ef463e; @global-link-hover-color: #181818; @global-inverse-color: #fff; @global-background: #fff; @global-muted-background: #f3f3f3; @global-primary-background: #ef463e; @global-secondary-background: #181818; @global-success-background: #00b572; @global-warning-background: #faa05a; @global-danger-background: #CE241B; @global-border: #e4e4e4; @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: 0 5px 15px rgba(0,0,0,0.08); @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: 20px; @global-small-margin: 10px; @global-medium-margin: 40px; @global-large-margin: 70px; @global-xlarge-margin: 140px; @global-gutter: 40px; @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-link-hover-text-decoration: none; @base-h1-font-size: @base-h1-font-size-m * 0.82; @base-blockquote-font-style: normal; @base-selection-background: fade(@global-primary-background, 70%); @base-blockquote-footer-margin-top: 20px; @base-blockquote-footer-em-dash: false; @inverse-base-link-color: @inverse-global-emphasis-color; @inverse-base-link-hover-color: @inverse-global-muted-color; @heading-small-font-size: @heading-small-font-size-m * 0.8; @heading-small-font-size-m: 50px; @heading-large-font-size-l: 86px; @heading-xlarge-font-size-l: 130px; @heading-2xlarge-font-size-l: 168px; @heading-medium-line-height: 1.2; @heading-divider-border-width: ~'calc(0.2px + 0.04em)'; @heading-bullet-border-width: ~'calc(2px + 0.1em)'; @heading-bullet-border: @global-color; @heading-line-border-width: ~'calc(2px + 0.02em)'; @heading-line-border: @global-emphasis-color; @heading-xlarge-font-weight: 600; @heading-2xlarge-font-weight: 600; @divider-small-width: 54px; @divider-small-border-width: 3px; @divider-small-border: @global-emphasis-color; @inverse-divider-small-border: @inverse-global-emphasis-color; @list-striped-padding-horizontal: 16px; @list-large-striped-padding-horizontal: @global-margin; @description-list-term-margin-top: @global-gutter; @description-list-divider-term-margin-top: @global-gutter; @table-striped-row-background: @global-muted-background; @table-row-active-background: darken(@global-muted-background, 2%); @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-primary-background; @inverse-icon-button-color: @global-emphasis-color; @inverse-icon-button-hover-background: fade(@inverse-global-primary-background, 80%); @inverse-icon-button-hover-color: @global-emphasis-color; @inverse-icon-button-active-color: @global-emphasis-color; @form-range-thumb-height: 5px; @form-range-thumb-width: 14px; @form-range-thumb-background: @global-secondary-background; @form-range-track-height: @global-border-width; @form-range-track-background: @global-border; @form-range-track-focus-background: @global-emphasis-color; @form-range-thumb-border-radius: 0; @form-height: 46px; @form-background: transparent; @form-focus-background: transparent; @form-large-height: 70px; @form-large-font-size: 16px; @form-radio-background: transparent; @form-radio-checked-background: @global-secondary-background; @form-radio-checked-focus-background: @global-secondary-background; @form-border-width: 1px; @form-border: @global-border; @form-focus-border: @form-focus-color; @form-blank-focus-border: @form-focus-color; @form-danger-border: @global-danger-background; @form-success-border: @global-success-background; @form-radio-border-width: 1px; @form-radio-border: @global-border; @form-radio-focus-border: @form-focus-border; @form-label-font-size: @global-small-font-size; @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-border; @inverse-form-focus-border: @inverse-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-line-height: 43px; @button-large-line-height: 66px; @button-font-size: 13px; @button-small-font-size: 11px; @button-large-font-size: 14px; @button-padding-horizontal: 30px; @button-default-background: lighten(@global-secondary-background, 2%); @button-default-color: @global-inverse-color; @button-default-hover-background: lighten(@global-secondary-background, 2%); @button-default-hover-color: @global-inverse-color; @button-default-active-background: lighten(@global-secondary-background, 8%); @button-default-active-color: @global-inverse-color; @button-primary-background: transparent; @button-primary-color: @global-primary-background; @button-primary-hover-background: @button-primary-border; @button-primary-active-color: @global-primary-background; @button-primary-active-background: transparent; @button-secondary-background: transparent; @button-secondary-color: @global-color; @button-secondary-hover-background: lighten(@global-secondary-background, 2%); @button-secondary-active-background: lighten(@global-secondary-background, 8%); @button-secondary-active-color: @button-secondary-hover-color; @button-text-hover-color: @global-muted-color; @button-link-hover-color: @global-muted-color; @button-text-transform: uppercase; @button-border-width: 1px; @button-primary-border: @global-primary-background; @button-primary-hover-border: @global-primary-background; @button-primary-active-border: @global-primary-background; @button-secondary-border: lighten(@global-secondary-background, 2%); @button-text-border-width: 1px; @button-text-mode: em-dash; @internal-button-mode: strikethrough; @inverse-button-default-hover-background: @inverse-button-default-background; @inverse-button-primary-color: @inverse-global-emphasis-color; @inverse-button-primary-background: transparent; @inverse-button-primary-hover-color: @inverse-global-emphasis-color; @inverse-button-primary-active-color: @inverse-global-emphasis-color; @inverse-button-secondary-color: @inverse-global-emphasis-color; @inverse-button-secondary-background: transparent; @inverse-button-secondary-hover-color: @inverse-global-emphasis-color; @inverse-button-secondary-active-color: @inverse-global-emphasis-color; @inverse-button-text-color: @inverse-global-emphasis-color; @inverse-button-text-hover-color: @inverse-global-color; @inverse-button-primary-border: @inverse-global-primary-background; @inverse-button-primary-hover-border: @inverse-global-primary-background; @inverse-button-primary-active-border: @inverse-global-primary-background; @inverse-button-secondary-border: @inverse-global-primary-background; @inverse-button-secondary-hover-border: @inverse-global-primary-background; @inverse-button-secondary-active-border: @inverse-global-primary-background; @progress-bar-background: @global-primary-background; @container-large-max-width: 1450px; @card-badge-height: 25px; @card-badge-background: @global-secondary-background; @card-badge-font-size: 12px; @card-default-background: @global-background; @card-default-hover-background: @global-background; @card-primary-background: @global-background; @card-secondary-hover-background: lighten(@card-secondary-background, 4%); @card-hover-background: @global-background; @card-primary-color: @global-color; @card-primary-title-color: @global-emphasis-color; @card-primary-color-mode: dark; @card-badge-text-transform: uppercase; @card-default-box-shadow: @global-medium-box-shadow; @card-default-hover-box-shadow: @global-large-box-shadow; @card-hover-box-shadow: @global-xlarge-box-shadow; @card-primary-border-width: 3px; @card-primary-border: fade(@global-secondary-background, 8%); @card-primary-hover-border: fade(@global-secondary-background, 4%); @marker-padding: 3px; @marker-background: transparent; @marker-color: @global-secondary-background; @marker-hover-color: @global-inverse-color; @marker-hover-background: @global-secondary-background; @marker-border-width: 2px; @marker-border: fade(@global-secondary-background, 15%); @marker-hover-border: transparent; @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); @badge-background: @global-secondary-background; @label-padding-vertical: 2px; @label-padding-horizontal: 8px; @label-background: @global-secondary-background; @label-font-size: 12px; @label-text-transform: uppercase; @overlay-default-background: fade(@global-background, 90%); @overlay-primary-background: fade(@global-secondary-background, 90%); @article-title-font-size-m: @global-xlarge-font-size; @article-title-font-size: @article-title-font-size-m * 0.75; @comment-title-font-size: @global-font-size; @search-placeholder-color: fade(@global-color, 50%); @search-icon-color: @global-color; @search-default-background: transparent; @search-toggle-color: @global-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-color; @inverse-search-default-background: transparent; @inverse-search-default-focus-background: transparent; @inverse-search-default-border: @inverse-global-border; @inverse-search-default-focus-border: @inverse-global-color; @accordion-item-margin-top: 10px; @accordion-title-font-size: 20px; @accordion-title-hover-color: @global-link-color; @accordion-item-padding-top: 12px; @accordion-item-border-width: 1px; @accordion-item-border: @global-color; @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; @slider-container-margin-bottom: -78px; @slider-container-margin-left: -50px; @slider-container-margin-right: -50px; @slider-container-margin-top: -25px; @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; @tooltip-background: @global-secondary-background; @nav-divider-margin-vertical: 10px; @nav-default-item-color: @global-color; @nav-default-item-hover-color: @global-muted-color; @nav-default-item-active-color: @global-muted-color; @nav-sublist-padding-left: 10px; @nav-default-sublist-item-color: @global-color; @nav-default-sublist-item-hover-color: @global-muted-color; @nav-default-sublist-item-active-color: @global-muted-color; @nav-primary-item-font-size: 18px; @nav-primary-item-color: @global-color; @nav-primary-item-hover-color: @global-muted-color; @nav-primary-item-active-color: @global-muted-color; @nav-primary-sublist-item-color: @global-color; @nav-primary-sublist-item-hover-color: @global-muted-color; @nav-primary-sublist-item-active-color: @global-muted-color; @nav-default-font-size: 14px; @inverse-nav-default-item-hover-color: @inverse-global-emphasis-color; @navbar-background: @global-background; @navbar-nav-item-height: 100px; @navbar-nav-item-padding-horizontal: 30px; @navbar-nav-item-color: @global-color; @navbar-nav-item-font-size: 14px; @navbar-toggle-color: @global-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-dropdown-nav-sublist-item-active-color: @global-inverse-color; @navbar-padding-top-m: 20px; @navbar-padding-bottom-m: 20px; @navbar-nav-item-transition-duration: 0.2s; @navbar-nav-item-line-slide-mode: left; @navbar-nav-item-line-margin-vertical: 50%; @navbar-nav-item-line-margin-horizontal: 26px; @navbar-nav-item-line-transition-duration: 0.3s; @navbar-nav-item-text-transform: uppercase; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-hover-background: @navbar-nav-item-hover-color; @navbar-nav-item-line-onclick-background: @navbar-nav-item-onclick-color; @navbar-nav-item-line-active-background: @navbar-nav-item-active-color; @navbar-dropdown-nav-font-size: 14px; @inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color; @inverse-navbar-toggle-hover-color: @inverse-global-emphasis-color; @subnav-item-color: @global-color; @subnav-item-hover-color: @global-muted-color; @subnav-item-active-color: @global-muted-color; @subnav-divider-border-height: @global-border-width; @subnav-divider-border-width: 22px; @subnav-divider-border: @global-color; @subnav-pill-item-padding-vertical: 6px; @subnav-pill-item-padding-horizontal: 14px; @subnav-pill-item-hover-background: transparent; @subnav-pill-item-onclick-background: @global-primary-background; @subnav-pill-item-onclick-color: @global-inverse-color; @subnav-pill-item-border-width: @global-border-width; @subnav-pill-item-hover-border: @global-color; @inverse-subnav-item-color: @inverse-global-emphasis-color; @inverse-subnav-item-hover-color: @inverse-global-color; @inverse-subnav-item-active-color: @inverse-global-color; @breadcrumb-divider-margin-horizontal: 13px; @breadcrumb-divider: "—"; @pagination-margin-horizontal: 20px; @pagination-item-padding-vertical: 8px; @pagination-item-padding-horizontal: 8px; @pagination-item-color: @global-color; @pagination-item-hover-color: @global-muted-color; @pagination-item-font-size: 14px; @pagination-item-border-width: 1px; @pagination-item-border: transparent; @pagination-item-active-border: @global-color; @pagination-item-min-width: 39px; @tab-margin-horizontal: 0; @tab-item-padding-horizontal: 24px; @tab-border-width: 0; @tab-item-border-width: 2px; @tab-item-hover-border: @global-color; @tab-item-active-border: @global-color; @slidenav-padding-vertical: 10px; @slidenav-padding-horizontal: 12px; @slidenav-color: @global-color; @slidenav-hover-color: @global-emphasis-color; @slidenav-active-color: @global-color; @slidenav-large-padding-vertical: 16px; @slidenav-large-padding-horizontal: 20px; @slidenav-background: @global-background; @slidenav-hover-background: fade(@global-background, 50%); @slidenav-active-background: fade(@global-background, 50%); @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: 12px; @dotnav-item-background: transparent; @dotnav-item-hover-background: @global-color; @dotnav-item-border-width: 1px; @dotnav-item-border: @global-secondary-background; @dotnav-item-onclick-background: @global-secondary-background; @dotnav-item-active-background: @global-secondary-background; @inverse-dotnav-item-background: transparent; @inverse-dotnav-item-border: @global-inverse-color; @inverse-dotnav-item-active-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-toolbar-padding-vertical: 20px; @lightbox-toolbar-padding-horizontal: 20px; @text-lead-font-size: 20px; @text-lead-line-height: 1.4; @inverse-text-primary-color: @inverse-global-emphasis-color; @dropcap-color: @global-emphasis-color; @logo-font-size: @global-medium-font-size; @logo-text-transform: uppercase; @logo-letter-spacing: -0.02em;