/// Configuration
/// Edit these configs to fit your needs
@import "defs";

//// Project info
//$info: (
//        name: 'Atomic CSS',
//        variable-prefix: ''
//);
//
//// font family
//$fonts: (
//        primary: (
//                font-face: "'Be Vietnam Pro', sans-serif",
//                weight: 400 500 700
//        ),
//        icomoon: "'icomoon', fantasy"
//);
//
//// colors
//$colors: (
//        primary: '#1c44ad',
//        dark: '#1a1b1c',
//        "gray": '#f6f6f6',
//        light-blue: '#115df7',
//        dark-blue: '#21297d'
//);

//// aspect ratio
//$aspect_ratio: (
//        "custom":"1280/768"
//);
//

//// border radius
//$border_radius: (
//        "12px":"12px",
//        "16px":"16px"
//);

//// breakpoints
//$breakpoints: (
//        "lg": 1280px,
//        "md": 1024px,
//        "sm": 768px,
//        "xs": 480px,
//);

// SPACING
// 40%  => --spacing-x-40: 40%
// 40   => --spacing-x-40: 40px
// 40px => --spacing-x-40px: 40px
// 40em => --spacing-x-40em: 40em

// vertical spacing
//$vertical_spacing: (
//        "values":0 1 2 4 6 8 12 16 24 32 48 64 96 128,
//        "md": 0 1 2 4 6 8 12 16 24 30 40 50 60 70,
//);

// custom vertical spacing
//$custom_vertical_spacing: (
//        'default':10,
//        'heading':20,
//        'paragraph':16,
//);

// horizontal spacing
//$horizontal_spacing: (
//        "values":20 40,
//        "md": 20 20,
//);

// custom horizontal spacing (gap)
//$custom_horizontal_spacing: (
//        "gap-vc-column":20,
//        "gap-container":40px, // Add unit to not use the responsive value
//);

// font sizes
//$font_sizes: (
//        "values": 13 14 15 16 18 20 28 30 32 35 40 50 70 100,
//        "md": 13 14 15 16 18 20 24 26 28 32 35 40 50 71,
//        "sm": 13 14 15 16 18 20 22 24 26 30 32 36 40 58,
//        "xs": 13 14 15 16 16 18 20 24 24 26 30 33 34 48
//);


// font size custom name
// The value must be defined by font_sizes above
//$font_size_custom: (
//        "h1": 40,
//        "h2": 35,
//        "h3": 35,
//        "h4": 18,
//        "h5": 16,
//        "h6": 15,
//        'body': 16,
//        "large": 100,
//);


// containers
//$containers: (
//        "container-small": 768,
//        "container": 1096,
//        "container-fluid": unset, // unset => none max-width but still keep gap value
//);

// loading class
//$loading_class: (
//        "enable": true,
//        "isWoocommerce": false // true if project using woocommerce
//);