File manager - Edit - /home/opticamezl/www/newok/templates/yootheme/vendor/assets/uikit-themes/master-matthew-taylor/_import.less
Back
@internal-fonts: 'Lato:300,400,700,900'; @global-font-family: Lato; @global-font-size: 16px; @global-line-height: 1.5; @global-2xlarge-font-size: 45px; @global-xlarge-font-size: 34px; @global-large-font-size: 22px; @global-medium-font-size: 18px; @global-small-font-size: 14px; @global-primary-font-family: Lato; @global-primary-font-weight: 900; @global-primary-text-transform: none; @global-primary-letter-spacing: inherit; @global-primary-font-style: inherit; @global-secondary-font-family: Lato; @global-secondary-font-weight: 400; @global-secondary-text-transform: none; @global-secondary-letter-spacing: inherit; @global-secondary-font-style: inherit; @global-color: #343434; @global-emphasis-color: #191919; @global-muted-color: #9B9B9B; @global-link-color: #226BF4; @global-link-hover-color: #135CE5; @global-inverse-color: #FFFFFF; @global-background: #FFFFFF; @global-muted-background: #F6F6F6; @global-primary-background: #226BF4; @global-secondary-background: #222222; @global-success-background: #32D296; @global-warning-background: #FAA05A; @global-danger-background: #F0506E; @global-border-width: 1px; @global-border: #EAEAEA; @global-border-radius: 0; @global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.08); @global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.08); @global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.16); @global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.16); @global-margin: 20px; @global-small-margin: 10px; @global-medium-margin: 40px; @global-large-margin: 70px; @global-xlarge-margin: 140px; @global-gutter: 30px; @global-small-gutter: 15px; @global-medium-gutter: 40px; @global-large-gutter: 70px; @global-control-height: 40px; @global-control-small-height: 30px; @global-control-large-height: 55px; @global-z-index: 1000; @base-code-font-family: @global-secondary-font-family; @base-code-color: @global-primary-background; @base-ins-background: fade(@global-primary-background,80%); @base-ins-color: @global-inverse-color; @base-mark-background: fade(@global-primary-background,80%); @base-mark-color: @global-inverse-color; @base-blockquote-font-style: inherit; @base-selection-background: @global-primary-background; @base-code-padding-horizontal: 7px; @base-code-padding-vertical: 4px; @base-code-background: @global-background; @base-pre-padding: 30px; @base-pre-background: @global-muted-background; @base-blockquote-footer-em-dash: false; @base-h4-font-family: @global-primary-font-family; @base-h4-font-weight: @global-primary-font-weight; @base-h4-text-transform: @global-primary-text-transform; @base-h4-letter-spacing: @global-primary-letter-spacing; @base-h4-font-style: @global-primary-font-style; @base-h5-font-family: @global-primary-font-family; @base-h5-font-weight: @global-primary-font-weight; @base-h5-text-transform: @global-primary-text-transform; @base-h5-letter-spacing: @global-primary-letter-spacing; @base-h5-font-style: @global-primary-font-style; @base-h6-font-family: @global-primary-font-family; @base-h6-font-weight: @global-primary-font-weight; @base-h6-text-transform: @global-primary-text-transform; @base-h6-letter-spacing: @global-primary-letter-spacing; @base-h6-font-style: @global-primary-font-style; @base-blockquote-footer-color: @global-muted-color; @base-blockquote-footer-font-family: @global-font-family; @base-blockquote-footer-font-weight: inherit; @base-code-border-width: @global-border-width; @base-code-border: #EBEBEB; @base-pre-border-width: @global-border-width; @base-pre-border: #E9E9E9; @base-code-border-radius: 2px; @base-pre-border-radius: 2px; @link-muted-hover-color: @global-emphasis-color; @link-text-hover-color: @global-primary-background; @heading-bullet-border-width: ~'calc(4px + 0.1em)'; @heading-bullet-border: @global-primary-background; @heading-line-border: @global-primary-background; @heading-small-text-transform: uppercase; @heading-medium-text-transform: uppercase; @heading-large-text-transform: uppercase; @heading-xlarge-text-transform: uppercase; @heading-2xlarge-text-transform: uppercase; @heading-3xlarge-text-transform: uppercase; @divider-small-border-width: 2px; @divider-small-border: @global-primary-background; @divider-vertical-height: 40px; @divider-vertical-border-width: 2px; @divider-vertical-border: @global-primary-background; @description-list-term-font-family: @global-primary-font-family; @description-list-term-font-weight: @global-primary-font-weight; @description-list-description-text-transform: @global-primary-text-transform; @description-list-description-letter-spacing: @global-primary-letter-spacing; @description-list-description-font-style: @global-primary-font-style; @table-row-active-background: @global-muted-background; @icon-link-color: @global-secondary-background; @icon-link-hover-color: @global-primary-background; @icon-link-active-color: fade(@global-primary-background, 70%); @icon-button-background: @global-secondary-background; @icon-button-color: @global-inverse-color; @icon-button-hover-background: @global-primary-background; @icon-button-hover-color: @global-inverse-color; @icon-button-active-background: darken(@global-primary-background, 10%); @icon-button-active-color: @global-inverse-color; @inverse-icon-button-background: @global-inverse-color; @inverse-icon-button-color: @global-emphasis-color; @inverse-icon-button-hover-background: fade(@global-inverse-color, 85%); @inverse-icon-button-hover-color: @global-emphasis-color; @inverse-icon-button-active-color: @global-emphasis-color; @form-range-track-height: 2px; @form-range-thumb-height: 12px; @form-range-thumb-background: @global-primary-background; @form-background: @global-background; @form-focus-background: @global-background; @form-radio-background: @global-background; @form-radio-focus-background: @global-background; @form-radio-checked-focus-background: @global-primary-background; @form-label-font-size: @global-small-font-size; @form-border-mode: -bottom; @form-border-width: @global-border-width; @form-border: darken(@global-border, 5%); @form-focus-border: @global-primary-background; @form-danger-border: @global-danger-background; @form-success-border: @global-success-background; @form-blank-focus-border: @form-focus-border; @form-radio-border-width: @global-border-width; @form-radio-border: darken(@global-border, 5%); @form-radio-focus-border: @global-primary-background; @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-border: @inverse-global-muted-color; @inverse-form-focus-border: @inverse-global-primary-background; @inverse-form-radio-border: @inverse-global-muted-color; @inverse-form-radio-focus-border: @inverse-global-primary-background; @button-font-size: 15px; @button-default-background: transparent; @button-default-color: @global-secondary-background; @button-default-hover-color: @global-primary-background; @button-default-active-background: transparent; @button-default-active-color: darken(@button-default-hover-color, 10%); @button-text-hover-color: @global-primary-background; @button-link-hover-color: @global-primary-background; @button-transition-duration: 0.3s; @button-text-mode: ~''; @button-text-icon-mode: arrow; @button-text-border: @global-secondary-background; @button-text-hover-border: @global-primary-background; @internal-button-text-arrow-image: "../../../../uikit-themes/master-matthew-taylor/images/button-text-arrow.svg"; @button-font-family: @global-primary-font-family; @button-font-weight: @global-primary-font-weight; @button-text-transform: @global-primary-text-transform; @button-letter-spacing: @global-primary-letter-spacing; @button-font-style: @global-primary-font-style; @button-border-width: 2px; @button-default-border: @global-secondary-background; @button-default-hover-border: @global-primary-background; @button-default-active-border: darken(@button-default-hover-border, 10% ); @button-border-radius: 5px; @button-primary-box-shadow: 0 0 20px 0 fade(@global-primary-background, 20%); @button-primary-hover-box-shadow: 0 0 30px 0 fade(@global-primary-background, 40%); @button-secondary-box-shadow: 0 0 20px 0 fade(@global-secondary-background, 20%); @button-secondary-hover-box-shadow: 0 0 30px 0 fade(@global-secondary-background, 40%); @button-danger-box-shadow: 0 0 20px 0 fade(@global-danger-background, 20%); @button-danger-hover-box-shadow: 0 0 30px 0 fade(@global-danger-background, 40%); @inverse-button-default-background: transparent; @inverse-button-default-color: @inverse-global-emphasis-color; @inverse-button-default-hover-color: @inverse-global-muted-color; @inverse-button-default-active-color: fade(@inverse-global-muted-color, 90%); @inverse-button-default-border: @inverse-global-emphasis-color; @inverse-button-default-hover-border: @inverse-global-muted-color; @inverse-button-default-active-border: fade(@inverse-global-muted-color, 90%); @progress-background: darken(@global-muted-background, 5%); @progress-border-radius: @global-border-radius; @container-large-max-width: 1360px; @card-badge-height: 23px; @card-badge-font-size: 12px; @card-hover-background: darken(@global-muted-background, 3%); @card-default-hover-background: darken(@global-muted-background, 3%); @card-badge-font-family: @global-primary-font-family; @card-badge-font-weight: 700; @card-badge-text-transform: uppercase; @card-badge-letter-spacing: @global-primary-letter-spacing; @card-badge-border-radius: 2px; @close-color: @global-secondary-background; @close-hover-color: @global-primary-background; @marker-background: @global-primary-background; @marker-hover-background: @global-secondary-background; @inverse-marker-hover-color: @inverse-global-emphasis-color; @inverse-marker-hover-background: @global-primary-background; @totop-color: @global-emphasis-color; @totop-hover-color: @global-primary-background; @badge-font-weight: 700; @badge-font-family: @global-primary-font-family; @label-font-size: 12px; @label-font-family: @global-primary-font-family; @label-font-weight: 700; @label-text-transform: uppercase; @label-letter-spacing: @global-primary-letter-spacing; @label-font-style: @global-primary-font-style; @label-border-radius: 2px; @article-meta-link-hover-color: @global-primary-background; @search-icon-color: @global-emphasis-color; @search-default-padding-horizontal: 0; @search-default-background: @global-background; @search-default-focus-background: @global-background; @search-navbar-padding-horizontal: 15px; @search-navbar-background: @global-muted-background; @search-navbar-focus-background: @global-background; @search-medium-padding-horizontal: 0; @search-medium-focus-background: @global-background; @search-large-padding-horizontal: 0; @search-toggle-color: @global-emphasis-color; @search-toggle-hover-color: @global-primary-background; @search-default-border-mode: -bottom; @search-default-border-width: @global-border-width; @search-default-border: darken(@global-border, 5%); @search-default-focus-border: @global-primary-background; @search-navbar-border-width: 1px; @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; @search-navbar-border-radius: 5px; @inverse-search-default-background: transparent; @inverse-search-default-focus-background: transparent; @inverse-search-medium-focus-background: transparent; @inverse-search-large-focus-background: transparent; @inverse-search-navbar-color: @global-inverse-color; @inverse-search-default-border: @inverse-global-muted-color; @inverse-search-default-focus-border: @inverse-global-primary-background; @inverse-search-navbar-focus-border: @inverse-global-primary-background; @inverse-search-medium-border: @inverse-global-muted-color; @inverse-search-medium-focus-border: @inverse-global-primary-background; @inverse-search-large-border: @inverse-global-muted-color; @inverse-search-large-focus-border: @inverse-global-primary-background; @accordion-title-hover-color: @global-primary-background; @accordion-icon-color: @global-secondary-background; @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-sublist-item-hover-color: @global-primary-background; @dropdown-nav-item-padding-vertical: 7px; @dropdown-nav-item-padding-horizontal: 15px; @dropdown-nav-font-family: @global-primary-font-family; @dropdown-nav-font-weight: @global-primary-font-weight; @dropdown-nav-text-transform: @global-primary-text-transform; @dropdown-nav-letter-spacing: @global-primary-letter-spacing; @dropdown-nav-font-style: @global-primary-font-style; @dropdown-nav-subtitle-color: @global-color; @dropdown-nav-subtitle-font-family: @global-font-family; @dropdown-nav-subtitle-font-weight: normal; @dropdown-border-radius: 5px; @dropdown-box-shadow: @global-xlarge-box-shadow; @dropbar-padding-top: 0; @dropbar-padding-bottom: 15px; @dropbar-background: @global-background; @dropbar-top-box-shadow: 0 18px 20px -18px fade(@global-secondary-background, 14%); @dropbar-bottom-box-shadow: 0 -18px 20px -18px fade(@global-secondary-background, 14%); @dropbar-left-box-shadow: 18px 0 20px -18px fade(@global-secondary-background, 14%); @dropbar-right-box-shadow: -18px 0 20px -18px fade(@global-secondary-background, 14%); @offcanvas-overlay-background: fade(@global-secondary-background, 15%); @tooltip-background: @global-secondary-background; @countdown-item-font-family: @global-primary-font-family; @countdown-item-font-weight: @global-primary-font-weight; @countdown-item-text-transform: @global-primary-text-transform; @countdown-item-letter-spacing: @global-primary-letter-spacing; @countdown-item-font-style: @global-primary-font-style; @countdown-label-color: @global-emphasis-color; @nav-default-item-color: @global-emphasis-color; @nav-default-item-hover-color: @global-primary-background; @nav-default-item-active-color: @global-primary-background; @nav-default-sublist-item-color: @global-emphasis-color; @nav-default-sublist-item-hover-color: @global-primary-background; @nav-default-sublist-item-active-color: @global-primary-background; @nav-primary-item-color: @global-emphasis-color; @nav-primary-item-hover-color: @global-primary-background; @nav-primary-item-active-color: @global-primary-background; @nav-primary-subtitle-font-size: @global-small-font-size; @nav-primary-sublist-item-color: @global-emphasis-color; @nav-primary-sublist-item-hover-color: @global-primary-background; @nav-primary-sublist-item-active-color: @global-primary-background; @nav-secondary-item-hover-color: @global-primary-background; @nav-secondary-item-active-color: @global-primary-background; @nav-secondary-subtitle-color: @global-emphasis-color; @nav-secondary-subtitle-hover-color: @global-primary-background; @nav-secondary-subtitle-active-color: @global-primary-background; @nav-secondary-sublist-font-size: @global-font-size; @nav-secondary-sublist-item-color: @global-emphasis-color; @nav-secondary-sublist-item-hover-color: @global-primary-background; @nav-secondary-sublist-item-active-color: @global-primary-background; @nav-secondary-margin-top: 2px; @nav-secondary-item-padding-vertical: 12px; @nav-secondary-item-padding-horizontal: 12px; @nav-secondary-item-hover-background: fade(@global-primary-background, 4%); @nav-secondary-item-active-background: @nav-secondary-item-hover-background; @nav-default-subtitle-color: @global-color; @nav-default-subtitle-font-family: @global-font-family; @nav-default-subtitle-font-weight: normal; @nav-primary-subtitle-color: @global-color; @nav-primary-subtitle-font-family: @global-font-family; @nav-primary-subtitle-font-weight: normal; @nav-secondary-font-weight: 900; @nav-secondary-subtitle-font-weight: 400; @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: @global-background; @navbar-gap: 24px; @navbar-nav-gap: 24px; @navbar-nav-item-padding-horizontal: 3px; @navbar-nav-item-color: @global-emphasis-color; @navbar-nav-item-font-family: @global-primary-font-family; @navbar-nav-item-hover-color: @global-primary-background; @navbar-item-color: @global-emphasis-color; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-primary-background; @navbar-subtitle-font-size: 12px; @navbar-dropdown-shift-margin: -(@navbar-dropdown-padding - (@navbar-nav-item-padding-horizontal * 2)); @navbar-dropdown-padding: 30px; @navbar-dropdown-background: @global-background; @navbar-dropdown-color: @global-emphasis-color; @navbar-dropdown-large-shift-margin: -(@navbar-dropdown-large-padding - (@navbar-nav-item-padding-horizontal * 2)); @navbar-dropdown-dropbar-padding-top: 20px; @navbar-dropdown-dropbar-padding-bottom: (@navbar-dropdown-dropbar-padding-top + @navbar-nav-item-line-margin-vertical + 10px); @navbar-dropdown-dropbar-large-padding-bottom: (@navbar-dropdown-dropbar-large-padding-top + @navbar-nav-item-line-margin-vertical + 10px); @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-header-color: @global-muted-color; @navbar-dropdown-nav-sublist-item-color: @global-emphasis-color; @navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background; @navbar-padding-top-m: 40px; @navbar-padding-bottom-m: 40px; @navbar-gap-m: 38px; @navbar-nav-gap-m: 38px; @navbar-nav-item-padding-horizontal-m: 6px; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-slide-mode: left; @navbar-nav-item-line-margin-vertical: 12px; @navbar-nav-item-line-transition-duration: 0.3s; @navbar-nav-item-line-hover-height: 3px; @navbar-nav-item-line-onclick-height: 3px; @navbar-nav-item-line-active-height: 3px; @navbar-nav-item-font-weight: @global-primary-font-weight; @navbar-nav-item-text-transform: @global-primary-text-transform; @navbar-nav-item-letter-spacing: @global-primary-letter-spacing; @navbar-nav-item-font-style: @global-primary-font-style; @navbar-subtitle-color: @global-color; @navbar-subtitle-font-family: @global-font-family; @navbar-subtitle-font-weight: 400; @navbar-primary-nav-item-font-weight: 900; @navbar-dropdown-nav-font-family: @global-primary-font-family; @navbar-dropdown-nav-font-weight: @global-primary-font-weight; @navbar-dropdown-nav-text-transform: @global-primary-text-transform; @navbar-dropdown-nav-letter-spacing: @global-primary-letter-spacing; @navbar-dropdown-nav-font-style: @global-primary-font-style; @navbar-dropdown-nav-subtitle-color: @global-color; @navbar-dropdown-nav-subtitle-font-family: @global-font-family; @navbar-dropdown-nav-subtitle-font-weight: 400; @navbar-dropdown-box-shadow: @global-xlarge-box-shadow; @inverse-navbar-nav-item-hover-color: @inverse-global-emphasis-color; @subnav-margin-horizontal: 14px; @subnav-item-color: @global-emphasis-color; @subnav-item-hover-color: @global-primary-background; @subnav-item-active-color: @global-primary-background; @subnav-divider-border-height: @global-border-width; @subnav-divider-border-width: 20px; @subnav-divider-border: @global-emphasis-color; @subnav-pill-item-hover-background: @global-primary-background; @subnav-pill-item-hover-color: @global-inverse-color; @subnav-pill-item-onclick-background: darken(@global-primary-background, 5%); @subnav-item-font-size: @global-small-font-size; @breadcrumb-item-hover-color: @global-link-hover-color; @breadcrumb-divider: "—"; @pagination-margin-horizontal: 24px; @pagination-item-padding-vertical: 6px; @pagination-item-padding-horizontal: 15px; @pagination-item-color: @global-emphasis-color; @pagination-item-hover-color: @global-inverse-color; @pagination-item-active-color: @global-inverse-color; @pagination-item-height: 36px; @pagination-item-hover-background: @global-primary-background; @pagination-item-active-background: @global-primary-background; @pagination-item-font-family: @global-primary-font-family; @pagination-item-font-weight: @global-primary-font-weight; @pagination-item-text-transform: @global-primary-text-transform; @pagination-item-letter-spacing: @global-primary-letter-spacing; @pagination-item-font-style: @global-primary-font-style; @pagination-item-border: @global-emphasis-color; @pagination-item-border-radius: 2px; @inverse-pagination-item-hover-color: @global-emphasis-color; @inverse-pagination-item-active-color: @global-emphasis-color; @inverse-pagination-item-hover-background: @global-inverse-color; @inverse-pagination-item-active-background: @global-inverse-color; @dotnav-item-background: @global-secondary-background; @dotnav-item-hover-background: @global-primary-background; @dotnav-item-onclick-background: fade(@global-primary-background, 30%); @dotnav-item-active-background: @global-primary-background; @thumbnav-item-background: transparent; @thumbnav-item-gradient: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,0.4)); @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-color; @iconnav-item-hover-color: @global-primary-background; @iconnav-item-active-color: @global-primary-background; @text-lead-font-size: 25px; @text-lead-font-family: @global-font-family; @text-lead-font-weight: 300; @text-lead-text-transform: none; @text-lead-letter-spacing: inherit; @text-lead-font-style: inherit; @text-meta-font-family: @global-font-family; @text-meta-font-weight: 300; @text-meta-text-transform: none; @text-meta-letter-spacing: inherit; @text-meta-font-style: inherit; @inverse-text-primary-color: @global-primary-background; @logo-font-size: 30px; @logo-font-weight: @global-primary-font-weight; @logo-text-transform: @global-primary-text-transform; @logo-letter-spacing: @global-primary-letter-spacing;
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.01 |
proxy
|
phpinfo
|
Settings