Sass varibale

// Page$page-bg: #fff;

// Width
$width-base: 1140px;

// Colors
$color-error: #d9534f;
$color-success: #74ad58;
$color-info: #5bc0de;
$color-orange: #f07f16;
$color-primary: #4d2f48;
$color-white: #fff;
$color-black: #000;
$color-gray: #eee;

// Breakpoints
$breakpoint-small: 575px;
$breakpoint-phone: 767px;
$breakpoint-tablet: 991px;
$breakpoint-desktop: 1199px;

$base-duration: 0.35s;$base-timing: ease-in-out;

// # Typography
// =============================================== */

$text-color-base: #000;
$text-color-orange: #f07f16;
$text-color-white: #fff;
$text-color-primary: #4d2f48;
$text-color-gray: #eee;
$text-color-gray-alt: #e5e5e5;

$link-color-base: #f07f16;
$link-decoration-base: none;
$link-hover-color-base: $text-color-base;
$link-hover-decoration-base: none;

$font-family-base: 'Fira Sans', sans-serif;
$font-size-base: 18px;
$font-size-h1: 42px;
$font-size-h2: 30px;
$font-size-h3: 24px;
$font-size-h4: 20px;
$font-size-h5: 18px;
$font-size-h6: 16px;

$line-height-base: 1.4;

$heading-font-family: inherit;$heading-font-weight: 600;
$heading-line-height: 1.1;
$heading-color: $text-color-primary;

Comments

Popular posts from this blog

Animation js (Alternative wow js)

JavaScript code