File manager - Edit - /home/opticamezl/www/newok/templates/yootheme/vendor/assets/uikit-themes/master-vibe/_import.less
Back
@internal-fonts: 'Fira+Sans+Condensed:300,300i,400,400i|Josefin+Sans:300,300i,600,600i,700,700i|Fira+Mono'; @global-font-family: 'Fira Sans Condensed'; @global-font-size: 15px; @global-line-height: 1.73; @global-2xlarge-font-size: 42px; @global-xlarge-font-size: 32px; @global-large-font-size: 24px; @global-medium-font-size: 20px; @global-small-font-size: 14px; @global-primary-font-family: 'Josefin Sans'; @global-primary-font-weight: 700; @global-primary-text-transform: uppercase; @global-primary-letter-spacing: 4px; @global-primary-font-style: italic; @global-secondary-font-family: 'Josefin Sans'; @global-secondary-font-weight: 700; @global-secondary-text-transform: uppercase; @global-secondary-letter-spacing: 2px; @global-secondary-font-style: italic; @global-color: fade(#DEDFFF, 70%); @global-emphasis-color: #FFF; @global-muted-color: fade(#DEDFFF, 45%); @global-link-color: #F43482; @global-link-hover-color: #7370FF; @global-inverse-color: #08091e; @global-background: #211b46; @global-muted-background: desaturate(lighten(@global-background, 5%), 4%); @global-primary-background: #F43482; @global-secondary-background: #3234FF; @global-success-background: #53DA71; @global-warning-background: #FFA055; @global-danger-background: #FC4B4E; @global-border: rgba(225,219,255,0.1); @global-border-width: 2px; @global-border-radius: 0; @global-small-box-shadow: 0 5px 25px rgba(14,15,37,0.6); @global-medium-box-shadow: 0 8px 45px rgba(14,15,37,0.6); @global-large-box-shadow: 0 12px 50px rgba(14,15,37,0.6); @global-xlarge-box-shadow: 0 18px 70px rgba(14,15,37,0.6); @global-margin: 20px; @global-small-margin: 10px; @global-medium-margin: 40px; @global-large-margin: 80px; @global-xlarge-margin: 140px; @global-gutter: 20px; @global-small-gutter: 10px; @global-medium-gutter: 40px; @global-large-gutter: 80px; @global-control-height: 40px; @global-control-small-height: 25px; @global-control-large-height: 55px; @global-z-index: 1000; @base-body-background: darken(@global-background, 2%); @base-body-font-weight: 400; @base-code-font-size: 12px; @base-code-color: #68C6A7; @base-em-color: #7370FF; @base-ins-background: #FBFFC9; @base-ins-color: #7B3715; @base-mark-background: @base-ins-background; @base-mark-color: @base-ins-color; @base-small-font-size: 90%; @base-h5-font-size: 15px; @base-h6-font-size: 13px; @base-hr-border-width: 2px; @base-blockquote-footer-font-size: 12px; @base-selection-background: fade(@global-primary-background, 90%); @base-selection-color: @global-emphasis-color; @internal-base-body-mode: overlay; @internal-base-body-overlay-image: "../../master-vibe/images/base-body-overlay.gif"; @internal-base-body-overlay-opacity: 0.05; @base-code-padding-horizontal: 6px; @base-code-padding-vertical: 2px; @base-pre-padding: 10px; @base-pre-background: @global-muted-background; @base-h2-font-weight: 600; @base-h3-font-weight: 600; @base-h4-letter-spacing: @base-heading-letter-spacing; @base-h5-letter-spacing: @base-heading-letter-spacing; @base-h6-color: #7370FF; @base-h6-letter-spacing: @base-heading-letter-spacing; @base-blockquote-text-transform: none; @base-blockquote-letter-spacing: 0; @base-blockquote-footer-color: @global-emphasis-color; @base-blockquote-footer-font-family: @global-primary-font-family; @base-blockquote-footer-text-transform: @global-primary-text-transform; @base-blockquote-footer-letter-spacing: @global-primary-letter-spacing; @base-code-border-width: @global-border-width; @base-code-border: @global-border; @base-pre-border-width: @global-border-width; @base-pre-border: @global-border; @base-code-border-radius: 3px; @base-pre-border-radius: 3px; @inverse-base-code-border: @inverse-global-border; @heading-small-font-size-m: @heading-medium-font-size-l * 0.72; @heading-medium-font-size-l: 76px; @heading-medium-line-height: 1.2; @heading-divider-padding-bottom: ~'calc(5px + 0.05em)'; @heading-divider-border-width: ~'calc(1px + 0.04em)'; @heading-bullet-border: @global-primary-background; @heading-line-border-width: ~'calc(1.2px + 0.05em)'; @heading-line-border: @global-primary-background; @internal-heading-medium-mode: glitch; @internal-heading-large-mode: glitch; @internal-heading-xlarge-mode: glitch; @internal-heading-2xlarge-mode: glitch; @internal-heading-3xlarge-mode: glitch; @heading-small-text-shadow: -2px -2px 0 @global-secondary-background, 2px 2px 0 @global-primary-background; @divider-icon-width: 30px; @divider-icon-height: 17px; @divider-icon-color: @global-primary-background; @divider-icon-line-border-width: 0; @internal-divider-icon-image: "../../../../uikit-themes/master-vibe/images/divider-icon.svg"; @divider-small-width: 45px; @divider-small-border-width: 2px; @divider-small-border: @global-primary-background; @list-bullet-icon-color: @global-primary-background; @internal-list-bullet-image: "../../../../uikit-themes/master-vibe/images/list-bullet.svg"; @description-list-term-font-size: 12px; @table-header-cell-font-size: 12px; @table-header-cell-font-weight: @global-secondary-font-weight; @table-header-cell-color: @global-primary-background; @table-row-active-background: rgba(22,15,46,0.35); @table-divider-border: rgba(225,219,255,0.05); @table-striped-row-background: @table-row-active-background; @table-header-cell-font-family: @global-secondary-font-family; @table-header-cell-text-transform: @global-secondary-text-transform; @table-header-cell-letter-spacing: @global-secondary-letter-spacing; @table-header-cell-font-style: @global-secondary-font-style; @icon-link-color: @global-link-color; @icon-link-hover-color: @global-link-hover-color; @icon-link-active-color: @global-emphasis-color; @icon-button-background: @global-primary-background; @icon-button-color: @global-emphasis-color; @icon-button-hover-background: @icon-button-background; @icon-button-hover-color: @global-inverse-color; @icon-button-active-background: @global-primary-background; @icon-button-active-color: @global-inverse-color; @internal-icon-button-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-icon-button-hover-gradient: linear-gradient(25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-icon-button-active-gradient: linear-gradient(-25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @icon-button-box-shadow: @global-medium-box-shadow; @icon-button-hover-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-color: fade(@inverse-global-inverse-color, 90%); @inverse-icon-button-active-color: @inverse-global-inverse-color; @form-range-track-height: @global-border-width; @form-range-track-background: fade(@global-border, 20%); @form-range-track-focus-background: @global-primary-background; @form-range-thumb-height: 6px; @form-range-thumb-width: 16px; @form-range-thumb-border-radius: 0; @form-range-thumb-background: @global-primary-background; @form-background: transparent; @form-focus-background: transparent; @form-focus-color: @global-emphasis-color; @form-radio-background: transparent; @form-label-font-size: 12px; @form-border-mode: -bottom; @form-border-width: @global-border-width; @form-border: @global-border; @form-focus-border: @global-primary-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-border, 20%); @form-radio-focus-border: darken(@global-primary-background, 10%); @form-radio-disabled-border: @global-border; @inverse-form-background: transparent; @inverse-form-focus-background: transparent; @inverse-form-radio-background: transparent; @inverse-form-radio-focus-background: transparent; @inverse-form-radio-checked-background: @global-primary-background; @inverse-form-radio-checked-icon-color: @global-inverse-color; @inverse-form-radio-checked-focus-background: darken(@global-primary-background, 10%); @inverse-form-border: @inverse-global-border; @inverse-form-focus-border: @global-primary-background; @inverse-form-radio-border: @inverse-global-border; @inverse-form-radio-focus-border: @global-primary-background; @button-font-size: 12px; @button-small-font-size: 10px; @button-large-font-size: @global-font-size; @button-padding-horizontal: 30px; @button-small-padding-horizontal: 15px; @button-large-padding-horizontal: 40px; @button-default-background: transparent; @button-default-color: mix(@global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%), 50%); @button-default-hover-background: transparent; @button-default-hover-color: lighten(@button-default-color, 15%); @button-default-active-background: transparent; @button-default-active-color: @global-primary-background; @button-primary-color: @global-emphasis-color; @button-primary-hover-background: darken(spin(@button-primary-background, -7%), 6%); @button-primary-active-background: darken(spin(@button-primary-background, -7%), 17%); @button-secondary-background: transparent; @button-secondary-color: lighten(mix(#8333C1, #3C2F9F), 12%); @button-secondary-hover-background: transparent; @button-secondary-hover-color: lighten(@button-secondary-color, 10%); @button-secondary-active-background: transparent; @button-secondary-active-color: lighten(#3C2F9F, 15%); @button-danger-background: transparent; @button-danger-color: mix(@global-danger-background, #FC524B, 50%); @button-danger-hover-background: transparent; @button-danger-hover-color: lighten(@button-danger-color, 5%); @button-danger-active-background: transparent; @button-danger-active-color: @global-danger-background; @button-text-color: @global-link-color; @button-text-hover-color: @global-link-hover-color; @button-link-color: mix(@global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%), 50%); @button-link-hover-color: lighten(@button-default-color, 15%); @button-border-width: @global-border-width; @button-default-border: #8333C1; @button-default-hover-border: #503ED7; @button-default-active-border: @button-default-hover-border; @button-secondary-border: @global-primary-background; @button-secondary-hover-border: darken(@button-secondary-border, 10%); @button-secondary-active-border: @button-secondary-active-background; @button-danger-border: @global-danger-background; @button-danger-hover-border: darken(@button-danger-border, 10%); @button-danger-active-border: @button-danger-active-background; @internal-button-default-border-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-button-default-hover-border-gradient: linear-gradient(25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-button-default-active-border-gradient: linear-gradient(-25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-button-secondary-border-gradient: linear-gradient(135deg, #8333C1, #503ED7); @internal-button-secondary-hover-border-gradient: linear-gradient(25deg, #8333C1, #503ED7); @internal-button-secondary-active-border-gradient: linear-gradient(-25deg, #8333C1, #503ED7); @internal-button-danger-border-gradient: linear-gradient(135deg, #FC524B, darken(@global-danger-background, 10%)); @internal-button-danger-hover-border-gradient: linear-gradient(25deg, #FC524B, darken(@global-danger-background, 10%)); @internal-button-danger-active-border-gradient: linear-gradient(-25deg, #FC524B, darken(@global-danger-background, 10%)); @internal-button-primary-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-button-primary-hover-gradient: linear-gradient(25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-button-primary-active-gradient: linear-gradient(-25deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @button-primary-box-shadow: @global-medium-box-shadow; @button-primary-hover-box-shadow: @global-small-box-shadow; @inverse-button-default-background: transparent; @inverse-button-default-color: @inverse-global-color; @inverse-button-default-hover-background: transparent; @inverse-button-default-hover-color: @global-inverse-color; @inverse-button-default-active-background: transparent; @inverse-button-default-active-color: @global-inverse-color; @inverse-button-primary-background: fade(@inverse-global-primary-background, 7%); @inverse-button-primary-color: @inverse-global-color; @inverse-button-primary-hover-background: fade(@inverse-global-primary-background, 15%); @inverse-button-primary-hover-color: @global-inverse-color; @inverse-button-primary-active-background: fade(@inverse-global-primary-background, 20%); @inverse-button-primary-active-color: @global-inverse-color; @inverse-button-secondary-background: transparent; @inverse-button-secondary-color: @inverse-global-emphasis-color; @inverse-button-secondary-hover-background: fade(@inverse-global-primary-background, 3%); @inverse-button-secondary-hover-color: @inverse-global-muted-color; @inverse-button-secondary-active-background: fade(@inverse-global-primary-background, 6%); @inverse-button-secondary-active-color: @inverse-global-emphasis-color; @inverse-button-text-hover-color: @inverse-global-color; @inverse-button-link-color: @inverse-global-color; @inverse-button-link-hover-color: @inverse-global-emphasis-color; @inverse-button-default-border: fade(@global-inverse-color, 15%); @inverse-button-default-hover-border: fade(@global-inverse-color, 20%); @inverse-button-default-active-border: fade(@global-inverse-color, 30%); @inverse-button-secondary-border: fade(@inverse-global-primary-background, 5%); @inverse-button-secondary-hover-border: fade(@inverse-global-primary-background, 10%); @inverse-button-secondary-active-border: fade(@inverse-global-primary-background, 15%); @section-default-color-mode: light; @section-muted-color-mode: light; @section-primary-background: #612A50; @section-secondary-background: darken(@global-background, 1%); @internal-section-default-gradient: linear-gradient(saturate(@section-default-background, 55%), saturate(@section-default-background, 55%)); @internal-section-muted-gradient: linear-gradient(lighten(saturate(@section-muted-background, 35%), 5%), lighten(saturate(@section-muted-background, 35%), 5%)); @internal-section-primary-gradient: linear-gradient(135deg, #ab2054, #7c228a); @internal-section-default-image: "../../master-vibe/images/section-background-image.avif"; @internal-section-muted-image: "../../master-vibe/images/section-background-image.avif"; @internal-section-primary-image: "../../master-vibe/images/section-background-image.avif"; @internal-section-default-mode: blend; @internal-section-muted-mode: blend; @internal-section-primary-mode: blend; @container-max-width: 1080px; @container-small-max-width: 960px; @tile-default-color-mode: light; @tile-muted-color-mode: light; @internal-tile-primary-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-tile-secondary-gradient: linear-gradient(135deg, #8333C1, #503ED7); @card-title-font-size: 18px; @card-badge-height: 28px; @card-badge-padding-horizontal: 12px; @card-badge-color: @global-emphasis-color; @card-badge-font-size: 12px; @card-hover-background: fade(lighten(@global-background, 4%), 95%); @card-default-background: @global-background; @card-default-hover-background: @card-default-background; @card-default-color-mode: light; @card-primary-hover-background: darken(spin(@button-primary-background, -7%), 6%); @card-primary-color-mode: dark; @card-secondary-hover-background: lighten(@card-secondary-background, 3%); @card-secondary-color-mode: dark; @card-badge-font-family: @global-font-family; @card-badge-font-weight: 600; @card-badge-text-transform: uppercase; @card-badge-letter-spacing: 2px; @internal-card-badge-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-card-default-gradient: linear-gradient(135deg, #494C8A, #362C61); @internal-card-default-hover-gradient: linear-gradient(155deg, #494C8A, #362C61); @internal-card-primary-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-card-primary-hover-gradient: linear-gradient(155deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @internal-card-secondary-gradient: linear-gradient(135deg, #8333C1, #503ED7); @internal-card-secondary-hover-gradient: linear-gradient(155deg, #8333C1, #503ED7); @card-hover-box-shadow: @global-large-box-shadow; @card-default-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05), @global-medium-box-shadow; @card-default-hover-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.05), @global-large-box-shadow; @card-primary-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), @global-medium-box-shadow; @card-primary-hover-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), @global-large-box-shadow; @card-secondary-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.07), @global-medium-box-shadow; @card-secondary-hover-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.07), @global-large-box-shadow; @inverse-card-badge-color: fade(@inverse-global-inverse-color, 100%); @close-hover-color: @global-emphasis-color; @marker-background: darken(@global-primary-background, 5%); @marker-color: @global-color; @marker-hover-color: @global-color; @totop-color: fadeout(@global-color, 50%); @totop-hover-color: @global-emphasis-color; @totop-active-color: @global-primary-background; @alert-background: @global-background; @alert-color: @global-emphasis-color; @alert-primary-background: @global-background; @alert-success-background: @global-background; @alert-warning-background: @global-background; @alert-danger-background: @global-background; @alert-border-width: @global-border-width; @alert-border: @global-border; @alert-primary-border: @global-primary-background; @alert-success-border: @global-success-background; @alert-warning-border: @global-warning-background; @alert-danger-border: @global-danger-background; @alert-box-shadow: @global-medium-box-shadow; @placeholder-border-radius: @global-border-radius; @badge-color: @global-emphasis-color; @badge-font-weight: bolder; @badge-font-family: @global-font-family; @badge-font-style: normal; @label-padding-vertical: 2px; @label-padding-horizontal: 10px; @label-background: transparent; @label-font-size: 12px; @label-color: #7370FF; @label-success-background: transparent; @label-success-color: @global-success-background; @label-warning-background: transparent; @label-warning-color: @global-warning-background; @label-danger-background: transparent; @label-danger-color: @global-danger-background; @label-font-family: @global-font-family; @label-font-weight: 600; @label-text-transform: uppercase; @label-letter-spacing: 1px; @label-font-style: normal; @label-border-width: @global-border-width; @label-border: #7370FF; @label-success-border: @global-success-background; @label-warning-border: @global-warning-background; @label-danger-border: @global-danger-background; @label-border-radius: 500px; @overlay-default-color-mode: light; @internal-overlay-default-gradient: linear-gradient(135deg, fade(lighten(@global-background, 10%), 70%), fade(lighten(@global-background, 2%), 70%)); @internal-overlay-primary-gradient: linear-gradient(135deg, fade(@global-primary-background, 70%), fade(@global-secondary-background, 70%)); @article-meta-font-size: 12px; @comment-title-font-size: @global-font-size; @comment-meta-font-size: 12px; @comment-primary-border-radius: @global-border-radius; @search-color: @global-emphasis-color; @search-default-padding-horizontal: 0; @search-default-background: transparent; @search-default-focus-background: transparent; @search-navbar-padding-horizontal: 15px; @search-navbar-background: fade(@global-inverse-color, 20%); @search-navbar-focus-background: @global-background; @search-medium-padding-horizontal: 0; @search-medium-font-size: @global-medium-font-size; @search-large-padding-horizontal: 0; @search-large-font-size: @global-xlarge-font-size; @search-large-icon-padding: 15px; @search-toggle-color: @global-emphasis-color; @search-toggle-hover-color: @global-link-color; @search-default-border-mode: -bottom; @search-default-border-width: @global-border-width; @search-default-border: @global-border; @search-default-focus-border: @global-primary-background; @search-navbar-border-width: 2px; @search-navbar-focus-border: @global-primary-background; @search-medium-border-mode: -bottom; @search-medium-border-width: @global-border-width; @search-medium-border: @global-border; @search-medium-focus-border: @global-primary-background; @search-large-border-mode: -bottom; @search-large-border-width: @global-border-width; @search-large-border: @global-border; @search-large-focus-border: @global-primary-background; @inverse-search-default-background: transparent; @inverse-search-default-focus-background: transparent; @inverse-search-navbar-background: fade(@global-inverse-color, 15%); @inverse-search-navbar-focus-background: fade(@global-inverse-color, 10%); @inverse-search-medium-focus-background: transparent; @inverse-search-large-focus-background: transparent; @inverse-search-default-border: @inverse-global-border; @inverse-search-default-focus-border: @global-primary-background; @inverse-search-navbar-focus-border: fade(@global-inverse-color, 20%); @inverse-search-medium-border: @inverse-global-border; @inverse-search-medium-focus-border: @global-primary-background; @inverse-search-large-border: @inverse-global-border; @inverse-search-large-focus-border: @global-primary-background; @accordion-title-hover-color: @global-link-color; @accordion-title-font-weight: 600; @dropdown-padding: 25px; @dropdown-background: lighten(@global-background, 3%); @dropdown-color-mode: light; @dropdown-nav-item-hover-color: @global-emphasis-color; @dropdown-nav-subtitle-font-size: 14px; @dropdown-nav-header-color: @global-primary-background; @dropdown-nav-sublist-item-hover-color: @global-primary-background; @dropdown-nav-font-size: 12px; @dropdown-nav-subtitle-font-family: @global-font-family; @dropdown-nav-subtitle-font-weight: 400; @dropdown-nav-subtitle-text-transform: none; @dropdown-nav-subtitle-letter-spacing: normal; @dropdown-nav-subtitle-line-height: 1.4; @dropdown-nav-subtitle-font-style: normal; @dropdown-box-shadow: @global-medium-box-shadow; @dropbar-padding-top: 25px; @dropbar-color-mode: light; @modal-background: fadeout(@global-background, 60%); @modal-dialog-background: lighten(@global-background, 6%); @modal-dialog-box-shadow: @global-large-box-shadow; @slider-container-margin-top: -62px; @slider-container-margin-bottom: -65px; @slider-container-margin-left: -62px; @slider-container-margin-right: -62px; @offcanvas-bar-background: @global-background; @offcanvas-bar-box-shadow: @global-large-box-shadow; @notification-message-background: fade(darken(@global-background, 2%), 95%); @tooltip-background: @global-primary-background; @tooltip-color: @global-emphasis-color; @countdown-number-font-size-s: 3.6rem; @countdown-number-font-size-m: 5rem; @countdown-separator-line-height: 1.2; @countdown-separator-font-size: 1.3333rem; @countdown-separator-font-size-s: 2.4rem; @countdown-separator-font-size-m: 3.3333rem; @countdown-item-font-family: 'Fira Mono'; @countdown-item-font-weight: 400; @countdown-item-text-transform: none; @countdown-item-letter-spacing: 0; @countdown-item-font-style: normal; @countdown-label-font-size: 10px; @countdown-label-font-size-s: 12px; @countdown-label-color: rgba(222, 223, 255, 0.55); @countdown-label-font-family: @global-secondary-font-family; @countdown-label-font-weight: @global-secondary-font-weight; @countdown-label-text-transform: @global-secondary-text-transform; @countdown-label-letter-spacing: 0; @countdown-label-letter-spacing-s: @global-secondary-letter-spacing; @countdown-label-font-style: @global-secondary-font-style; @nav-header-font-size: 12px; @nav-default-font-size: 12px; @nav-default-item-color: @global-color; @nav-default-item-hover-color: @global-emphasis-color; @nav-default-item-active-color: @global-primary-background; @nav-primary-font-size: @global-medium-font-size; @nav-primary-line-height: 1.4; @nav-primary-item-color: @global-color; @nav-primary-item-hover-color: @global-emphasis-color; @nav-primary-item-active-color: @global-primary-background; @nav-primary-subtitle-font-size: @global-small-font-size; @nav-primary-sublist-font-size: @global-font-size; @nav-secondary-font-size: 13px; @nav-secondary-line-height: 1.4; @nav-secondary-item-active-color: @global-primary-background; @nav-secondary-subtitle-color: @global-color; @nav-secondary-subtitle-hover-color: @global-emphasis-color; @nav-secondary-subtitle-active-color: @global-primary-background; @nav-secondary-sublist-font-size: @nav-secondary-font-size; @nav-secondary-sublist-item-color: @global-color; @nav-secondary-sublist-item-hover-color: @global-emphasis-color; @nav-secondary-sublist-item-active-color: @global-primary-background; @nav-medium-line-height: 1.2; @nav-medium-font-size: 54px; @nav-medium-font-size-m: 66px; @nav-medium-font-size-l: 70px; @nav-large-font-size: 64px; @nav-large-font-size-m: 76px; @nav-xlarge-font-size: 76px; @nav-xlarge-font-size-m: 90px; @nav-dividers-margin-top: 12px; @nav-primary-item-padding-vertical: 8px; @nav-secondary-margin-top: 15px; @nav-default-subtitle-font-family: @global-font-family; @nav-default-subtitle-font-weight: 400; @nav-default-subtitle-text-transform: none; @nav-default-subtitle-letter-spacing: normal; @nav-default-subtitle-line-height: 1.4; @nav-default-subtitle-font-style: normal; @nav-primary-font-style: @global-secondary-font-style; @nav-primary-subtitle-font-family: @global-font-family; @nav-primary-subtitle-font-weight: 400; @nav-primary-subtitle-text-transform: none; @nav-primary-subtitle-letter-spacing: normal; @nav-primary-subtitle-line-height: 1.4; @nav-primary-subtitle-font-style: normal; @nav-secondary-subtitle-font-family: @global-font-family; @nav-secondary-subtitle-font-weight: 400; @nav-secondary-subtitle-text-transform: none; @nav-secondary-subtitle-letter-spacing: normal; @nav-secondary-subtitle-line-height: 1.5; @nav-secondary-subtitle-font-style: normal; @navbar-background: fade(lighten(@global-background, 4%), 95%); @navbar-color-mode: light; @navbar-nav-item-color: @global-color; @navbar-nav-item-font-size: 12px; @navbar-nav-item-hover-color: @global-emphasis-color; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-link-color; @navbar-dropdown-shift-margin: -@navbar-dropdown-padding; @navbar-dropdown-padding: 25px; @navbar-dropdown-background: fade(lighten(@global-background, 4%), 98%); @navbar-dropdown-color-mode: light; @navbar-dropdown-large-shift-margin: -@navbar-dropdown-large-padding; @navbar-dropdown-nav-item-hover-color: @global-primary-background; @navbar-padding-top-m: 30px; @navbar-padding-bottom-m: 30px; @navbar-nav-item-transition-duration: 0.2s; @internal-navbar-nav-item-hover-mode: glitch; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-slide-mode: left; @navbar-nav-item-line-margin-vertical: 25px; @navbar-nav-item-line-margin-horizontal-m: @navbar-nav-item-padding-horizontal; @navbar-nav-item-line-height: @global-border-width; @navbar-nav-item-line-hover-background: transparent; @navbar-nav-item-line-onclick-background: transparent; @navbar-primary-gap-m: 50px; @navbar-primary-nav-gap-m: 50px; @navbar-item-font-size: @global-font-size; @navbar-item-font-family: @global-font-family; @navbar-subtitle-font-family: @global-font-family; @navbar-subtitle-font-weight: 400; @navbar-subtitle-text-transform: none; @navbar-subtitle-letter-spacing: normal; @navbar-subtitle-line-height: 1.4; @navbar-subtitle-font-style: normal; @navbar-primary-nav-item-font-size: @global-medium-font-size; @navbar-primary-nav-item-font-weight: 700; @navbar-dropdown-nav-font-size: 12px; @navbar-dropdown-nav-subtitle-font-family: @global-font-family; @navbar-dropdown-nav-subtitle-font-weight: 400; @navbar-dropdown-nav-subtitle-text-transform: none; @navbar-dropdown-nav-subtitle-letter-spacing: normal; @navbar-dropdown-nav-subtitle-line-height: 1.4; @navbar-dropdown-nav-subtitle-font-style: normal; @internal-navbar-gradient: linear-gradient(180deg, lighten(#17183D, 4%) 10%, fade(#8333C1, 15%) 100%); @navbar-sticky-box-shadow: @global-small-box-shadow; @navbar-dropdown-box-shadow: @global-medium-box-shadow; @inverse-navbar-nav-item-color: fade(@inverse-global-emphasis-color, 70%); @inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color; @inverse-navbar-nav-item-onclick-color: @inverse-global-muted-color; @inverse-navbar-toggle-color: @inverse-global-emphasis-color; @inverse-navbar-nav-item-line-hover-background: transparent; @inverse-navbar-nav-item-line-onclick-background: transparent; @inverse-navbar-nav-item-line-active-background: @inverse-global-muted-color; @subnav-item-color: @global-color; @subnav-item-hover-color: @global-emphasis-color; @subnav-item-active-color: @global-primary-background; @subnav-divider-border-height: 0.9em; @subnav-pill-item-padding-vertical: 6px; @subnav-pill-item-padding-horizontal: 18px; @subnav-pill-item-hover-color: @global-primary-background; @subnav-pill-item-onclick-color: @global-emphasis-color; @subnav-pill-item-active-color: @global-emphasis-color; @subnav-item-font-size: 12px; @subnav-pill-item-border-radius: 500px; @internal-subnav-pill-item-active-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @subnav-pill-item-onclick-box-shadow: @global-small-box-shadow; @subnav-pill-item-active-box-shadow: inset 1px 1px 0 rgba(255,255,255,0.1), @global-small-box-shadow; @breadcrumb-item-font-size: 12px; @breadcrumb-item-active-color: @global-emphasis-color; @breadcrumb-divider-margin-horizontal: 15px; @breadcrumb-divider-color: fade(@global-muted-color, 35%); @pagination-margin-horizontal: 10px; @pagination-item-padding-vertical: 3px; @pagination-item-padding-horizontal: 6px; @pagination-item-hover-color: @global-emphasis-color; @pagination-item-active-color: @global-primary-background; @pagination-item-min-width: 25px; @internal-pagination-item-hover-mode: glitch; @pagination-item-letter-spacing: 0; @pagination-item-border-mode: -bottom; @pagination-item-hover-border: @global-border; @pagination-item-active-border: @global-primary-background; @tab-item-padding-horizontal: 20px; @tab-item-padding-vertical: 10px; @tab-item-color: @global-color; @tab-item-hover-color: @global-emphasis-color; @tab-item-font-size: 12px; @tab-item-line-height: 20px; @internal-tab-item-active-border-gradient: linear-gradient(90deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @slidenav-active-color: @global-emphasis-color; @dotnav-item-width: 12px; @dotnav-item-border-radius: 0; @dotnav-item-background: transparent; @dotnav-item-hover-background: @global-primary-background; @dotnav-item-onclick-background: @global-primary-background; @dotnav-item-active-background: @global-primary-background; @dotnav-item-border-width: 2px; @dotnav-item-border: fade(@global-color, 60%); @inverse-dotnav-item-background: transparent; @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-border: fade(@global-background, 60%); @thumbnav-item-background: transparent; @thumbnav-item-gradient: linear-gradient(180deg, rgba(0,0,0,0), rgba(0,0,0,0.4)); @inverse-thumbnav-item-background: transparent; @inverse-thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4)); @iconnav-item-color: @global-emphasis-color; @iconnav-item-hover-color: @global-link-color; @iconnav-item-active-color: @global-link-color; @text-lead-font-size: @global-medium-font-size; @text-lead-line-height: 1.4; @text-lead-color: @global-primary-background; @text-meta-font-size: 12px; @text-large-font-size: @global-medium-font-size; @text-secondary-color: @global-link-hover-color; @internal-text-background-color-gradient: linear-gradient(135deg, @global-primary-background, desaturate(darken(spin(@global-primary-background, -45%), 15%), 25%)); @inverse-text-lead-color: @inverse-global-emphasis-color; @border-rounded-border-radius: @global-border-radius; @box-shadow-bottom-height: 100%; @box-shadow-bottom-bottom: -15%; @box-shadow-bottom-border-radius: 0; @box-shadow-bottom-background: linear-gradient(270deg, @global-secondary-background, @global-primary-background); @box-shadow-bottom-blur: 60px; @logo-font-family: @global-primary-font-family; @logo-font-weight: 600; @logo-text-transform: @global-primary-text-transform; .hook-box-shadow-bottom() { transform: scale(0.85); } @inverse-global-color-mode: dark; @inverse-global-border: fade(@inverse-global-color, 8%);
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings