193 lines
4.1 KiB
SCSS
193 lines
4.1 KiB
SCSS
$font-title: 'Cuprum', sans-serif;
|
|
$font-menu: 'Cuprum', sans-serif;
|
|
$font-price: 'Cuprum', sans-serif;
|
|
$font-text: 'Poppins', sans-serif;
|
|
$gray-darker: #232323;
|
|
$gray: #7A7A7A;
|
|
$gray-light: #F1F1F1;
|
|
$gray-lighter: #f6f6f6;
|
|
$brand-primary: #2fb5d2;
|
|
$brand-secondary: #f39d72;
|
|
$brand-success: #4cbb6c;
|
|
$brand-warning: #ff9a52;
|
|
$brand-danger: #ff4c4c;
|
|
$label-color: $gray-darker;
|
|
$btn-primary-color: #fff;
|
|
$btn-primary-bg: $brand-primary;
|
|
$btn-primary-border: transparent;
|
|
$btn-secondary-color: $gray-darker;
|
|
$btn-secondary-bg: $gray-lighter;
|
|
$btn-secondary-border: transparent;
|
|
$btn-border-radius: 0;
|
|
$input-border-color: rgba(0, 0, 0, 0.25);
|
|
$headings-font-weight: 700;
|
|
$tooltip-bg: $brand-danger;
|
|
$border-radius: 0;
|
|
$extra-small-space: 0.3125rem;
|
|
$small-space: 0.625rem;
|
|
$medium-space: 1.25rem;
|
|
$large-space: 1.875rem;
|
|
$extra-large-space: 2.5rem;
|
|
$section-space: 6.25rem;
|
|
$section-space-half: 3.25rem;
|
|
$warning: #FF9A52;
|
|
$warning-hover: #FDE7BB;
|
|
$alert-warning-bg: rgba(255,154,82,0.3);
|
|
$alert-warning-border: $warning;
|
|
$alert-warning-text: $gray-darker;
|
|
$btn-warning-bg: $warning;
|
|
$btn-warning-color: white;
|
|
$btn-tertiary-color: #6C868E;
|
|
$btn-tertiary-hover: #BBCDD2;
|
|
$base-font-weight: 500;
|
|
$base-font-size: 1rem;
|
|
$font-size-lg: 0.9375rem;
|
|
$font-size-sm: 0.875rem;
|
|
$font-size-xs: 0.8125rem;
|
|
$font-size-h1: 1.375rem;
|
|
$font-size-h2: 1.25rem;
|
|
$font-size-h3: 1.125rem;
|
|
$font-size-h4: 1.125rem;
|
|
$font-size-h5: 1rem;
|
|
$font-size-h6: 0.9375rem;
|
|
$display1-size: 3.125rem;
|
|
$display1-weight: 600;
|
|
$display2-size: 2.188rem;
|
|
$display2-weight: 400;
|
|
$display3-size: 1.563rem;
|
|
$display3-weight: 400;
|
|
$display4-size: 1.25rem;
|
|
$display4-weight: 400;
|
|
$text-muted: $gray;
|
|
// $NotoSansPath: "~notosans-fontface/fonts";
|
|
// $NotoSansVersion: "1.0.1";
|
|
|
|
// Design
|
|
//header
|
|
$header-bg:#f2f2f2;
|
|
$header-nav-bg:#ffffff;
|
|
$header-nav-border:#f2f2f2;
|
|
$header-nav-text:#bebebe;
|
|
$header-nav-link:#424242;
|
|
$header-nav-link-h:#00c293;
|
|
//cart
|
|
$cart-bg:#ffffff;
|
|
$cart-icon:#ff246c;
|
|
$cart-text:#1c1c1c;
|
|
$cart-q:#424242;
|
|
//mainmenu
|
|
$menu-bg:#ffffff;
|
|
$menu-link:#1c1c1c;
|
|
$menu-link-h:#00c293;
|
|
// blog
|
|
|
|
//levibox
|
|
$box-bg:#ffffff;
|
|
$box-icon:#1c1c1c;
|
|
$box-arrow:#dcdcdc;
|
|
$box-indicate:#00c293;
|
|
//side menu
|
|
$side-bg:#ffffff;
|
|
$side-text:#aaaaaa;
|
|
$side-light:#bbbbbb;
|
|
$side-link:#1c1c1c;
|
|
$side-decor:#f2f2f2;
|
|
|
|
//mobile menu
|
|
$moba_header:#ffffff;
|
|
$moba_bg:#ffffff;
|
|
$moba_icon:#1c1c1c;
|
|
|
|
// content
|
|
$main-bg:#f2f2f2;
|
|
$content-bg:#ffffff;
|
|
$body-text: #777777;
|
|
$body-comment: #bbbbbb;
|
|
$body-link: #000000;
|
|
$body-link-h: #00c293;
|
|
$body-border:#f2f2f2;
|
|
$body-table-even:#f6f6f6;
|
|
$alert-danger:#ff4653;
|
|
$success-bg:#00c293;
|
|
$success-text:#ffffff;
|
|
|
|
//titles
|
|
$title:#1c1c1c;
|
|
$title-before:#f2f2f2;
|
|
$title-decor:#5fceb3;
|
|
//inputs
|
|
$border-width: 2px;
|
|
$border-color: #f2f2f2;
|
|
$input-bg:#ffffff;
|
|
$input-border:#f2f2f2;
|
|
$input-border-focus: #5c5c5c;
|
|
$input-btn-border-width: 2px;
|
|
$input-bg: #ffffff;
|
|
$input-text: #1c1c1c;
|
|
$input-placeholder: #aaaaaa;
|
|
$input-checked: #00c293;
|
|
//buttons
|
|
$btn-bg:#5fceb3;
|
|
$btn-border:#5fceb3;
|
|
$btn-color:#ffffff;
|
|
$btn-bg-h:#1c1c1c;
|
|
$btn-border-h:#1c1c1c;
|
|
$btn-color-h:#ffffff;
|
|
|
|
// breadcrumb
|
|
$breadcrumb-color:#1c1c1c;
|
|
$breadcrumb-decor:#cccccc;
|
|
|
|
// tooltips
|
|
$tt-bg:#ffffff;
|
|
$tt-color:#1c1c1c;
|
|
|
|
// products
|
|
$prods-bg:#ffffff;
|
|
$prods-border:#f2f2f2;
|
|
$prods-name:#1c1c1c;
|
|
$prods-desc:#aaaaaa;
|
|
$prods-action-bg:#ffffff;
|
|
$prods-action-color:#1c1c1c;
|
|
$prods-sale:#f2f2f2;
|
|
$prods-sale-bg:#1c1c1c;
|
|
$prods-new:#5fceb3;
|
|
$prods-new-bg:#ffffff;
|
|
$prods-price:#1c1c1c;
|
|
$prods-old-price:#bbbbbb;
|
|
$cat-gl:#1c1c1c;
|
|
$prods-count:#888888;
|
|
$prods-count-bg:#ffffff;
|
|
$prods-count-i:#000000;
|
|
$prods-count-i-bg:#fbd4d6;
|
|
|
|
|
|
// product page
|
|
$pro-title:#1c1c1c;
|
|
$pro-text:#888888;
|
|
$pro-add-bg:#5fceb3;
|
|
$pro-add-color:#ffffff;
|
|
$pro-icons:#888888;
|
|
$pro-labels:#c1c1c1;
|
|
$pro-values:#1c1c1c;
|
|
|
|
// sidebar
|
|
$side-col-bg:#ffffff;
|
|
$sidebar-title-bg:#5fceb3;
|
|
$sidebar-title-color:#ffffff;
|
|
$sidebar-block-bg:#ffffff;
|
|
$sidebar-block-decor:#f2f2f2;
|
|
$sidebar-block-text:#424242;
|
|
$sidebar-block-link:#1c1c1c;
|
|
$sidebar-block-link-h:#00c293;
|
|
|
|
// Footer
|
|
$footer-bg:#fafafa;
|
|
$footer-titles:#cccccc;
|
|
$footer-text:#9d9d9d;
|
|
$footer-links:#555555;
|
|
$footer-links-h:#000000;
|
|
$footer-news-bg:#ffffff;
|
|
$footer-news-color:#a0a0a0;
|
|
$footer-news-btn:#ff4653;
|