first commit

themes/ayon/_dev/css/partials/_variables.scss

@@ -0,0 +1,192 @@
+$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;