| Current Path : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-sonic/ |
| Current File : /home/eolienneia/www/templates/yootheme/vendor/assets/uikit-themes/master-sonic/_import.less |
@internal-fonts: 'Lato:100,300|Open+Sans:300,400'; @global-font-family: 'Open Sans'; @global-font-size: 15px; @global-line-height: 1.86; @global-2xlarge-font-size: 42px; @global-xlarge-font-size: 36px; @global-large-font-size: 22px; @global-medium-font-size: 20px; @global-small-font-size: 13px; @global-primary-font-family: 'Lato'; @global-primary-font-weight: 300; @global-primary-text-transform: uppercase; @global-primary-letter-spacing: inherit; @global-primary-font-style: inherit; @global-secondary-font-family: inherit; @global-secondary-font-weight: inherit; @global-secondary-text-transform: inherit; @global-secondary-letter-spacing: inherit; @global-secondary-font-style: inherit; @global-color: #343434; @global-emphasis-color: #111; @global-muted-color: #b6b6b6; @global-link-color: #f95860; @global-link-hover-color: #5f5eea; @global-inverse-color: #fff; @global-background: #fff; @global-muted-background: #f9fafe; @global-primary-background: #f95860; @global-secondary-background: #6766db; @global-success-background: #02c2bb; @global-warning-background: #ffc15e; @global-danger-background: #f95860; @global-border: #e7e7e7; @global-border-width: 1px; @global-border-radius: 2px; @global-small-box-shadow: 0 8px 40px -6px rgba(105, 104, 178, 0.18); @global-medium-box-shadow: 0 8px 50px -6px rgba(84, 84, 120, 0.26); @global-large-box-shadow: 0 8px 50px 0 rgba(84, 84, 120, 0.30); @global-xlarge-box-shadow: 0 8px 50px 0 rgba(84, 84, 120, 0.42); @global-margin: 20px; @global-small-margin: 10px; @global-medium-margin: 40px; @global-large-margin: 65px; @global-xlarge-margin: 130px; @global-gutter: 30px; @global-small-gutter: 15px; @global-medium-gutter: 40px; @global-large-gutter: 65px; @global-control-height: 45px; @global-control-small-height: 30px; @global-control-large-height: 55px; @global-z-index: 1000; @base-body-font-weight: 300; @base-link-hover-text-decoration: none; @base-code-color: #d65a60; @base-em-color: #3c9bd2; @base-h1-font-size: @global-2xlarge-font-size * 0.8; // 48px @base-h2-line-height: 1.238; @base-h3-line-height: 1.455; @base-h4-line-height: 1.4; @base-h5-line-height: 1.444; @base-h6-line-height: 1.467; @base-blockquote-font-size: 18px; @base-selection-background: @global-primary-background; @base-pre-background: @global-muted-background; @base-pre-padding: 20px; @base-blockquote-text-transform: none; @inverse-base-link-hover-color: @inverse-global-muted-color; @heading-small-font-size-m: 60px; @heading-medium-font-size-l: 72px; @heading-xlarge-font-size-l: 130px; @heading-bullet-border-width: ~'calc(2px + 0.05em)'; @heading-bullet-border: @global-link-color; @heading-line-border-width: ~'calc(2px + 0.02em)'; @heading-small-font-weight: 100; @heading-medium-font-weight: 100; @heading-large-font-weight: 100; @heading-xlarge-font-weight: 100; @heading-2xlarge-font-weight: 100; @divider-small-width: 80px; @divider-small-border-width: 2px; @divider-small-border: @global-border; @divider-small-border: @global-primary-background; @internal-divider-small-border-gradient: linear-gradient(90deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%); @list-margin-top: 14px; @internal-list-bullet-image: "../../../../uikit-themes/master-sonic/images/list-bullet.svg"; @description-list-term-text-transform: @global-primary-text-transform; @icon-link-color: @global-color; @icon-link-hover-color: @global-link-color; @icon-link-active-color: darken(@global-link-color, 10%); @icon-button-size: 40px; @icon-button-background: transparent; @icon-button-color: @global-color; @icon-button-hover-background: @global-primary-background; @icon-button-hover-color: @global-inverse-color; @icon-button-active-background: @global-color; @icon-button-active-color: @global-inverse-color; @icon-button-border-width: @global-border-width; @icon-button-border: @icon-link-color; @internal-icon-button-hover-gradient: linear-gradient(135deg, #ff7f58, #f95860); @internal-icon-button-active-gradient: linear-gradient(135deg, spin(#ff7f58, 10%), spin(#f95860, 10%)); @inverse-icon-button-background: transparent; @inverse-icon-button-color: @inverse-global-emphasis-color; @inverse-icon-button-hover-background: @inverse-global-emphasis-color; @inverse-icon-button-hover-color: @global-primary-background; @inverse-icon-button-active-background: fade(@inverse-global-emphasis-color, 90%); @inverse-icon-button-active-color: @global-primary-background; @inverse-icon-button-border: @inverse-global-emphasis-color; @form-range-thumb-height: 13px; @form-range-thumb-background: @global-primary-background; @form-range-track-height: @global-border-width; @form-background: @global-background; @form-focus-background: @global-background; @form-large-font-size: 18px; @form-radio-background: @global-background; @form-radio-focus-background: @global-background; @form-legend-font-size: @global-medium-font-size; @form-border-mode: -bottom; @form-border-width: @global-border-width; @form-border: @global-border; @form-focus-border: @global-color; @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: @global-border; @form-radio-focus-border: @global-color; @inverse-form-background: transparent; @inverse-form-focus-background: transparent; @inverse-form-radio-background: transparent; @inverse-form-radio-focus-background: transparent; @inverse-form-border: @inverse-global-border; @inverse-form-focus-border: @inverse-global-color; @inverse-form-radio-border: @inverse-global-border; @inverse-form-radio-focus-border: @inverse-global-color; @button-line-height: 42px; @button-large-line-height: 48px; @button-font-size: 17px; @button-small-font-size: @global-small-font-size; @button-large-font-size: 17px; @button-padding-horizontal: 20px; @button-large-padding-horizontal: 30px; @button-default-background: rgba(249, 250, 254, 0); @button-default-color: @global-link-color; @button-default-hover-background: @global-link-color; @button-default-hover-color: @global-inverse-color; @button-default-active-color: @global-inverse-color; @button-primary-background: @global-link-color; @button-disabled-background: transparent; @button-text-line-height: 32px; @button-text-hover-color: @global-primary-background; @button-link-hover-color: @global-primary-background; @button-border-width: 1px; @button-border-radius: 500px; @button-default-border: @global-link-color; @internal-button-default-hover-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%); @internal-button-default-active-gradient: linear-gradient(100deg, darken(#FE8155, 5%) 0%, darken(#F95462, 5%) 35%, darken(#ED7AA3, 5%) 100%); @internal-button-primary-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%); @internal-button-primary-hover-gradient: linear-gradient(100deg, spin(#FE8155, 10%) 0%, spin(#F95462, 10%) 35%, spin(#ED7AA3, 10%) 100%); @internal-button-primary-active-gradient: linear-gradient(100deg, spin(#FE8155, 8%) 0%, spin(#F95462, 8%) 35%, spin(#ED7AA3, 8%) 100%); @button-default-hover-box-shadow: @global-medium-box-shadow; @button-primary-hover-box-shadow: @global-medium-box-shadow; @button-secondary-hover-box-shadow: @global-medium-box-shadow; @button-danger-hover-box-shadow: @global-medium-box-shadow; @button-disabled-border: @global-border; @button-text-mode: em-dash; @internal-button-text-em-dash-padding: 10px; @internal-button-text-em-dash-size: 15px; @inverse-button-default-background: transparent; @inverse-button-default-color: @inverse-global-emphasis-color; @inverse-button-default-hover-background: @inverse-global-emphasis-color; @inverse-button-default-hover-color: @global-link-color; @inverse-button-default-active-background: @inverse-global-emphasis-color; @inverse-button-default-active-color: @global-link-color; @inverse-button-primary-color: @global-link-color; @inverse-button-primary-hover-background: fade(@inverse-button-primary-background, 90%); @inverse-button-primary-hover-color: @global-link-color; @inverse-button-secondary-color: @global-link-hover-color; @inverse-button-secondary-hover-background: fade(@inverse-button-secondary-background, 90%); @inverse-button-secondary-hover-color: @global-link-hover-color; @inverse-button-default-border: @global-inverse-color; @internal-progress-bar-gradient: linear-gradient(45deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%); @internal-section-primary-gradient: linear-gradient(135deg, #fe8155 0%, #fa5565 30%, #f07297 70%, #febdd5 100%); @internal-section-secondary-gradient: linear-gradient(135deg, #605cee 0%, #7571c8 100%); @internal-section-default-image: "../../master-sonic/images/section-background-image-lines.svg"; @internal-tile-primary-gradient: linear-gradient(135deg, #f95860, #ff7f58); @internal-tile-secondary-gradient: linear-gradient(135deg, #605cee, #7571c8); @card-title-font-size: 26px; @card-badge-height: 28px; @card-badge-padding-horizontal: 13px; @card-hover-background: @global-background; @card-default-background: @global-background; @card-default-hover-background: @global-background; @card-large-body-padding-horizontal-l: 55px; @card-large-body-padding-vertical-l: 55px; @card-badge-border-radius: 500px; @card-badge-font-weight: 400; @internal-card-badge-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 50%, #ED7AA3 100%); @card-hover-box-shadow: @global-medium-box-shadow; @card-default-box-shadow: @global-small-box-shadow; @card-default-hover-box-shadow: @global-medium-box-shadow; @internal-card-primary-gradient: linear-gradient(135deg, #f95860, #ff7f58); @internal-card-primary-hover-gradient: linear-gradient(135deg, spin(#f95860, -5%), spin(#ff7f58, -5%)); @card-primary-box-shadow: @global-large-box-shadow; @card-primary-hover-box-shadow: @global-xlarge-box-shadow; @internal-card-secondary-gradient: linear-gradient(135deg, #605cee, #7571c8); @internal-card-secondary-hover-gradient: linear-gradient(135deg, spin(#605cee, -5%), spin(#7571c8, -5%)); @card-secondary-box-shadow: @global-large-box-shadow; @card-secondary-hover-box-shadow: @global-xlarge-box-shadow; @alert-primary-background: #f4f4ff; @alert-primary-color: #525298; @alert-success-background: #e8f6ee; @alert-success-color: #3f7758; @alert-warning-color: #dd810a; @alert-danger-background: #ffefed; @alert-danger-color: #bd4b3e; @label-border-radius: 500px; @label-font-weight: 400; @article-title-font-size-m: @global-2xlarge-font-size; @article-title-text-transform: inherit; @article-meta-text-transform: @global-primary-text-transform; @comment-title-font-size: @global-font-size; @search-default-background: @global-background; @search-default-focus-background: @global-background; @search-navbar-font-size: @global-medium-font-size; @search-large-font-size: 40px; @search-toggle-color: @global-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-color; @inverse-search-default-background: transparent; @inverse-search-default-focus-background: transparent; @inverse-search-default-border: @inverse-global-border; @inverse-search-default-focus-border: @inverse-global-color; @accordion-title-font-size: 18px; @accordion-title-hover-color: @global-link-color; @dropdown-padding: 40px; @dropdown-background: @global-background; @dropdown-nav-item-color: @global-color; @dropdown-nav-item-hover-color: @global-link-color; @dropdown-nav-sublist-item-hover-color: @global-link-color; @dropdown-nav-font-size: 18px; @dropdown-box-shadow: @global-medium-box-shadow; @dropdown-nav-sublist-padding-left: 20px; @dropdown-nav-text-transform: none; @modal-title-font-size: 30px; @slider-container-margin-top: -42px; @slider-container-margin-bottom: -58px; @slider-container-margin-left: -50px; @slider-container-margin-right: -50px; @offcanvas-bar-padding-vertical: 15px; @offcanvas-bar-padding-horizontal: 25px; @offcanvas-bar-background: @global-background; @offcanvas-bar-color-mode: dark; @offcanvas-bar-box-shadow: 5px 0 14px 0 rgba(0, 0, 0, 0.06); @countdown-item-font-family: @global-primary-font-family; @countdown-item-font-weight: 100; @countdown-label-text-transform: uppercase; @nav-primary-item-font-size: @global-medium-font-size; @nav-primary-item-font-size: 30px; @navbar-background: @global-background; @navbar-nav-item-height: 106px; @navbar-nav-item-padding-horizontal: 25px; @navbar-nav-item-color: @global-color; @navbar-nav-item-hover-color: @global-link-color; @navbar-nav-item-onclick-color: @global-link-color; @navbar-nav-item-active-color: @global-link-color; @navbar-toggle-color: @global-color; @navbar-toggle-hover-color: @global-link-color; @navbar-dropdown-background: @global-background; @navbar-dropdown-dropbar-margin-bottom: (@navbar-dropdown-dropbar-margin-top + 30px); @navbar-dropdown-nav-margin-horizontal: 10px; @navbar-dropdown-nav-item-color: @global-color; @navbar-dropdown-nav-item-hover-color: @global-link-color; @navbar-dropdown-nav-item-active-color: @global-link-color; @navbar-dropdown-nav-sublist-item-hover-color: @global-link-color; @navbar-sticky-box-shadow: 0 2px 5px 0 rgba(30, 30, 30, 0.09); @navbar-dropdown-box-shadow: 0 2px 5px 0 rgba(30, 30, 30, 0.09); @navbar-dropbar-box-shadow: 0 3px 4px 0 rgba(30, 30, 30, 0.07); @navbar-nav-item-line-mode: true; @navbar-nav-item-line-slide-mode: left; @navbar-nav-item-line-transition-duration: 0.4s; @navbar-nav-item-line-margin-horizontal: @navbar-nav-item-padding-horizontal; @navbar-nav-item-line-height: 2px; @navbar-nav-item-line-margin-vertical: (@navbar-nav-item-height / 3); @navbar-nav-item-line-hover-height: @navbar-nav-item-line-height; @navbar-nav-item-line-onclick-height: @navbar-nav-item-line-height; @navbar-nav-item-line-active-height: @navbar-nav-item-line-height; @internal-navbar-nav-item-line-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 35%, #ED7AA3 100%); @subnav-item-font-size: 13px; @subnav-divider-margin-horizontal: 10px; @subnav-divider-border-width: 12px; @subnav-divider-border-height: 1px; @subnav-pill-item-padding-vertical: 3px; @subnav-pill-item-padding-horizontal: 15px; @subnav-pill-item-hover-background: @global-background; @subnav-pill-item-border-radius: 500px; @subnav-pill-item-hover-box-shadow: @global-small-box-shadow; @internal-subnav-pill-item-active-gradient: linear-gradient(100deg, #FE8155 0%, #F95462 50%, #ED7AA3 100%); @subnav-item-text-transform: @global-primary-text-transform; @inverse-subnav-item-color: @inverse-global-emphasis-color; @inverse-subnav-item-hover-color: fade(@global-inverse-color, 80%); @inverse-subnav-item-active-color: @inverse-global-emphasis-color; @inverse-subnav-pill-item-onclick-background: @inverse-global-emphasis-color; @inverse-subnav-pill-item-onclick-color: @global-color; @inverse-subnav-pill-item-active-background: @inverse-global-emphasis-color; @inverse-subnav-pill-item-active-color: @global-color; @breadcrumb-divider: "//"; @pagination-item-padding-vertical: 0; @tab-item-color: @global-color; @tab-item-hover-color: @global-link-color; @tab-item-active-color: @global-link-color; @tab-border: rgba(0, 0, 0, 0); @tab-item-border-width: 2px; @tab-item-text-transform: @global-primary-text-transform; @tab-item-active-border: @global-link-color; @tab-item-hover-border: @global-link-color; @slidenav-padding-vertical: 8px; @slidenav-padding-horizontal: 13px; @slidenav-color: fade(@global-color, 70%); @slidenav-hover-color: @global-color; @slidenav-active-color: @global-color; @slidenav-large-padding-vertical: 12px; @slidenav-large-padding-horizontal: 20px; @slidenav-border-width: 1px; @slidenav-border: fade(@global-color, 70%); @slidenav-hover-border: @global-color; @slidenav-active-border: @global-color; @slidenav-border-radius: 50%; @inverse-slidenav-border: fade(@global-inverse-color, 60%); @inverse-slidenav-hover-border: @global-inverse-color; @inverse-slidenav-active-border: @global-inverse-color; @dotnav-item-width: 14px; @dotnav-item-active-background: @global-primary-background; @dotnav-item-background: fadeout(@global-color, 85%); @dotnav-item-background: transparent; @dotnav-item-hover-background: @global-primary-background; @dotnav-item-onclick-background: @global-primary-background; @dotnav-item-border-width: 1px; @dotnav-item-border: fade(@global-muted-color, 50%); @inverse-dotnav-item-background: transparent; @inverse-dotnav-item-border: @global-inverse-color; @inverse-dotnav-item-active-border: @global-inverse-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-color; @iconnav-item-hover-color: @global-primary-background; @iconnav-item-active-color: @global-primary-background; @width-small-width: 120px; @text-lead-font-size: @global-medium-font-size; @text-meta-font-size: 16px; @text-meta-line-height: 1.188; @text-meta-text-transform: uppercase; @text-large-font-size: 26px; @text-lead-font-family: @global-font-family; @text-lead-text-transform: none; @text-lead-font-weight: @global-primary-font-weight; @internal-text-background-color-gradient: linear-gradient(45deg, #FE8155 0%, #F95462 35%, #f36884 60%, #F69EBE 100%); @logo-font-family: @global-primary-font-family; @logo-text-transform: @global-primary-text-transform;