File manager - Edit - /home/opticamezl/www/newok/templates/yootheme/vendor/assets/uikit-themes/master-devstack/_import.less
Back
@internal-fonts: 'Manrope:500,600,700'; @global-font-family: Manrope; @global-font-size: 16px; @global-line-height: 1.5; @global-2xlarge-font-size: 44px; @global-xlarge-font-size: 34px; @global-large-font-size: 24px; @global-medium-font-size: 20px; @global-small-font-size: 14px; @global-primary-font-family: inherit; @global-primary-font-weight: 600; @global-primary-text-transform: inherit; @global-primary-letter-spacing: inherit; @global-primary-font-style: inherit; @global-secondary-font-family: inherit; @global-secondary-font-weight: 600; @global-secondary-text-transform: inherit; @global-secondary-letter-spacing: inherit; @global-secondary-font-style: inherit; @global-color: #555371; @global-emphasis-color: #0D0A46; @global-muted-color: #747A96; @global-link-color: #6F40F1; @global-link-hover-color: #828FFF; @global-inverse-color: #FFF; @global-background: #F7F8FC; @global-muted-background: #ECEEF6; @global-primary-background: #6F40F1; @global-secondary-background: #171258; @global-success-background: #32D296; @global-warning-background: #FFA255; @global-danger-background: #FF4151; @global-border-width: 1px; @global-border: #E5E9ED; @global-border-radius: 2px; @global-small-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.9), 1px 1px 1px rgba(57,65,124, 0.1); @global-medium-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.9), 2px 2px 4px rgba(57,65,124, 0.2); @global-large-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.9), 4px 4px 12px rgba(57,65,124, 0.2); @global-xlarge-box-shadow: -10px -10px 30px rgba(255, 255, 255, 0.9), 10px 10px 30px rgba(57,65,124,0.1); @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: 48px; @global-control-small-height: 40px; @global-control-large-height: 56px; @global-z-index: 1000; @base-link-hover-text-decoration: none; @base-ins-background: fade(@global-primary-background, 8%); @base-ins-color: @global-primary-background; @base-mark-background: fade(@global-primary-background, 8%); @base-mark-color: @global-primary-background; @base-h5-font-size: 17px; @base-h6-font-size: @global-font-size; @base-blockquote-font-style: normal; @base-blockquote-footer-margin-top: 15px; @base-selection-background: @global-primary-background; @base-pre-padding: 20px; @base-pre-background: #FFF; @base-blockquote-footer-em-dash: false; @base-h3-font-weight: 600; @base-pre-border-radius: 4px; @base-hr-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); @heading-small-font-size-m: 54px; @heading-medium-font-size-l: 62px; @heading-medium-line-height: 1.2; @heading-bullet-border-width: calc(4px + 0.1em); @heading-bullet-border: @global-primary-background; @heading-small-font-weight: 700; @heading-medium-font-weight: 700; @heading-divider-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); @heading-line-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); @divider-icon-color: @global-primary-background; @divider-small-width: 40px; @divider-small-border-width: 3px; @divider-small-border: @global-primary-background; @internal-divider-small-border-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%); @divider-icon-line-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); @inverse-divider-icon-color: @inverse-global-emphasis-color; @inverse-divider-small-border: @inverse-global-emphasis-color; @list-marker-height: 1.5em; @list-bullet-icon-color: @global-primary-background; @list-striped-background: fade(@global-muted-background, 98%); @internal-list-bullet-image: "../../../../uikit-themes/master-devstack/images/list-bullet.svg"; @list-divider-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); @description-list-divider-term-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); @table-header-cell-font-size: 13px; @table-row-active-background: fade(@global-muted-background, 98%); @table-striped-row-background: fade(@global-muted-background, 98%); @table-hover-row-background: fade(@global-muted-background, 98%); @table-divider-box-shadow: inset 0 2px 0 0 rgba(255, 255, 255, 0.6); @icon-link-color: @global-emphasis-color; @icon-link-hover-color: @global-primary-background; @icon-button-size: @global-control-height; @icon-button-background: @global-background; @icon-button-color: @global-emphasis-color; @icon-button-hover-background: @icon-button-background; @icon-button-hover-color: @global-primary-background; @icon-button-active-background: @icon-button-background; @icon-button-box-shadow: @global-large-box-shadow; @icon-button-hover-box-shadow: @global-medium-box-shadow; @icon-button-active-box-shadow: @global-small-box-shadow; @inverse-icon-button-background: @inverse-global-primary-background; @inverse-icon-button-color: @inverse-global-inverse-color; @inverse-icon-button-hover-background: darken(@inverse-icon-button-background, 5%); @inverse-icon-button-hover-color: @inverse-global-inverse-color; @inverse-icon-button-active-background: darken(@inverse-icon-button-background, 10%); @inverse-icon-button-active-color: @inverse-global-inverse-color; @inverse-icon-button-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.03), 4px 4px 12px rgba(0,0,0, 0.2); @inverse-icon-button-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.03), 2px 2px 4px rgba(0,0,0, 0.2); @inverse-icon-button-active-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.03), 1px 1px 1px rgba(0,0,0, 0.3); @form-range-track-height: 2px; @form-range-track-focus-background: @global-primary-background; @form-range-thumb-height: 16px; @form-range-thumb-background: lighten(@global-background, 3%); @form-range-thumb-box-shadow: 2px 2px 5px rgba(80,110,140, 0.3); @form-range-track-box-shadow: 0 1px 0 rgba(255,255,255, 0.6); @form-range-track-focus-box-shadow: #fff; @form-padding-horizontal: @global-small-gutter; @form-background: darken(@global-background, 1%); @form-focus-background: darken(@global-background, 3%); @form-danger-focus-background: fade(@global-danger-background, 5%); @form-success-focus-background: fade(@global-success-background, 5%); @form-disabled-background: darken(@global-background, 3%); @form-large-padding-horizontal: 20px; @form-large-font-size: 18px; @form-radio-background: @global-background; @form-radio-checked-icon-color: @global-background; @form-radio-disabled-background: darken(@global-muted-background, 5%); @form-label-font-size: @global-small-font-size; @form-border-radius: 500px; @form-multi-line-border-radius: 8px; @form-box-shadow: inset 3px 3px 6px rgba(57, 65, 124, 0.1), inset -3px -3px 6px #fff; @form-focus-box-shadow: inset 1px 1px 2px rgba(80,110,140, 0.2), inset -1px -1px 2px #fff; @form-disabled-box-shadow: inset 1px 1px 1px rgba(80, 110, 140, 0.25), inset -1px -1px 4px rgba(255, 255, 255, 0.6); @form-radio-box-shadow: inset 1px 1px 2px rgba(80,110,140, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.9); @form-radio-focus-box-shadow: inset 1px 1px 1px rgba(80,110,140, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.7); @inverse-form-box-shadow: inset 3px 3px 6px rgba(0,0,0, 0.4), inset -3px -3px 6px rgba(255, 255, 255, 0.04); @inverse-form-focus-box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.6), inset -1px -1px 2px rgba(255, 255, 255, 0.04); @inverse-form-radio-box-shadow: inset 1px 1px 2px rgba(0,0,0, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 0.06); @inverse-form-radio-focus-box-shadow: inset 1px 1px 1px rgba(0,0,0, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.06); @button-font-size: 15px; @button-large-font-size: @global-font-size; @button-small-padding-horizontal: 20px; @button-default-background: @global-background; @button-default-hover-background: @button-default-background; @button-default-hover-color: @global-primary-background; @button-default-active-background: @button-default-background; @button-default-active-color: @global-primary-background; @button-secondary-background: transparent; @button-secondary-color: @global-primary-background; @button-secondary-hover-background: @global-primary-background; @button-disabled-background: darken(@global-background, 3%); @button-text-color: @global-primary-background; @button-text-hover-color: @global-primary-background; @button-link-hover-color: @global-primary-background; @button-transition-duration: 0.2s; @button-text-mode: ~''; @button-text-icon-mode: arrow; @internal-button-text-arrow-image: "../../../../uikit-themes/master-devstack/images/button-text-arrow.svg"; @internal-button-text-arrow-width: 20px; @internal-button-text-arrow-color: @global-primary-background; @internal-button-text-arrow-hover-color: @internal-button-text-arrow-color; @button-border-width: 2px; @button-secondary-border: @global-primary-background; @button-border-radius: 500px; @button-background-size: 200%; @button-background-position-x: 100%; @internal-button-primary-gradient: linear-gradient(51deg,#7141F1 50%, #4D6BD8 75%, #3183E2 100%); @internal-button-primary-hover-gradient: @internal-button-primary-gradient; @internal-button-primary-active-gradient: linear-gradient(51deg, #7335ed 50%, #3f64d3 75%, #007bde 100%); @internal-button-secondary-hover-gradient: linear-gradient(51deg, #7141F1 0%, #4D6BD8 35%, #3183E2 50%); @internal-button-secondary-active-gradient: linear-gradient(51deg, #7335ed 0%, #3f64d3 35%, #007bde 50%); @button-default-box-shadow: @global-large-box-shadow; @button-default-hover-box-shadow: @global-medium-box-shadow; @button-default-active-box-shadow: @global-small-box-shadow; @button-primary-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.9), 5px 5px 15px fade(darken(@global-primary-background, 20%), 30%); @button-primary-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.9), 2px 2px 5px fade(darken(@global-primary-background, 20%), 30%); @button-primary-active-box-shadow: 1px 1px 1px rgba(57,65,124, 0.1); @button-secondary-box-shadow: inset 3px 3px 10px fade(darken(@global-primary-background, 10%), 10%), 3px 3px 10px fade(darken(@global-primary-background, 10%), 10%); @button-secondary-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.9), 2px 2px 5px fade(darken(@global-primary-background, 20%), 30%); @button-secondary-active-box-shadow: 1px 1px 1px rgba(57,65,124, 0.1); @button-danger-box-shadow: 5px 5px 15px rgba(57,65,124, 0.2); @button-danger-hover-box-shadow: 2px 2px 5px rgba(57,65,124, 0.2); @inverse-button-secondary-background: transparent; @inverse-button-secondary-color: @global-inverse-color; @inverse-button-secondary-hover-background: @global-inverse-color; @inverse-button-secondary-active-background: rgba(255, 255, 255, 0.8); @inverse-button-secondary-border: @global-inverse-color; @inverse-button-default-box-shadow: 0 5px 15px rgba(0,0,0,0.2); @inverse-button-primary-box-shadow: 0 5px 15px rgba(0,0,0,0.2); @progress-height: 6px; @internal-progress-bar-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%); @progress-box-shadow: inset 1px 1px 1px rgba(80,110,140, 0.2), inset -1px -1px 1px rgba(255, 255, 255, 0.9); @internal-section-primary-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%); @internal-section-secondary-gradient: linear-gradient(-40deg, @global-secondary-background, darken(@global-secondary-background, 5%)); @container-small-max-width: 960px; @internal-tile-primary-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%); @internal-tile-secondary-gradient: linear-gradient(-40deg, @global-secondary-background, darken(@global-secondary-background, 5%)); @card-badge-height: 26px; @card-badge-padding-horizontal: 12px; @card-badge-font-size: 13px; @card-hover-background: @global-background; @card-default-background: @global-background; @card-default-hover-background: @global-background; @card-primary-hover-background: @global-primary-background; @card-secondary-hover-background: @global-secondary-background; @card-border-radius: 12px; @card-badge-border-radius: 500px; @internal-card-badge-gradient: linear-gradient(51deg,#7141F1 50%, #4D6BD8 75%, #3183E2 100%); @internal-card-primary-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%); @internal-card-secondary-gradient: linear-gradient(40deg, darken(@global-secondary-background, 5%) 0%, lighten(@global-secondary-background, 5%) 90%); @card-hover-box-shadow: -15px -15px 20px rgba(255, 255, 255, 0.8), 15px 15px 20px rgba(57,65,124, 0.08); @internal-card-hover-transition-box-shadow: 0 0 rgba(255, 255, 255, 0), 0 0 0 rgba(80,110,140, 0); @card-default-box-shadow: -15px -15px 20px rgba(255, 255, 255, 0.8), 15px 15px 20px rgba(57,65,124, 0.08); @card-default-hover-box-shadow: @global-medium-box-shadow; @card-primary-box-shadow: -5px -5px 20px rgba(255, 255, 255, 0.9), 5px 5px 20px fade(darken(@global-primary-background, 20%), 30%); @card-primary-hover-box-shadow: -2px -2px 10px rgba(255, 255, 255, 0.8), 2px 2px 5px fade(darken(@global-primary-background, 20%), 30%); @card-secondary-box-shadow: -5px -5px 20px rgba(255, 255, 255, 0.9), 5px 5px 20px fade(darken(@global-secondary-background, 20%), 30%); @card-secondary-hover-box-shadow: -2px -2px 10px rgba(255, 255, 255, 0.8), 2px 2px 5px fade(darken(@global-secondary-background, 20%), 30%); @card-hover-translate-vertical: -2px; @card-default-hover-translate-vertical: 3px; @card-primary-hover-translate-vertical: 3px; @card-secondary-hover-translate-vertical: 3px; @close-color: @global-emphasis-color; @close-hover-color: @global-primary-background; @marker-padding: 8px; @marker-background: @global-background; @marker-color: @global-primary-background; @marker-hover-color: fade(@marker-color, 80%); @inverse-marker-color: fade(@global-primary-background, 90%); @inverse-marker-hover-color: @global-primary-background; @inverse-marker-hover-background: fade(@global-background, 70%); @totop-padding: 16px; @totop-color: @global-emphasis-color; @totop-hover-color: @global-primary-background; @totop-active-color: darken(@global-primary-background, 10%); @totop-background: @global-background; @totop-hover-background: @global-background; @totop-active-background: @global-background; @totop-border-radius: 500px; @totop-box-shadow: @global-large-box-shadow; @totop-hover-box-shadow: @global-medium-box-shadow; @totop-active-box-shadow: @global-small-box-shadow; @inverse-totop-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.03), 4px 4px 12px rgba(0,0,0, 0.2); @inverse-totop-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.03), 2px 2px 4px rgba(0,0,0, 0.2); @inverse-totop-active-box-shadow: -1px -1px 1px rgba(255, 255, 255, 0.03), 1px 1px 1px rgba(0,0,0, 0.3); @alert-background: #FFF; @alert-primary-background: @global-primary-background; @alert-primary-color: @global-inverse-color; @alert-success-background: @global-success-background; @alert-success-color: @global-inverse-color; @alert-warning-background: @global-warning-background; @alert-warning-color: @global-inverse-color; @alert-danger-background: @global-danger-background; @alert-danger-color: @global-inverse-color; @alert-close-opacity: 1; @alert-border-radius: 4px; @badge-size: 20px; @badge-font-size: 12px; @badge-font-weight: @global-secondary-font-weight; @label-line-height: 1.8; @label-font-size: 13px; @label-border-radius: 500px; @overlay-primary-background: fade(@global-primary-background, 80%); @comment-title-font-size: @global-font-size; @comment-primary-background: @global-background; @comment-primary-border-radius: 4px; @comment-primary-box-shadow: @global-large-box-shadow; @search-icon-color: @global-emphasis-color; @search-default-padding-horizontal: 18px; @search-default-background: darken(@global-background, 1%); @search-default-focus-background: darken(@global-background, 3%); @search-navbar-padding-horizontal: 18px; @search-navbar-focus-background: darken(@global-background, 3%); @search-medium-padding-horizontal: 20px; @search-medium-focus-background: darken(@global-background, 3%); @search-large-padding-horizontal: 30px; @search-large-focus-background: darken(@global-background, 3%); @search-toggle-color: @global-emphasis-color; @search-toggle-hover-color: @global-primary-background; @search-navbar-focus-border: @global-secondary-background; @search-default-border-radius: 500px; @search-navbar-border-radius: 500px; @search-medium-border-radius: 500px; @search-large-border-radius: 500px; @search-default-input-box-shadow: inset 3px 3px 6px rgba(57, 65, 124, 0.1), inset -3px -3px 6px rgba(255, 255, 255, 1); @search-default-input-focus-box-shadow: inset 1px 1px 2px rgba(80,110,140, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 1); @search-navbar-input-box-shadow: inset 3px 3px 6px rgba(57, 65, 124, 0.1), inset -3px -3px 6px rgba(255, 255, 255, 1); @search-navbar-input-focus-box-shadow: inset 1px 1px 2px rgba(80,110,140, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 1); @search-medium-input-box-shadow: inset 3px 3px 6px rgba(57, 65, 124, 0.1), inset -3px -3px 6px rgba(255, 255, 255, 1); @search-medium-input-focus-box-shadow: inset 1px 1px 2px rgba(80,110,140, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 1); @search-large-input-box-shadow: inset 3px 3px 6px rgba(57, 65, 124, 0.1), inset -3px -3px 6px rgba(255, 255, 255, 1); @search-large-input-focus-box-shadow: inset 1px 1px 2px rgba(80,110,140, 0.2), inset -1px -1px 2px rgba(255, 255, 255, 1); @inverse-search-color: @global-emphasis-color; @inverse-search-placeholder-color: @global-muted-color; @inverse-search-icon-color: @global-muted-color; @inverse-search-default-background: @inverse-global-primary-background; @inverse-search-default-focus-background: fade(@inverse-search-default-background, 85%); @inverse-search-navbar-color: @global-inverse-color; @inverse-search-navbar-placeholder-color: @global-inverse-color; @inverse-search-navbar-icon-color: @global-inverse-color; @accordion-item-margin-top: 15px; @accordion-title-font-size: 18px; @accordion-title-hover-color: @global-primary-background; @accordion-content-margin-top: 15px; @accordion-title-padding-vertical: 5px; @accordion-icon-color: @global-primary-background; @internal-accordion-icon-close-image: "../../../../uikit-themes/master-devstack/images/accordion-close.svg"; @internal-accordion-icon-open-image: "../../../../uikit-themes/master-devstack/images/accordion-open.svg"; @accordion-title-font-weight: @global-secondary-font-weight; @accordion-title-letter-spacing: @global-secondary-letter-spacing; @accordion-item-border-width: @global-border-width; @accordion-item-border: @global-border; @accordion-item-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); @dropdown-background: @global-background; @dropdown-dropbar-margin: 0; @dropdown-dropbar-padding-top: ~'calc(@{dropdown-padding} - 5px)'; @dropdown-dropbar-large-padding-top: ~'calc(@{dropdown-large-padding} - 5px)'; @dropdown-nav-item-color: @global-emphasis-color; @dropdown-nav-item-hover-color: @global-primary-background; @dropdown-nav-subtitle-font-size: 12px; @dropdown-nav-header-color: @global-color; @dropdown-nav-subtitle-color: @global-muted-color; @dropdown-border-radius: 12px; @dropdown-box-shadow: 0 15px 40px rgba(0,0,0,0.1); @dropdown-nav-divider-box-shadow: 0 2px 0 rgba(255, 255, 255, 0.6); @dropbar-padding-top: 20px; @dropbar-background: @global-background; @dropbar-top-box-shadow: 0 33px 45px -37px rgba(57, 65, 124, 0.1); @dropbar-bottom-box-shadow: 0 -33px 45px -37px rgba(57, 65, 124, 0.1); @dropbar-left-box-shadow: 33px 0 45px -37px rgba(57, 65, 124, 0.1); @dropbar-right-box-shadow: -33px 0 45px -37px rgba(57, 65, 124, 0.1); @slider-container-margin-top: -35px; @slider-container-margin-bottom: -35px; @slider-container-margin-left: -35px; @slider-container-margin-right: -35px; @offcanvas-bar-background: @global-background; @offcanvas-bar-color-mode: dark; @offcanvas-overlay-background: rgba(79, 79, 90, 0.6); @notification-message-background: @global-background; @notification-message-primary-color: @global-primary-background; @notification-message-success-color: @global-success-background; @notification-message-warning-color: @global-warning-background; @notification-message-danger-color: @global-danger-background; @notification-message-primary-background: @global-background; @notification-message-success-background: @global-background; @notification-message-warning-background: @global-background; @notification-message-danger-background: @global-background; @notification-message-primary-color-mode: dark; @notification-message-success-color-mode: dark; @notification-message-warning-color-mode: dark; @notification-message-danger-color-mode: dark; @notification-message-box-shadow: 0 15px 40px rgba(57,65,124,0.1); @tooltip-background: @global-primary-background; @grid-divider-horizontal-box-shadow: 1px 0 0 rgba(255, 255, 255, 0.6); @grid-divider-vertical-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); @nav-divider-margin-vertical: 0; @nav-default-item-color: @global-emphasis-color; @nav-default-item-hover-color: @global-primary-background; @nav-default-item-active-color: @nav-default-item-hover-color; @nav-default-subtitle-font-size: 12px; @nav-default-header-color: @global-color; @nav-default-sublist-item-hover-color: @global-primary-background; @nav-default-sublist-item-active-color: @nav-default-sublist-item-hover-color; @nav-primary-item-color: @global-emphasis-color; @nav-primary-item-hover-color: @global-primary-background; @nav-primary-item-active-color: @nav-primary-item-hover-color; @nav-primary-subtitle-font-size: @global-small-font-size; @nav-primary-header-color: @global-color; @nav-primary-sublist-item-hover-color: @global-primary-background; @nav-primary-sublist-item-active-color: @nav-primary-sublist-item-hover-color; @nav-secondary-line-height: 1.6; @nav-secondary-item-hover-color: @global-primary-background; @nav-secondary-item-active-color: @nav-secondary-item-hover-color; @nav-secondary-subtitle-active-color: @global-color; @nav-secondary-sublist-font-size: 16px; @nav-secondary-sublist-item-hover-color: @global-primary-background; @nav-secondary-sublist-item-active-color: @nav-secondary-sublist-item-hover-color; @nav-medium-line-height: 1.2; @nav-medium-font-size-l: 62px; @nav-dividers-margin-top: 10px; @nav-secondary-margin-top: 4px; @nav-secondary-item-padding-vertical: 15px; @nav-secondary-item-padding-horizontal: 15px; @nav-secondary-item-hover-background: darken(@global-background, 2%); @nav-secondary-item-active-background: @nav-secondary-item-hover-background; @nav-default-subtitle-color: @global-muted-color; @nav-default-subtitle-font-weight: normal; @nav-primary-subtitle-color: @global-muted-color; @nav-primary-subtitle-font-weight: normal; @nav-secondary-subtitle-font-weight: normal; @nav-secondary-item-border-radius: 7px; @nav-default-divider-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); @nav-primary-divider-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); @nav-dividers-box-shadow: inset 0 1px rgba(255, 255, 255, 0.6); @inverse-nav-secondary-subtitle-hover-color: @inverse-global-emphasis-color; @inverse-nav-secondary-item-hover-background: @inverse-global-muted-background; @inverse-nav-secondary-item-active-background: @inverse-nav-secondary-item-hover-background; @navbar-background: fade(@global-background, 90%); @navbar-gap: 10px; @navbar-nav-gap: 10px; @navbar-nav-item-height: 90px; @navbar-nav-item-padding-horizontal: 7px; @navbar-nav-item-color: @global-emphasis-color; @navbar-nav-item-font-size: 15px; @navbar-nav-item-hover-color: @global-primary-background; @navbar-nav-item-onclick-color: darken(@global-primary-background, 10%); @navbar-nav-item-active-color: @global-primary-background; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-primary-background; @navbar-subtitle-font-size: 12px; @navbar-dropdown-margin: 5px; @navbar-dropdown-shift-margin: -(@navbar-dropdown-padding - @navbar-nav-item-padding-horizontal); @navbar-dropdown-width: 260px; @navbar-dropdown-padding: 26px; @navbar-dropdown-background: @global-background; @navbar-dropdown-large-shift-margin: -(@navbar-dropdown-large-padding - @navbar-nav-item-padding-horizontal); @navbar-dropdown-dropbar-shift-margin: @navbar-nav-item-padding-horizontal; @navbar-dropdown-dropbar-padding-top: 20px; @navbar-dropdown-dropbar-large-shift-margin: @navbar-nav-item-padding-horizontal; @navbar-dropdown-nav-item-color: @global-emphasis-color; @navbar-dropdown-nav-item-hover-color: @global-primary-background; @navbar-dropdown-nav-item-active-color: @global-primary-background; @navbar-dropdown-nav-subtitle-font-size: 12px; @navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background; @navbar-dropdown-nav-sublist-item-active-color: @global-primary-background; @navbar-backdrop-filter: blur(5px); @navbar-gap-m: 20px; @navbar-nav-gap-m: 20px; @navbar-nav-item-padding-horizontal-m: 14px; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-position-mode: top; @navbar-nav-item-line-slide-mode: center; @navbar-nav-item-line-height: 3px; @navbar-nav-item-line-transition-duration: 0.35s; @navbar-nav-item-line-hover-height: 3px; @navbar-nav-item-line-onclick-height: 3px; @navbar-nav-item-line-active-height: 3px; @navbar-nav-item-line-opacity: 0; @navbar-item-padding-horizontal-m: 0; @navbar-dropdown-shift-margin-m: -(@navbar-dropdown-padding - @navbar-nav-item-padding-horizontal-m); @navbar-dropdown-dropbar-shift-margin-m: @navbar-nav-item-padding-horizontal-m; @navbar-dropdown-dropbar-large-shift-margin-m: @navbar-nav-item-padding-horizontal-m; @navbar-dropdown-nav-item-padding-vertical: 4px; @navbar-subtitle-color: @global-muted-color; @navbar-primary-nav-item-font-size: @global-medium-font-size; @navbar-dropdown-nav-font-size: @navbar-nav-item-font-size; @navbar-dropdown-nav-subtitle-color: @global-muted-color; @navbar-mode: border; @navbar-border-width: @global-border-width; @navbar-border: @global-border; @navbar-dropdown-border-radius: 12px; @internal-navbar-nav-item-line-gradient: linear-gradient(90deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%); @navbar-dropdown-box-shadow: 0 15px 40px rgba(57,65,124,0.1); @inverse-navbar-nav-item-hover-color: @inverse-global-primary-background; @subnav-item-color: @global-emphasis-color; @subnav-item-hover-color: @global-primary-background; @subnav-item-active-color: @global-primary-background; @subnav-pill-item-padding-vertical: 8px; @subnav-pill-item-padding-horizontal: 20px; @subnav-pill-item-color: @global-muted-color; @subnav-pill-item-hover-background: @global-background; @subnav-pill-item-hover-color: @global-emphasis-color; @subnav-pill-item-active-background: @global-background; @subnav-pill-item-active-color: @global-emphasis-color; @subnav-item-font-weight: 500; @subnav-pill-item-border-radius: 500px; @subnav-pill-item-hover-box-shadow: @global-large-box-shadow; @subnav-pill-item-onclick-box-shadow: @global-small-box-shadow; @subnav-pill-item-active-box-shadow: @global-large-box-shadow; @inverse-subnav-item-hover-color: @inverse-global-emphasis-color; @inverse-subnav-pill-item-hover-color: @inverse-global-emphasis-color; @breadcrumb-item-active-color: @global-primary-background; @breadcrumb-divider: "∙"; @breadcrumb-divider-margin-horizontal: @global-small-margin; @breadcrumb-item-font-family: @global-font-family; @breadcrumb-item-font-weight: 400; @breadcrumb-item-text-transform: inherit; @breadcrumb-item-letter-spacing: inherit; @breadcrumb-item-font-style: inherit; @breadcrumb-item-disabled-color: fade(@breadcrumb-item-color, 50%); @pagination-margin-horizontal: 15px; @pagination-item-padding-vertical: 10px; @pagination-item-padding-horizontal: 16px; @pagination-item-color: @global-emphasis-color; @pagination-item-hover-color: @global-primary-background; @pagination-item-active-color: @global-primary-background; @pagination-item-min-width: 42px; @pagination-item-height: @pagination-item-min-width; @pagination-item-font-size: 15px; @pagination-item-border-radius: 500px; @pagination-item-box-shadow: @global-large-box-shadow; @pagination-item-hover-box-shadow: @global-medium-box-shadow; @inverse-pagination-item-hover-color: @inverse-global-emphasis-color; @inverse-pagination-item-active-color: @inverse-global-emphasis-color; @inverse-pagination-item-background: @inverse-global-muted-background; @inverse-pagination-item-hover-background: fadein(@inverse-global-muted-background, 10%); @inverse-pagination-item-active-background: fadein(@inverse-global-muted-background, 15%); @inverse-pagination-item-box-shadow: -5px -5px 15px rgba(255, 255, 255, 0.03), 4px 4px 12px rgba(0,0,0, 0.2); @inverse-pagination-item-hover-box-shadow: -2px -2px 5px rgba(255, 255, 255, 0.03), 2px 2px 4px rgba(0,0,0, 0.2); @tab-item-padding-vertical: 15px; @tab-item-hover-color: @global-emphasis-color; @tab-item-font-weight: 500; @tab-item-border-width: 2px; @tab-item-hover-border: @global-primary-background; @tab-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.6); @inverse-tab-item-hover-color: @inverse-global-emphasis-color; @inverse-tab-border: rgba(0, 0, 0, 0.2); @inverse-tab-box-shadow: 1px 1px 1px 0 rgba(255, 255, 255, 0.04); @slidenav-padding-vertical: 14px; @slidenav-padding-horizontal: 14px; @slidenav-color: @global-emphasis-color; @slidenav-hover-color: lighten(@global-background, 5%); @slidenav-active-color: lighten(@global-background, 5%); @slidenav-large-padding-vertical: 24px; @slidenav-background: lighten(@global-background, 5%); @slidenav-hover-background: @global-primary-background; @slidenav-active-background: darken(@global-primary-background, 5%); @slidenav-border-radius: 500px; @inverse-slidenav-color: @global-emphasis-color; @inverse-slidenav-hover-color: @global-emphasis-color; @inverse-slidenav-active-color: @global-emphasis-color; @inverse-slidenav-background: @inverse-global-primary-background; @inverse-slidenav-hover-background: fade(@inverse-slidenav-background, 90%); @inverse-slidenav-active-background: fade(@inverse-slidenav-background, 80%); @dotnav-item-width: 12px; @dotnav-item-background: darken(@global-muted-background, 10%); @dotnav-item-hover-background: @global-primary-background; @dotnav-item-onclick-background: darken(@global-muted-background, 10%); @dotnav-item-active-background: @global-primary-background; @dotnav-item-box-shadow: inset 1px 1px 1px rgba(0,0,0, 0.15), 1px 1px 1px #fff; @inverse-dotnav-item-hover-background: @global-primary-background; @inverse-dotnav-item-onclick-background: @global-primary-background; @inverse-dotnav-item-active-background: @global-primary-background; @inverse-dotnav-item-box-shadow: inset 1px 1px 1px rgba(0,0,0, 0.4), inset -1px -1px 1px rgba(255,255,255, 0.2); @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-primary-background; @iconnav-item-active-color: @iconnav-item-hover-color; @lightbox-background: rgba(215, 215, 215, 0.7); @lightbox-color-mode: dark; @lightbox-caption-background: @global-background; @lightbox-caption-color: @global-emphasis-color; @lightbox-backdrop-filter: blur(25px); @text-lead-font-size: @global-medium-font-size; @text-large-font-size: 18px; @text-lead-font-weight: 400; @text-meta-font-weight: 400; @internal-text-background-color-gradient: linear-gradient(40deg, #7141F1 0%, #4D6BD8 70%, #3183E2 100%); @border-rounded-border-radius: 12px; @box-shadow-bottom-height: 40px; @box-shadow-bottom-background: rgba(49, 55, 77, 0.35); @dropcap-margin-right: 20px; @dropcap-font-size: 2.8em; @logo-font-family: @global-primary-font-family; @logo-font-weight: @global-primary-font-weight; @inverse-global-muted-color: fade(@global-inverse-color, 60%); @inverse-global-inverse-color: @global-emphasis-color; @inverse-global-border: fade(@global-inverse-color, 10%);
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.07 |
proxy
|
phpinfo
|
Settings