| Current Path : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-vision/ |
| Current File : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-vision/_import.less |
@internal-fonts: 'Barlow:400,400i,500,600,700|Barlow+Semi+Condensed:400,500'; @global-font-family: Barlow; @global-font-size: 16px; @global-line-height: 1.75; // 28px @global-2xlarge-font-size: 42px; @global-xlarge-font-size: 36px; @global-large-font-size: 28px; @global-medium-font-size: 24px; @global-small-font-size: 12px; @global-primary-font-family: Barlow; @global-primary-font-weight: 500; @global-primary-text-transform: inherit; @global-primary-letter-spacing: inherit; @global-primary-font-style: inherit; @global-secondary-font-family: Barlow Semi Condensed; @global-secondary-font-weight: 500; @global-secondary-text-transform: inherit; @global-secondary-letter-spacing: 0.35px; @global-secondary-font-style: inherit; @global-color: #444; @global-emphasis-color: #111; @global-muted-color: #aaa; @global-link-color: #FF4652; @global-link-hover-color: darken(@global-link-color, 15%); @global-inverse-color: #fff; @global-background: #fff; @global-muted-background: #f8f8f8; @global-primary-background: #FF4652; @global-secondary-background: #111; @global-success-background: #42c65c; @global-warning-background: #FFAD4F; @global-danger-background: #FB3F3F; @global-border-width: 1px; @global-border: rgba(0,0,0,0.06); @global-border-radius: 0; @global-small-box-shadow: 2px 4px 16px rgba(0,0,0,0.06); @global-medium-box-shadow: 2px 12px 32px rgba(0,0,0,0.06); @global-large-box-shadow: 2px 18px 48px rgba(0,0,0,0.06); @global-xlarge-box-shadow: 2px 26px 56px rgba(0,0,0,0.06); @global-margin: 20px; @global-small-margin: 10px; @global-medium-margin: 40px; @global-large-margin: 70px; @global-xlarge-margin: 140px; @global-gutter: 20px; @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: 400; @base-link-text-decoration: underline; @base-link-hover-text-decoration: none; @base-strong-font-weight: 500; @base-code-color: @global-emphasis-color; @base-em-color: @global-emphasis-color; @base-h1-line-height: 1.3; @base-h3-line-height: 1.3; @base-h4-line-height: 1.3; @base-h5-font-size: @global-font-size; @base-h5-line-height: 1.3; @base-h6-line-height: 1.3; @base-selection-background: darken(@global-primary-background, 2%); @base-selection-color: @global-inverse-color; @base-blockquote-font-size: @global-medium-font-size; @base-blockquote-footer-font-size: @global-font-size; @base-h1-font-weight: 600; @base-h1-letter-spacing: 0.75px; @base-h3-font-weight: 400; @base-h4-font-family: @global-primary-font-family; @base-h4-font-weight: 400; @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-text-transform: uppercase; @base-h5-letter-spacing: 1.7px; @base-h6-text-transform: uppercase; @base-h6-letter-spacing: 1.7px; @base-code-padding-horizontal: 6px; @base-code-padding-vertical: 2px; @base-code-border-width: @global-border-width; @base-code-border: @global-border; @base-pre-padding: 10px; @base-pre-background: @global-background; @base-pre-border-width: @global-border-width; @base-pre-border: @global-border; @base-blockquote-font-weight: 400; @base-blockquote-letter-spacing: 0; @base-blockquote-footer-font-family: @global-primary-font-family; @base-blockquote-footer-font-weight: @global-primary-font-weight; @inverse-base-link-color: @inverse-global-emphasis-color; @inverse-base-link-hover-color: fade(@inverse-global-color, 70%); @inverse-base-heading-color: @inverse-global-emphasis-color; @inverse-base-code-border: @inverse-global-border; @inverse-link-heading-hover-color: @inverse-global-color; @heading-small-font-size-m: @heading-medium-font-size-l * 0.77; // 54px @heading-medium-font-size-l: 70px; @heading-large-font-size-l: 92px; @heading-small-line-height: 1.3; @heading-divider-border-width: ~'calc(0.2px + 0.04em)'; @heading-bullet-height: ~'calc(0.2px + 0.05em)'; @heading-bullet-border-width: ~'calc(8px + 0.3em)'; @heading-bullet-border: @global-primary-background; @heading-line-width: 80px; @heading-line-border-width: ~'calc(0.6px + 0.03em)'; @heading-line-border: @global-primary-background; @heading-line-margin-horizontal: 20px; @heading-small-font-weight: 600; @heading-small-letter-spacing: 0.75px; @heading-medium-font-weight: 600; @heading-medium-letter-spacing: 0.75px; @heading-large-font-weight: 700; @heading-large-text-transform: uppercase; @heading-large-letter-spacing: 2px; @heading-xlarge-font-weight: 700; @heading-xlarge-text-transform: uppercase; @heading-xlarge-letter-spacing: 2px; @heading-2xlarge-font-weight: 700; @heading-2xlarge-text-transform: uppercase; @heading-2xlarge-letter-spacing: 2px; @inverse-heading-bullet-border: @inverse-global-primary-background; @inverse-heading-line-border: @inverse-global-primary-background; @divider-icon-color: @global-primary-background; @internal-divider-icon-image: "../../../../uikit-themes/master-vision/images/divider-icon.svg"; @divider-small-width: 80px; @divider-small-border: @global-primary-background; @inverse-divider-small-border: @divider-small-border; @list-striped-background: @global-muted-background; @list-bullet-icon-color: @global-secondary-background; @internal-list-bullet-image: "../../../../uikit-themes/master-vision/images/list-bullet.svg"; @description-list-term-font-size: @global-small-font-size; @description-list-term-text-transform: uppercase; @description-list-term-letter-spacing: 1.7px; @table-row-active-background: darken(@global-muted-background, 2%); @table-striped-row-background: @table-row-active-background; @table-header-cell-color: @global-muted-color; @table-header-cell-font-family: @global-secondary-font-family; @table-header-cell-text-transform: uppercase; @table-header-cell-letter-spacing: 1.7px; @table-header-cell-font-style: @global-secondary-font-style; @icon-link-color: @global-emphasis-color; @icon-link-hover-color: fade(@icon-link-color, 50%); @icon-link-active-color: fade(@icon-link-color, 80%); @icon-button-background: transparent; @icon-button-color: @global-emphasis-color; @icon-button-hover-background: @global-secondary-background; @icon-button-hover-color: @global-inverse-color; @icon-button-active-background: lighten(@icon-button-hover-background, 7%); @icon-button-active-color: fade(@icon-button-hover-color, 80%); @icon-button-border-width: @global-border-width; @icon-button-border: fade(@icon-button-color, 80%); @icon-button-hover-border: @icon-button-hover-background; @icon-button-active-border: @icon-button-active-background; @inverse-icon-link-color: @inverse-global-emphasis-color; @inverse-icon-link-hover-color: @inverse-global-color; @inverse-icon-link-active-color: @inverse-global-muted-color; @inverse-icon-button-background: transparent; @inverse-icon-button-color: @inverse-global-emphasis-color; @inverse-icon-button-hover-background: @inverse-global-emphasis-color; @inverse-icon-button-hover-color: @inverse-global-inverse-color; @inverse-icon-button-active-background: @inverse-global-emphasis-color; @inverse-icon-button-active-color: fade(@inverse-global-inverse-color, 80%); @inverse-icon-button-border: @inverse-global-emphasis-color; @form-range-thumb-height: 12px; @form-range-thumb-background: @global-background; @form-range-track-height: 2px; @form-range-track-focus-background: @global-emphasis-color; @form-range-thumb-border-width: 2px; @form-range-thumb-border: @global-emphasis-color; @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-secondary-background; @form-radio-checked-focus-background: darken(@global-secondary-background, 6%); @form-stacked-margin-bottom: 5px; @form-border-mode: -bottom; @form-border-width: @global-border-width; @form-border: @global-border; @form-focus-border: @global-secondary-background; @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: fade(@global-secondary-background, 20%); @form-radio-focus-border: @global-secondary-background; @form-radio-checked-border: transparent; @form-radio-disabled-border: @global-border; @form-label-font-size: @global-small-font-size; @form-label-text-transform: uppercase; @form-label-letter-spacing: 1.7px; @inverse-form-background: transparent; @inverse-form-focus-background: transparent; @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-border; @inverse-form-radio-focus-border: @inverse-global-primary-background; @button-large-font-size: 18px; @button-default-background: transparent; @button-default-color: @global-emphasis-color; @button-default-hover-background: transparent; @button-default-hover-color: @global-inverse-color; @button-default-active-background: transparent; @button-default-active-color: fade(@button-default-hover-color, 80%); @button-primary-background: @global-primary-background; @button-primary-hover-background: darken(@button-primary-background, 4%); @button-primary-hover-color: fade(@button-primary-color, 85%); @button-primary-active-background: darken(@button-primary-background, 8%); @button-primary-active-color: fade(@button-primary-color, 60%); @button-secondary-background: @global-secondary-background; @button-secondary-color: @global-inverse-color; @button-secondary-hover-background: lighten(@button-secondary-background, 8%); @button-secondary-hover-color: fade(@button-secondary-color, 85%); @button-secondary-active-background: darken(@button-secondary-background, 8%); @button-secondary-active-color: fade(@button-secondary-color, 60%); @button-danger-background: @global-danger-background; @button-danger-color: @global-inverse-color; @button-danger-hover-background: lighten(@button-danger-background, 4%); @button-danger-hover-color: fade(@button-danger-color, 85%); @button-danger-active-background: darken(@button-danger-background, 4%); @button-danger-active-color: @button-danger-color; @button-link-hover-color: @global-link-color; @button-font-weight: 400; @button-transition-duration: 0.25s; @button-background-size: ~'calc(200% + 1px)'; @button-background-position-x: ~'calc(100% + 1px)'; @button-hover-background-position-x: 0; @button-primary-box-shadow: 1px 3px 15px fade(@button-primary-background, 20%); @button-primary-hover-box-shadow: 3px 5px 25px fade(@button-primary-background, 23%); @button-secondary-box-shadow: 1px 3px 15px fade(@button-secondary-background, 15%); @button-secondary-hover-box-shadow: 3px 5px 25px fade(@button-secondary-background, 18%); @internal-button-default-gradient: linear-gradient(90deg, @global-secondary-background 50%, @button-default-background 50%); @internal-button-default-hover-gradient: linear-gradient(90deg, @global-secondary-background 50%, @button-default-hover-background 50%); @internal-button-default-active-gradient: linear-gradient(90deg, lighten(@global-secondary-background, 8%) 0%, darken(@global-secondary-background, 12%) 100%); @internal-button-primary-gradient: linear-gradient(90deg, @button-primary-background 0%, spin(@button-primary-background, 15%) 50%, @button-primary-background 100%); @internal-button-primary-hover-gradient: @internal-button-primary-gradient; @internal-button-primary-active-gradient: @internal-button-primary-gradient; @internal-button-secondary-gradient: linear-gradient(90deg, @button-secondary-background 0%, lighten(@button-secondary-background, 12%) 50%, @button-secondary-background 100%); @internal-button-secondary-hover-gradient: @internal-button-secondary-gradient; @internal-button-secondary-active-gradient: @internal-button-secondary-gradient; @button-border-width: @global-border-width; @button-default-border: @global-secondary-background; @button-default-hover-border: @button-default-border; @button-default-active-border: @button-default-border; @button-disabled-border: @global-border; @inverse-button-default-background: transparent; @inverse-button-default-color: @inverse-global-emphasis-color; @inverse-button-default-hover-background: @global-inverse-color; @inverse-button-default-hover-color: @inverse-global-inverse-color; @inverse-button-default-active-background: fade(@global-inverse-color, 80%); @inverse-button-default-active-color: @inverse-global-inverse-color; @inverse-button-primary-background: fade(@global-inverse-color, 90%); @inverse-button-primary-color: @inverse-global-inverse-color; @inverse-button-primary-hover-background: @global-inverse-color; @inverse-button-primary-hover-color: @inverse-global-inverse-color; @inverse-button-primary-active-background: @global-inverse-color; @inverse-button-primary-active-color: fade(@inverse-global-inverse-color, 70%); @inverse-button-secondary-background: darken(@global-secondary-background, 5%); @inverse-button-secondary-color: @global-inverse-color; @inverse-button-secondary-hover-background: darken(@inverse-button-secondary-background, 8%); @inverse-button-secondary-hover-color: fade(@inverse-button-secondary-color, 85%); @inverse-button-secondary-active-background: darken(@inverse-button-secondary-background, 3%); @inverse-button-secondary-active-color: fade(@inverse-global-color, 70%); @inverse-button-text-color: @inverse-global-emphasis-color; @inverse-button-text-hover-color: @inverse-global-color; @inverse-button-link-hover-color: @inverse-global-color; @inverse-button-default-border: @inverse-global-color; @inverse-button-default-hover-border: @inverse-button-default-hover-background; @inverse-button-default-active-border: @inverse-button-default-active-background; @internal-section-primary-gradient: linear-gradient(155deg, @section-primary-background 0%, spin(@section-primary-background, 9%) 100%); @internal-section-secondary-gradient: linear-gradient(5deg, lighten(@section-secondary-background, 5%) 0%, @section-secondary-background 100%); @container-large-max-width: 1360px; @internal-tile-primary-gradient: linear-gradient(155deg, @tile-primary-background 0%, spin(@tile-primary-background, 9%) 100%); @internal-tile-secondary-gradient: linear-gradient(5deg, lighten(@tile-secondary-background, 5%) 0%, @tile-secondary-background 100%); @card-badge-height: 26px; @card-hover-background: @global-background; @card-default-background: @global-background; @card-default-hover-background: @global-background; @card-primary-hover-background: spin(lighten(@card-primary-background, 4%), 6%); @card-secondary-hover-background: lighten(@card-secondary-background, 7%); @card-badge-text-transform: uppercase; @card-badge-letter-spacing: 1.7px; @internal-card-badge-gradient: linear-gradient(90deg, spin(@global-primary-background, 15%), @global-primary-background); @internal-card-primary-gradient: linear-gradient(155deg, @card-primary-background 0%, spin(@card-primary-background, 9%) 100%); @internal-card-primary-hover-gradient: linear-gradient(90deg, darken(@card-primary-background, 2%) 0%, spin(@card-primary-background, 13%) 100%); @internal-card-secondary-gradient: linear-gradient(5deg, lighten(@card-secondary-background, 5%) 0%, @card-secondary-background 100%); @internal-card-secondary-hover-gradient: linear-gradient(155deg, @card-secondary-background 0%, lighten(@card-secondary-background, 7%) 100%); @card-hover-box-shadow: @global-xlarge-box-shadow; @card-default-box-shadow: @global-xlarge-box-shadow; @card-default-hover-box-shadow: @global-medium-box-shadow; @card-primary-box-shadow: 8px 20px 45px fade(@global-primary-background, 12%); @card-primary-hover-box-shadow: 5px 15px 32px fade(@global-primary-background, 20%); @card-secondary-box-shadow: @global-xlarge-box-shadow; @card-secondary-hover-box-shadow: @global-medium-box-shadow; @inverse-card-badge-background: @global-inverse-color; @marker-hover-color: fade(@global-inverse-color, 60%); @inverse-marker-hover-color: fade(@global-color, 50%); @totop-color: @global-emphasis-color; @totop-hover-color: fadeout(@global-emphasis-color, 40%); @totop-active-color: @global-muted-color; @alert-background: @global-background; @alert-primary-color: darken(@global-primary-background, 5%); @alert-primary-background: @alert-background; @alert-success-color: darken(@global-success-background, 5%); @alert-success-background: @alert-background; @alert-warning-color: darken(@global-warning-background, 5%); @alert-warning-background: @alert-background; @alert-danger-color: darken(@global-danger-background, 5%); @alert-danger-background: @alert-background; @alert-box-shadow: @global-medium-box-shadow; @alert-border-mode: -right; @alert-border-width: 2px; @alert-border: @global-secondary-background; @alert-primary-border: @global-primary-background; @alert-success-border: @global-success-background; @alert-warning-border: @global-warning-background; @alert-danger-border: @global-danger-background; @badge-background: @global-secondary-background; @badge-box-shadow: 1px 3px 15px fade(@badge-background, 20%); @badge-font-weight: @global-secondary-font-weight; @inverse-badge-background: @global-inverse-color; @inverse-badge-color: @inverse-global-inverse-color; @label-font-size: 10px; @label-padding-vertical: 3px; @label-padding-horizontal: 9px; @label-background: @global-secondary-background; @label-color: @global-inverse-color; @label-success-background: @global-success-background; @label-success-color: @global-inverse-color; @label-warning-background: @global-warning-background; @label-warning-color: @global-inverse-color; @label-danger-background: @global-danger-background; @label-danger-color: @global-inverse-color; @label-box-shadow: 1px 3px 15px fade(@label-background, 20%); @label-success-box-shadow: 1px 3px 15px fade(@label-success-background, 20%); @label-warning-box-shadow: 1px 3px 15px fade(@label-warning-background, 20%); @label-danger-box-shadow: 1px 3px 15px fade(@label-danger-background, 20%); @label-text-transform: uppercase; @label-letter-spacing: 1.7px; @inverse-label-background: transparent; @inverse-label-color: @inverse-global-emphasis-color; @inverse-label-border: @inverse-global-primary-background; @overlay-padding-horizontal: @global-medium-gutter; @overlay-padding-vertical: @global-medium-gutter; @overlay-primary-background: fade(@global-secondary-background, 80%); @article-meta-text-transform: uppercase; @article-meta-letter-spacing: 1.7px; @comment-title-font-size: @global-font-size; @comment-meta-text-transform: uppercase; @comment-meta-letter-spacing: 1.7px; @search-default-background: transparent; @search-navbar-font-size: @global-medium-font-size; @search-large-font-size: @global-xlarge-font-size; @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: @global-secondary-background; @search-default-font-family: @global-primary-font-family; @search-default-font-weight: @global-primary-font-weight; @search-default-font-style: @global-primary-font-style; @search-default-text-transform: @global-primary-text-transform; @search-default-letter-spacing: @global-primary-letter-spacing; @search-navbar-font-family: @global-primary-font-family; @search-navbar-font-weight: 400; @search-navbar-font-style: @global-primary-font-style; @search-navbar-text-transform: @global-primary-text-transform; @search-navbar-letter-spacing: @global-primary-letter-spacing; @search-large-font-family: @global-primary-font-family; @search-large-font-weight: 400; @search-large-font-style: @global-primary-font-style; @search-large-text-transform: @global-primary-text-transform; @search-large-letter-spacing: @global-primary-letter-spacing; @inverse-search-default-background: transparent; @inverse-search-default-focus-background: transparent; @inverse-search-toggle-color: @inverse-global-color; @inverse-search-toggle-hover-color: @inverse-global-emphasis-color; @inverse-search-default-border: @inverse-global-border; @inverse-search-default-focus-border: @inverse-global-primary-background; @accordion-item-padding-top: @global-margin; @accordion-item-border-width: @global-border-width; @accordion-item-border: @global-border; @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-primary-background; @dropdown-nav-header-color: @global-primary-background; @dropdown-box-shadow: @global-small-box-shadow; @dropdown-nav-font-size: @global-small-font-size; @dropdown-nav-text-transform: uppercase; @dropdown-nav-letter-spacing: 1.7px; @dropdown-nav-item-padding-vertical: 6px; @dropdown-nav-divider-margin-horizontal: -@dropdown-padding; @modal-dialog-box-shadow: @global-xlarge-box-shadow; @slider-container-margin-top: -30px; @slider-container-margin-bottom: -82px; @slider-container-margin-left: -54px; @slider-container-margin-right: -58px; @offcanvas-bar-background: @global-background; @offcanvas-bar-color-mode: dark; @offcanvas-overlay-background: fade(@global-background, 70%); @offcanvas-bar-box-shadow: @global-medium-box-shadow; @notification-message-background: @global-background; @notification-message-box-shadow: @global-xlarge-box-shadow; @tooltip-background: @global-secondary-background; @tooltip-font-size: 14px; @countdown-item-color: @global-emphasis-color; @countdown-item-font-family: @global-secondary-font-family; @countdown-item-font-weight: @global-secondary-font-weight; @countdown-item-text-transform: @global-secondary-text-transform; @countdown-item-letter-spacing: 0; @countdown-item-font-style: @global-secondary-font-style; @nav-item-padding-vertical: 8px; @nav-divider-margin-vertical: 15px; @nav-default-item-color: @global-color; @nav-default-item-hover-color: @global-link-color; @nav-default-item-active-color: @global-link-color; @nav-default-sublist-item-color: @global-muted-color; @nav-default-sublist-item-hover-color: @global-color; @nav-default-header-color: @global-muted-color; @nav-primary-item-color: @global-color; @nav-primary-item-hover-color: @global-link-color; @nav-primary-header-color: @global-muted-color; @nav-primary-sublist-item-color: @global-color; @nav-primary-sublist-item-hover-color: @global-link-color; @nav-header-letter-spacing: 1.7px; @nav-default-font-weight: 400; @nav-primary-font-weight: 400; @navbar-background: @global-background; @navbar-padding-top-m: 20px; @navbar-padding-bottom-m: 20px; @navbar-nav-item-color: @global-color; @navbar-nav-item-hover-color: @global-emphasis-color; @navbar-nav-item-onclick-color: @global-color; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-muted-color; @navbar-dropdown-padding: 25px; @navbar-dropdown-background: lighten(@global-secondary-background, 7%); @navbar-dropdown-width: 240px; @navbar-dropdown-color: fade(@global-inverse-color, 70%); @navbar-dropdown-nav-item-color: fade(@global-inverse-color, 70%); @navbar-dropdown-nav-item-hover-color: @global-link-color; @navbar-dropdown-nav-item-active-color: @global-inverse-color; @navbar-dropdown-nav-header-color: fade(@global-inverse-color, 50%); @navbar-dropdown-nav-divider-border: fade(@global-inverse-color, 10%); @navbar-dropdown-nav-sublist-item-color: fade(@global-inverse-color, 50%); @navbar-dropdown-nav-sublist-item-hover-color: fade(@global-inverse-color, 70%); @navbar-dropdown-dropbar-margin-bottom: (@navbar-dropdown-dropbar-margin-top + 30px); @navbar-nav-item-font-weight: 400; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-slide-mode: left; @navbar-nav-item-line-height: @global-border-width; @navbar-nav-item-line-hover-background: transparent; @navbar-nav-item-line-onclick-background: transparent; @navbar-nav-item-line-margin-vertical: 25px; @navbar-nav-item-line-margin-horizontal: @navbar-nav-item-padding-horizontal; @navbar-sticky-box-shadow: @global-medium-box-shadow; @navbar-dropdown-nav-font-size: @global-small-font-size; @navbar-dropdown-nav-text-transform: uppercase; @navbar-dropdown-nav-letter-spacing: 0.7px; @navbar-dropdown-box-shadow: 2px 2px 4px rgba(0,0,0,0.15), 4px 10px 15px rgba(0,0,0,0.1); @navbar-dropbar-box-shadow: @global-large-box-shadow; @inverse-navbar-nav-item-color: @inverse-global-color; @inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color; @inverse-navbar-nav-item-onclick-color: @inverse-global-color; @inverse-navbar-toggle-color: @inverse-global-color; @inverse-navbar-toggle-hover-color: @inverse-global-emphasis-color; @subnav-item-color: @global-color; @subnav-item-hover-color: fade(@subnav-item-color, 70%); @subnav-divider-border: fade(@global-muted-color, 50%); @subnav-divider-border-height: 1em; @subnav-pill-item-padding-vertical: 7px; @subnav-pill-item-padding-horizontal: 14px; @subnav-item-font-weight: 400; @internal-subnav-pill-item-active-gradient: linear-gradient(155deg, @subnav-pill-item-active-background 0%, spin(@subnav-pill-item-active-background, 15%) 100%); @subnav-pill-item-active-box-shadow: 1px 3px 15px fade(@subnav-pill-item-active-background, 20%); @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-divider-margin-horizontal: 15px; @breadcrumb-divider-color: fade(@global-muted-color, 50%); @breadcrumb-item-text-transform: uppercase; @breadcrumb-item-letter-spacing: 1.7px; @pagination-margin-horizontal: 20px; @pagination-item-padding-vertical: 2px; @pagination-item-padding-horizontal: 4px; @pagination-item-color: @global-color; @pagination-item-hover-color: @global-link-color; @pagination-item-active-color: @global-emphasis-color; @pagination-item-min-width: 16px; @pagination-item-border-mode: -bottom; @pagination-item-border-width: 1px; @pagination-item-hover-border: @global-primary-background; @pagination-item-active-border: @global-primary-background; @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-item-color: @global-color; @tab-item-hover-color: fade(@tab-item-color, 70%); @tab-item-font-weight: 400; @tab-border: transparent; @tab-item-border-width: @global-border-width; @tab-item-hover-border: @global-muted-background; @tab-item-font-size: @global-font-size; @tab-item-line-height: 24px; @inverse-tab-border: transparent; @inverse-tab-item-hover-border: @inverse-global-border; @inverse-tab-item-hover-color: @inverse-global-muted-color; @dotnav-item-width: 12px; @dotnav-item-height: @dotnav-item-width; @dotnav-item-background: transparent; @dotnav-item-hover-background: transparent; @dotnav-item-onclick-background: transparent; @dotnav-item-active-background: transparent; @dotnav-item-border-width: @global-border-width; @dotnav-item-border: fade(@global-secondary-background, 30%); @dotnav-item-hover-border: @global-secondary-background; @dotnav-item-onclick-border: @global-primary-background; @dotnav-item-active-border: @global-primary-background; @inverse-dotnav-item-background: transparent; @inverse-dotnav-item-hover-background: transparent; @inverse-dotnav-item-onclick-background: transparent; @inverse-dotnav-item-active-background: transparent; @inverse-dotnav-item-border: fade(@inverse-global-emphasis-color, 30%); @inverse-dotnav-item-hover-border: @inverse-global-emphasis-color; @inverse-dotnav-item-onclick-border: @inverse-global-primary-background; @inverse-dotnav-item-active-border: @inverse-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-size: 20px; @text-large-font-size: @global-medium-font-size; @text-lead-font-weight: normal; @text-meta-text-transform: uppercase; @text-meta-letter-spacing: 1.7px; @internal-text-background-color-gradient: linear-gradient(90deg, @global-primary-background 0%, spin(@global-primary-background, 7%) 100%); @inverse-text-primary-color: @inverse-global-primary-background; @logo-font-size: 32px; @logo-font-family: @global-secondary-font-family; @logo-font-weight: @global-secondary-font-weight; @logo-text-transform: @global-secondary-text-transform; @logo-letter-spacing: @global-secondary-letter-spacing; @inverse-global-color: fade(@global-inverse-color, 70%); @inverse-global-muted-color: fade(@global-inverse-color, 45%); @inverse-global-inverse-color: @global-emphasis-color; @inverse-global-muted-background: fade(@global-inverse-color, 10%); @inverse-global-primary-background: @global-primary-background; @inverse-global-border: fade(@global-inverse-color, 10%);