| Current Path : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-design-bites/ |
| Current File : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-design-bites/_import.less |
@internal-fonts: 'Montserrat:700|Poppins:300,500'; @global-font-family: 'Poppins'; @global-font-size: 15px; @global-line-height: 1.55; @global-2xlarge-font-size: 44px; @global-xlarge-font-size: 32px; @global-large-font-size: 24px; @global-medium-font-size: 19px; @global-small-font-size: 13px; @global-primary-font-family: 'Montserrat'; @global-primary-font-weight: 700; @global-primary-text-transform: inherit; @global-primary-letter-spacing: -0.05rem; @global-primary-font-style: inherit; @global-secondary-font-family: 'Poppins'; @global-secondary-font-weight: 300; @global-secondary-text-transform: inherit; @global-secondary-letter-spacing: 0; @global-secondary-font-style: inherit; @global-color: #444; @global-emphasis-color: #333; @global-muted-color: #999; @global-link-color: #E64577; @global-link-hover-color: #1C5BEA; @global-inverse-color: #FFF; @global-background: #FFF; @global-muted-background: #F7F7F7; @global-primary-background: #E64577; @global-secondary-background: #1C5BEA; @global-success-background: #00CA65; @global-warning-background: #FFB515; @global-danger-background: #FF575F; @global-border-width: 1px; @global-border: rgba(0,0,0,0.1); @global-border-radius: 4px; @global-small-box-shadow: 2px 5px 10px rgba(0,0,0,0.08); @global-medium-box-shadow: 3px 8px 16px rgba(0,0,0,0.12); @global-large-box-shadow: 5px 14px 25px rgba(0,0,0,0.16); @global-xlarge-box-shadow: 10px 28px 50px rgba(0,0,0,0.20); @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: 46px; @global-control-small-height: 30px; @global-control-large-height: 60px; @global-z-index: 1000; @base-body-font-weight: 300; @base-link-hover-text-decoration: none; @base-blockquote-font-style: @global-secondary-font-style; @base-pre-padding: @global-margin; @base-pre-background: @global-muted-background; @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-h4-letter-spacing: @global-primary-letter-spacing; @base-h4-font-style: @global-primary-font-style; @base-h5-font-weight: 500; @base-h6-font-weight: 500; @base-blockquote-font-family: @global-secondary-font-family; @base-blockquote-font-weight: 500; @base-blockquote-text-transform: @global-secondary-text-transform; @base-blockquote-letter-spacing: @global-secondary-letter-spacing; @inverse-base-link-hover-color: @inverse-global-muted-color; @link-muted-hover-color: @global-primary-background; @link-text-hover-color: @global-primary-background; @heading-small-font-size: @heading-small-font-size-m * 0.7; @heading-medium-font-size: @heading-small-font-size-m * 0.75; @heading-large-font-size: @heading-small-font-size-m * 0.83; @heading-xlarge-font-size: @heading-medium-font-size-m * 0.9; @heading-2xlarge-font-size: @heading-medium-font-size-m; @heading-medium-font-size-l: 72px; @heading-large-font-size-l: 95px; @heading-xlarge-font-size-l: 115px; @heading-2xlarge-font-size-l: 148px; @heading-bullet-height: ~'calc(4px + 0.8em)'; @heading-bullet-border-width: ~'calc(2px + 0.16em)'; @heading-bullet-border: @global-primary-background; @inverse-heading-bullet-border: @heading-bullet-border; @divider-icon-color: @global-primary-background; @internal-divider-icon-image: "../../../../uikit-themes/master-design-bites/images/divider-icon.svg"; @divider-small-border-width: 3px; @divider-small-border: @global-primary-background; @divider-vertical-border-width: 3px; @divider-vertical-border: @global-primary-background; @inverse-divider-icon-color: @global-primary-background; @inverse-divider-small-border: @global-primary-background; @inverse-divider-vertical-border: @global-primary-background; @list-bullet-icon-color: @global-primary-background; @description-list-term-font-family: @global-primary-font-family; @description-list-term-font-weight: @global-primary-font-weight; @description-list-term-text-transform: @global-primary-text-transform; @description-list-term-letter-spacing: @global-primary-letter-spacing; @description-list-term-font-style: @global-primary-font-style; @table-row-active-background: darken(@global-muted-background, 2%); @table-header-cell-letter-spacing: 0.08em; @icon-button-background: darken(@global-muted-background, 2%); @form-range-thumb-height: 14px; @form-range-thumb-background: @global-primary-background; @form-range-track-height: 2px; @form-range-track-focus-background: @global-primary-background; @form-range-thumb-border: @global-background; @form-range-thumb-border-width: 4px; @form-range-thumb-box-shadow: 2px 2px 5px rgba(0,0,0,0.12); @form-background: darken(@global-muted-background, 2%); @form-disabled-background: darken(@global-muted-background, 1%); @form-border-radius: @global-border-radius; @inverse-form-radio-checked-background: @global-primary-background; @button-large-font-size: @global-font-size; @button-default-background: @global-background; @button-default-hover-background: @button-default-background; @button-default-active-background: @button-default-background; @button-primary-background: darken(@global-primary-background, 4%); @button-primary-hover-background: darken(@button-primary-background, 3%); @button-primary-active-background: darken(@button-primary-background, 8%); @button-secondary-background: darken(@global-secondary-background, 4%); @button-secondary-hover-background: darken(@button-secondary-background, 3%); @button-secondary-active-background: darken(@button-secondary-background, 8%); @button-disabled-background: darken(@global-muted-background, 1%); @button-link-hover-color: @global-primary-background; @button-text-mode: arrow; @internal-button-text-arrow-image: "../../../../uikit-themes/master-design-bites/images/button-text-arrow.svg"; @internal-button-text-arrow-padding: 8px; @internal-button-text-arrow-width: 35px; @button-border-radius: @global-border-radius; @button-small-border-radius: @button-border-radius; @button-large-border-radius: @button-border-radius; @button-default-box-shadow: @global-small-box-shadow; @button-default-hover-box-shadow: @global-medium-box-shadow; @button-font-weight: 500; @inverse-button-primary-background: @button-primary-background; @inverse-button-primary-color: @button-primary-color; @inverse-button-primary-hover-background: @button-primary-hover-background; @inverse-button-primary-hover-color: @button-primary-hover-color; @inverse-button-primary-active-background: @button-primary-active-background; @inverse-button-primary-active-color: @button-primary-active-color; @inverse-button-secondary-background: @button-secondary-background; @inverse-button-secondary-color: @button-secondary-color; @inverse-button-secondary-hover-background: @button-secondary-hover-background; @inverse-button-secondary-hover-color: @button-secondary-hover-color; @inverse-button-secondary-active-background: @button-secondary-active-background; @inverse-button-secondary-active-color: @button-secondary-active-color; @inverse-button-text-color: @inverse-global-emphasis-color; @inverse-button-text-hover-color: @inverse-global-emphasis-color; @inverse-button-link-hover-color: @inverse-global-color; @container-small-max-width: 1000px; @card-badge-height: 24px; @card-badge-padding-horizontal: 8px; @card-badge-font-size: 12px; @card-hover-background: @global-background; @card-default-background: @global-background; @card-default-hover-background: @global-background; @card-border-radius: 8px; @card-hover-box-shadow: @global-small-box-shadow; @card-default-box-shadow: @global-small-box-shadow; @card-default-hover-box-shadow: @global-medium-box-shadow; @card-primary-box-shadow: @global-medium-box-shadow; @card-primary-hover-box-shadow: @global-large-box-shadow; @card-secondary-box-shadow: @global-medium-box-shadow; @card-secondary-hover-box-shadow: @global-large-box-shadow; @card-badge-border-radius: 2px; @card-badge-font-weight: 500; @marker-hover-background: @global-primary-background; @inverse-marker-background: @global-secondary-background; @inverse-marker-color: @global-inverse-color; @inverse-marker-hover-color: @global-inverse-color; @inverse-marker-hover-background: @global-primary-background; @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-radius: @global-border-radius; @alert-box-shadow: @global-small-box-shadow; @label-padding-vertical: 2px; @label-padding-horizontal: 8px; @label-font-size: 12px; @label-border-radius: 2px; @label-font-weight: 500; @comment-primary-border-radius: 8px; @search-default-background: darken(@global-muted-background, 2%); @search-navbar-font-size: @global-font-size; @search-toggle-color: @global-emphasis-color; @search-toggle-hover-color: @global-primary-background; @search-large-font-size: @global-large-font-size; @search-default-border-radius: @global-border-radius; @accordion-item-padding-top: @global-margin; @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; @dropdown-background: @global-background; @dropdown-nav-item-hover-color: @global-emphasis-color; @dropdown-border-radius: @global-border-radius; @dropdown-box-shadow: @global-small-box-shadow; @slider-container-margin-left: -20px; @slider-container-margin-right: -30px; @tooltip-background: @global-secondary-background; @tooltip-border-radius: @global-border-radius; @nav-default-item-color: @global-emphasis-color; @nav-default-item-hover-color: @global-primary-background; @nav-default-item-active-color: @global-primary-background; @nav-default-sublist-item-color: @global-emphasis-color; @nav-default-sublist-item-hover-color: @global-primary-background; @nav-default-sublist-item-active-color: @global-primary-background; @nav-primary-item-font-size: @global-medium-font-size; @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-color: @global-emphasis-color; @nav-primary-sublist-item-hover-color: @global-primary-background; @nav-primary-sublist-item-active-color: @global-primary-background; @nav-primary-font-family: @global-secondary-font-family; @nav-primary-font-weight: 500; @nav-primary-text-transform: @global-secondary-text-transform; @nav-primary-letter-spacing: @global-secondary-letter-spacing; @nav-primary-font-style: @global-secondary-font-style; @inverse-nav-default-item-hover-color: @inverse-global-emphasis-color; @navbar-background: @global-background; @navbar-nav-item-padding-horizontal: 20px; @navbar-nav-item-color: @global-emphasis-color; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-primary-background; @navbar-dropdown-padding: 20px; @navbar-dropdown-background: @global-background; @navbar-padding-top: 10px; @navbar-padding-bottom: 10px; @navbar-padding-top-m: 0; @navbar-padding-bottom-m: 0; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-slide-mode: left; @navbar-nav-item-line-margin-vertical: 22px; @navbar-nav-item-line-margin-horizontal: @navbar-nav-item-padding-horizontal; @navbar-nav-item-line-height: 2px; @navbar-nav-item-line-transition-duration: 0.3s; @navbar-nav-item-line-hover-height: @navbar-nav-item-line-height; @navbar-nav-item-line-onclick-height: @navbar-nav-item-line-height; @navbar-nav-item-line-active-height: @navbar-nav-item-line-height; @navbar-dropdown-border-radius: @global-border-radius; @navbar-dropdown-box-shadow: @global-small-box-shadow; @navbar-dropbar-box-shadow: @global-small-box-shadow; @navbar-nav-item-font-weight: 500; @inverse-navbar-nav-item-line-hover-background: @global-primary-background; @inverse-navbar-nav-item-line-onclick-background: @global-primary-background; @inverse-navbar-nav-item-line-active-background: @global-primary-background; @subnav-item-color: @global-emphasis-color; @subnav-item-hover-color: @global-primary-background; @subnav-item-active-color: @global-primary-background; @subnav-divider-border-height: 1.2em; @subnav-pill-item-color: @global-emphasis-color; @subnav-pill-item-border-radius: @global-border-radius; @subnav-item-font-weight: 500; @breadcrumb-divider: ">"; @breadcrumb-divider-margin-horizontal: 10px; @breadcrumb-divider-color: @global-primary-background; @pagination-margin-horizontal: 12px; @pagination-item-padding-vertical: 5px; @pagination-item-padding-horizontal: 13px; @pagination-item-active-background: darken(@global-muted-background, 2%); @pagination-item-border-radius: @global-border-radius; @inverse-pagination-item-hover-background: @inverse-global-muted-background; @inverse-pagination-item-active-background: @inverse-global-muted-background; @tab-margin-horizontal: 35px; @tab-item-padding-horizontal: 0; @tab-vertical-item-padding-horizontal: 10px; @tab-border-width: 0; @tab-item-border-width: 2px; @tab-border: transparent; @tab-item-font-weight: 500; @inverse-tab-item-active-border: @global-primary-background; @slidenav-color: fade(@global-primary-background, 90%); @slidenav-hover-color: fade(@global-primary-background, 50%); @slidenav-active-color: fade(@global-primary-background, 90%); @dotnav-item-hover-background: @global-secondary-background; @dotnav-item-onclick-background: @global-primary-background; @dotnav-item-active-background: @global-primary-background; @inverse-dotnav-item-onclick-background: @global-secondary-background; @inverse-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)); @thumbnav-item-border-radius: @global-border-radius; @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-primary-background; @iconnav-item-active-color: @global-primary-background; @text-lead-font-size: 20px; @text-large-font-size: @global-large-font-size; @text-lead-font-family: @global-secondary-font-family; @text-lead-font-weight: @global-secondary-font-weight; @text-lead-text-transform: @global-secondary-text-transform; @text-lead-letter-spacing: @global-secondary-letter-spacing; @text-lead-font-style: @global-secondary-font-style; @border-rounded-border-radius: 8px; @logo-font-family: @global-primary-font-family; @logo-font-weight: @global-primary-font-weight; @logo-text-transform: @global-primary-text-transform; @logo-letter-spacing: @global-primary-letter-spacing; @inverse-global-color: fade(@global-inverse-color, 80%); @inverse-global-muted-color: fade(@global-inverse-color, 60%); @inverse-global-inverse-color: @global-emphasis-color; @inverse-global-muted-background: fade(@global-inverse-color, 16%);