43 lines
1.2 KiB
Sass
43 lines
1.2 KiB
Sass
// GLOBAL VARIABLES
|
|
|
|
// Fonts
|
|
$fonts: (base-font: "'Outfit', sans-serif", heading-font: "'Outfit', sans-serif")
|
|
|
|
// Font Family
|
|
$base-font: var(--base-font)
|
|
$heading-font: var(--heading-font)
|
|
|
|
// body font size
|
|
$base-size: 16px
|
|
|
|
// heading font size
|
|
$h1-size: 85px
|
|
$h2-size: 42px
|
|
$h3-size: 30px
|
|
$h4-size: 27px
|
|
$h5-size: 24px
|
|
$h6-size: 20px
|
|
|
|
// Colors
|
|
$colors: (primary-color: #63AB45, secondary-color: #F7921E, heading-color: #1C231F, base-color: #484848, lighter-color: #F9F9F7, border-color: #E9E9E9, primary-rgb: '99, 171, 69', secondary-rgb: '247, 146, 30')
|
|
|
|
$base-color: var(--base-color)
|
|
$primary-color: var(--primary-color)
|
|
$secondary-color: var(--secondary-color)
|
|
$heading-color: var(--heading-color)
|
|
$lighter-color: var(--lighter-color)
|
|
$border-color: var(--border-color)
|
|
$primary-rgb: var(--primary-rgb)
|
|
$secondary-rgb: var(--secondary-rgb)
|
|
|
|
$box-shadow: 3px 0 60px transparentize(map-get($colors, primary-color), 0.8)
|
|
$bgc-gradient: linear-gradient( -30deg, rgb(48,240,182) 0%, rgb(103,77,243) 100%)
|
|
|
|
|
|
// layout
|
|
$gutter: 30px
|
|
$container: 1320px
|
|
|
|
// Breakpoints.
|
|
$breakpoints: ( xs: 376px, ms: 480px, sm: 576px, md: 768px, lg: 992px, xl: 1200px, lp: 1300px, xxl: 1400px, lb: 1600px )
|