File manager - Edit - /home/opticamezl/www/newok/templates/yootheme/vendor/assets/uikit-themes/master-creative-hub/_import.less
Back
@internal-fonts: 'Work+Sans:400,600'; @global-font-family: 'Work Sans'; @global-font-size: 16px; @global-line-height: 1.5; @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: 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: 400; @global-secondary-text-transform: inherit; @global-secondary-letter-spacing: inherit; @global-secondary-font-style: inherit; @global-color: #4A4A4A; @global-emphasis-color: #212121; @global-muted-color: #909090; @global-link-color: #EC2178; @global-link-hover-color: #2F3B8A; @global-inverse-color: #FFF; @global-background: #FFF; @global-muted-background: #FAFAFA; @global-primary-background: #EC2178; @global-secondary-background: #212121; @global-success-background: #4FDA73; @global-warning-background: #FFC319; @global-danger-background: #FA3C3C; @global-border-width: 1px; @global-border: #EAEAEA; @global-border-radius: 2px; @global-small-box-shadow: 0 2px 8px rgba(0,0,0,0.04); @global-medium-box-shadow: 0 5px 15px rgba(0,0,0,0.06); @global-large-box-shadow: 0 14px 25px rgba(0,0,0,0.1); @global-xlarge-box-shadow: 0 28px 50px rgba(0,0,0,0.14); @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: 42px; @global-control-small-height: 30px; @global-control-large-height: 52px; @global-z-index: 1000; @base-link-hover-text-decoration: none; @base-blockquote-font-style: inherit; @base-selection-background: #FFFC16; @base-selection-color: @global-emphasis-color; @base-pre-padding: @global-margin; @base-pre-background: @global-muted-background; @base-h1-font-family: @global-secondary-font-family; @base-h1-font-weight: @global-secondary-font-weight; @base-h1-text-transform: @global-secondary-text-transform; @base-h1-letter-spacing: @global-secondary-letter-spacing; @base-h1-font-style: @global-secondary-font-style; @base-h2-font-family: @global-secondary-font-family; @base-h2-font-weight: @global-secondary-font-weight; @base-h2-text-transform: @global-secondary-text-transform; @base-h2-letter-spacing: @global-secondary-letter-spacing; @base-h2-font-style: @global-secondary-font-style; @base-h3-font-family: @global-secondary-font-family; @base-h3-font-weight: @global-secondary-font-weight; @base-h3-text-transform: @global-secondary-text-transform; @base-h3-letter-spacing: @global-secondary-letter-spacing; @base-h3-font-style: @global-secondary-font-style; @link-text-hover-color: @global-primary-background; @heading-medium-line-height: 1.2; @heading-xlarge-line-height: 1.1; @heading-bullet-border-width: ~'calc(4px + 0.08em)'; @heading-bullet-border: @global-primary-background; @inverse-heading-bullet-border: @inverse-global-primary-background; @divider-icon-color: @global-primary-background; @divider-small-width: 90px; @divider-small-border-width: 2px; @divider-small-border: @global-primary-background; @divider-vertical-border-width: 2px; @divider-vertical-border: @global-primary-background; @inverse-divider-icon-color: @inverse-global-primary-background; @inverse-divider-small-border: @inverse-global-primary-background; @inverse-divider-vertical-border: @inverse-global-primary-background; @list-bullet-icon-color: @global-primary-background; @internal-list-bullet-image: "../../../../uikit-themes/master-creative-hub/images/list-bullet.svg"; @inverse-list-bullet-icon-color: @inverse-global-primary-background; @description-list-term-font-family: @global-primary-font-family; @description-list-term-font-weight: @global-primary-font-weight; @description-list-term-text-transform: @global-primary-text-transform; @description-list-term-letter-spacing: @global-primary-letter-spacing; @description-list-term-font-style: @global-primary-font-style; @table-row-active-background: darken(@global-muted-background, 1%); @icon-link-color: @global-emphasis-color; @icon-link-hover-color: @global-primary-background; @icon-button-size: @global-control-height; @icon-button-background: transparent; @icon-button-color: @global-emphasis-color; @icon-button-hover-background: @global-primary-background; @icon-button-hover-color: @global-inverse-color; @icon-button-active-background: @global-secondary-background; @icon-button-active-color: @global-inverse-color; @icon-button-border-width: @global-border-width; @icon-button-border: @global-emphasis-color; @inverse-icon-link-color: @inverse-global-emphasis-color; @inverse-icon-button-background: transparent; @inverse-icon-button-color: @inverse-global-emphasis-color; @inverse-icon-button-hover-background: @inverse-global-primary-background; @inverse-icon-button-hover-color: @inverse-global-inverse-color; @inverse-icon-button-active-background: @inverse-global-color; @inverse-icon-button-active-color: @inverse-global-inverse-color; @inverse-icon-button-border: @inverse-global-primary-background; @form-range-track-height: 2px; @form-range-thumb-height: 12px; @form-range-thumb-background: @global-primary-background; @form-focus-background: darken(@form-background, 3%); @form-danger-focus-background: fade(@global-danger-background, 5%); @form-success-focus-background: fade(@global-success-background, 5%); @button-font-size: @global-small-font-size; @button-large-font-size: 18px; @button-default-background: @global-background; @button-default-hover-background: @global-primary-background; @button-default-hover-color: @global-background; @button-default-active-background: darken(@global-primary-background, 5%); @button-default-active-color: @global-background; @button-secondary-hover-background: @global-primary-background; @button-secondary-active-background: darken(@global-primary-background, 5%); @button-text-hover-color: @global-primary-background; @button-link-hover-color: @global-primary-background; @button-text-mode: ~''; @button-text-icon-mode: dash; @button-text-border-width: 2px; @button-text-hover-border: @global-primary-background; @internal-button-text-dash-size: 40px; @button-border-radius: 500px; @internal-button-default-hover-gradient: linear-gradient(320deg, @global-primary-background, spin(@global-primary-background, 15%)); @internal-button-default-active-gradient: linear-gradient(320deg, @global-primary-background, spin(@global-primary-background, 35%)); @internal-button-primary-gradient: linear-gradient(320deg, @global-primary-background, spin(@global-primary-background, 15%)); @internal-button-primary-hover-gradient: linear-gradient(320deg, spin(@global-primary-background, 8%), spin(@global-primary-background, 25%)); @internal-button-primary-active-gradient: linear-gradient(320deg, spin(@global-primary-background, 8%), spin(@global-primary-background, 35%)); @internal-button-secondary-hover-gradient: linear-gradient(320deg, @global-primary-background, spin(@global-primary-background, 15%)); @internal-button-secondary-active-gradient: linear-gradient(320deg, spin(@global-primary-background, 8%), spin(@global-primary-background, 35%)); @button-default-box-shadow: @global-medium-box-shadow; @button-default-hover-box-shadow: 0 0 0 rgba(0,0,0,0); @inverse-button-primary-color: @global-primary-background; @inverse-button-primary-hover-color: darken(@global-primary-background, 5%); @inverse-button-primary-active-color: darken(@global-primary-background, 15%); @inverse-button-secondary-color: @global-emphasis-color; @inverse-button-secondary-hover-color: darken(@global-emphasis-color, 5%); @inverse-button-secondary-active-color: darken(@global-emphasis-color, 15%); @inverse-button-text-hover-color: @inverse-global-muted-color; @container-large-max-width: 1360px; @card-title-font-size: @global-medium-font-size; @card-badge-height: 26px; @card-badge-padding-horizontal: 12px; @card-badge-font-size: 12px; @card-hover-background: @global-background; @card-default-background: @global-background; @card-default-hover-background: @global-background; @card-title-font-family: @global-secondary-font-family; @card-title-font-weight: @global-secondary-font-weight; @card-title-text-transform: @global-secondary-text-transform; @card-title-letter-spacing: @global-secondary-letter-spacing; @card-title-font-style: @global-secondary-font-style; @card-badge-text-transform: uppercase; @card-badge-border-radius: 500px; @internal-card-badge-gradient: linear-gradient(320deg, @global-primary-background, spin(@global-primary-background, 15%)); @internal-card-primary-gradient: linear-gradient(320deg, @card-primary-background, spin(@card-primary-background, 15%)); @internal-card-primary-hover-gradient: linear-gradient(320deg, spin(@card-primary-background, 4%), spin(@card-primary-background, 20%)); @card-hover-box-shadow: @global-medium-box-shadow; @card-default-box-shadow: @global-medium-box-shadow; @card-default-hover-box-shadow: @global-large-box-shadow; @marker-background: @global-primary-background; @marker-hover-background: @global-secondary-background; @inverse-marker-background: @inverse-global-primary-background; @inverse-marker-hover-background: @inverse-global-color; @alert-primary-background: lighten(tint(@global-primary-background, 40%), 26%); @alert-primary-color: @global-emphasis-color; @alert-success-background: lighten(tint(@global-success-background, 40%), 22%); @alert-success-color: @global-emphasis-color; @alert-warning-background: lighten(tint(@global-warning-background, 40%), 21%); @alert-warning-color: @global-emphasis-color; @alert-danger-background: lighten(tint(@global-danger-background, 40%), 22%); @alert-danger-color: @global-emphasis-color; @badge-size: 20px; @badge-font-size: 12px; @internal-badge-gradient: linear-gradient(320deg, @global-primary-background, spin(@global-primary-background, 15%)); @label-padding-vertical: 2px; @label-padding-horizontal: 9px; @label-border-radius: @global-border-radius; @article-title-font-family: @global-secondary-font-family; @article-title-font-weight: @global-secondary-font-weight; @article-title-text-transform: @global-secondary-text-transform; @article-title-letter-spacing: @global-secondary-letter-spacing; @article-title-font-style: @global-secondary-font-style; @comment-title-font-size: @global-font-size; @search-default-padding-horizontal: 14px; @search-default-focus-background: darken(@search-default-background, 3%); @search-navbar-padding-horizontal: 14px; @search-navbar-background: @global-muted-background; @search-navbar-focus-background: darken(@search-navbar-background, 3%); @search-medium-padding-horizontal: 18px; @search-large-padding-horizontal: 28px; @search-toggle-color: @global-emphasis-color; @search-toggle-hover-color: @global-primary-background; @search-navbar-font-size: @global-font-size; @accordion-item-margin-top: 18px; @accordion-icon-color: @global-link-color; @internal-accordion-icon-close-image: "../../../../uikit-themes/master-creative-hub/images/accordion-close.svg"; @internal-accordion-icon-open-image: "../../../../uikit-themes/master-creative-hub/images/accordion-open.svg"; @accordion-title-font-family: @global-secondary-font-family; @accordion-title-font-weight: @global-secondary-font-weight; @accordion-title-text-transform: @global-secondary-text-transform; @accordion-title-letter-spacing: @global-secondary-letter-spacing; @accordion-title-font-style: @global-secondary-font-style; @accordion-item-border-width: @global-border-width; @accordion-item-border: @global-border; @dropdown-padding: 30px; @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-hover-color: @global-primary-background; @dropdown-nav-subtitle-font-size: 13px; @dropdown-nav-sublist-item-hover-color: @global-primary-background; @dropdown-nav-subtitle-color: @global-muted-color; @dropdown-nav-subtitle-font-family: @global-font-family; @dropdown-nav-subtitle-font-weight: normal; @dropdown-nav-subtitle-text-transform: none; @dropdown-nav-subtitle-line-height: 1.4; @dropdown-box-shadow: @global-medium-box-shadow; @dropbar-background: @global-background; @dropbar-top-box-shadow: 0 5px 15px -8px rgba(0, 0, 0, 0.06); @dropbar-bottom-box-shadow: 0 -5px 15px -8px rgba(0, 0, 0, 0.06); @dropbar-left-box-shadow: 5px 0 15px -8px rgba(0, 0, 0, 0.06); @dropbar-right-box-shadow: -5px 0 15px -8px rgba(0, 0, 0, 0.06); @offcanvas-bar-padding-vertical: 40px; @offcanvas-bar-padding-horizontal: 25px; @offcanvas-bar-background: @global-background; @offcanvas-bar-color-mode: dark; @offcanvas-bar-padding-vertical-s: 50px; @tooltip-background: @global-secondary-background; @nav-item-padding-vertical: 8px; @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-subtitle-font-size: 13px; @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-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-color; @nav-secondary-subtitle-hover-color: @global-emphasis-color; @nav-secondary-sublist-font-size: @nav-secondary-font-size; @nav-medium-line-height: 1.2; @nav-secondary-margin-top: 4px; @nav-secondary-item-padding-vertical: 15px; @nav-secondary-item-padding-horizontal: 15px; @nav-secondary-item-hover-background: @global-muted-background; @nav-secondary-item-active-background: @global-muted-background; @nav-default-subtitle-color: @global-muted-color; @nav-default-subtitle-line-height: 1.4; @nav-primary-subtitle-color: @global-muted-color; @nav-primary-subtitle-font-weight: normal; @inverse-nav-default-item-color: @inverse-global-color; @inverse-nav-default-item-hover-color: @inverse-global-muted-color; @inverse-nav-primary-item-color: @inverse-global-color; @inverse-nav-primary-item-hover-color: @inverse-global-muted-color; @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-nav-item-font-size: @global-small-font-size; @navbar-toggle-color: @global-emphasis-color; @navbar-toggle-hover-color: @global-primary-background; @navbar-subtitle-font-size: 13px; @navbar-dropdown-margin: 1px; @navbar-dropdown-shift-margin: -@navbar-dropdown-padding; @navbar-dropdown-padding: 30px; @navbar-dropdown-background: @global-background; @navbar-dropdown-large-shift-margin: -@navbar-dropdown-large-padding; @navbar-dropdown-dropbar-padding-top: 30px; @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: 13px; @navbar-dropdown-nav-sublist-item-hover-color: @global-primary-background; @navbar-dropdown-nav-sublist-item-active-color: @global-primary-background; @navbar-gap-m: 48px; @navbar-nav-gap-m: 48px; @navbar-nav-item-line-mode: true; @navbar-nav-item-line-margin-vertical: -1px; @navbar-nav-item-line-height: 0; @navbar-nav-item-line-background: @global-primary-background; @navbar-nav-item-line-transition-duration: 0.15s; @navbar-nav-item-line-hover-height: 2px; @navbar-nav-item-line-onclick-height: 2px; @navbar-nav-item-line-active-height: 2px; @navbar-nav-item-text-transform: uppercase; @navbar-subtitle-text-transform: none; @navbar-subtitle-line-height: 1.4; @navbar-primary-nav-item-font-size: 18px; @navbar-dropdown-nav-subtitle-color: @global-muted-color; @navbar-dropdown-nav-subtitle-line-height: 1.4; @navbar-mode: border; @navbar-border-width: @global-border-width; @navbar-border: @global-border; @navbar-sticky-box-shadow: @global-small-box-shadow; @navbar-dropdown-box-shadow: @global-medium-box-shadow; @inverse-navbar-toggle-color: @inverse-global-emphasis-color; @inverse-navbar-border: @inverse-global-border; @subnav-item-color: @global-emphasis-color; @subnav-item-hover-color: @global-link-color; @subnav-item-active-color: @global-link-color; @subnav-divider-margin-horizontal: 26px; @subnav-divider-border-height: 1.1em; @subnav-pill-item-padding-vertical: 9px; @subnav-pill-item-padding-horizontal: 20px; @subnav-pill-item-border-radius: 500px; @inverse-subnav-item-color: @inverse-global-color; @inverse-subnav-item-hover-color: @inverse-global-emphasis-color; @breadcrumb-item-color: @global-color; @breadcrumb-item-hover-color: @global-primary-background; @breadcrumb-item-active-color: @global-muted-color; @breadcrumb-divider-margin-horizontal: 18px; @inverse-breadcrumb-item-color: @inverse-global-color; @inverse-breadcrumb-item-hover-color: @inverse-global-primary-background; @inverse-breadcrumb-item-active-color: @inverse-global-muted-color; @pagination-margin-horizontal: 14px; @pagination-item-padding-vertical: 3px; @pagination-item-padding-horizontal: 12px; @pagination-item-height: 32px; @pagination-item-border-width: @global-border-width; @pagination-item-hover-border: @global-border; @pagination-item-active-border: @global-emphasis-color; @inverse-pagination-item-hover-border: @inverse-global-border; @inverse-pagination-item-active-border: @inverse-global-emphasis-color; @tab-item-border-width: 2px; @dotnav-margin-horizontal: @global-small-margin; @dotnav-item-width: 11px; @dotnav-item-background: transparent; @dotnav-item-hover-background: transparent; @dotnav-item-onclick-background: @global-primary-background; @dotnav-item-active-background: @global-primary-background; @dotnav-item-border-width: @global-border-width; @dotnav-item-border: @global-color; @dotnav-item-hover-border: @global-primary-background; @inverse-dotnav-item-background: transparent; @inverse-dotnav-item-hover-background: transparent; @inverse-dotnav-item-onclick-background: @inverse-global-primary-background; @inverse-dotnav-item-active-background: @inverse-global-primary-background; @inverse-dotnav-item-border: @global-inverse-color; @inverse-dotnav-item-hover-border: @inverse-global-muted-color; @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: @global-primary-background; @text-lead-font-size: 20px; @text-lead-line-height: 1.4; @text-large-font-size: 20px; @text-large-line-height: 1.4; @text-meta-link-color: @global-link-color; @text-meta-link-hover-color: @global-link-hover-color; @text-lead-font-family: @global-secondary-font-family; @text-lead-font-weight: @global-secondary-font-weight; @text-lead-text-transform: @global-secondary-text-transform; @text-lead-letter-spacing: @global-secondary-letter-spacing; @text-lead-font-style: @global-secondary-font-style; @internal-text-background-color-gradient: linear-gradient(150deg, #2F3B8A 0%, #60165E 20%, #DE2867 70%, #F4D000 100%); @inverse-global-color: fade(@global-inverse-color, 80%); @inverse-global-inverse-color: @global-emphasis-color;
| ver. 1.4 |
Github
|
.
| PHP 8.3.23 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings