140 lines
3.0 KiB
SCSS
140 lines
3.0 KiB
SCSS
@import 'color';
|
|
|
|
// Font Family
|
|
$font_1 :'Playfair Display', serif; //Heading
|
|
$font_2 :'Poppins', sans-serif; //Body
|
|
$font_3 :'Yellowtail', cursive; //Extra Style
|
|
|
|
|
|
$white_color:#fff;
|
|
|
|
|
|
// @media #{$xs}{}
|
|
|
|
|
|
// Responsive Variables
|
|
|
|
|
|
|
|
/*------------------- Responsive --------------------------*/
|
|
|
|
$laptop: 'only screen and (min-width: 1200px) and (max-width: 1600px)';
|
|
$lg :'only screen and (min-width: 992px) and (max-width: 1199px)';
|
|
$md:'only screen and (min-width: 768px) and (max-width: 991px)';
|
|
$xs:'(max-width: 767px)';
|
|
$sm: 'only screen and (min-width: 576px) and (max-width: 767px)';
|
|
|
|
// Extra Responsive
|
|
|
|
$medium_device : 'only screen and (min-width: 992px) and (max-width: 1200px)';
|
|
$tab_device:'only screen and (min-width: 768px) and (max-width: 991px)';
|
|
$large_mobile: 'only screen and (min-width: 576px) and (max-width: 767px)';
|
|
$tab: '(max-width: 991px)';
|
|
$small_mobile:'(max-width: 576px)';
|
|
$xs_mobile:'(max-width: 420px)';
|
|
$sm_mobile:'only screen and (min-width: 421px) and (max-width: 575px)';
|
|
$big_screen:'only screen and (min-width: 1200px) and (max-width: 1440px)';
|
|
$extra_big_screen: 'only screen and (min-width: 1200px) and (max-width: 3640px)';
|
|
|
|
|
|
// More Extra Responsive
|
|
$large_device_2:'(min-width: 1501px) and (max-width: 1700px)';
|
|
|
|
$large1:'(min-width: 1200px) and (max-width: 1400px)';
|
|
|
|
$large_device:'(min-width: 1200px) and (max-width: 1600px)';
|
|
$mid_device:'(min-width: 992px) and (max-width: 1200px)';
|
|
$tablet_device:'(min-width: 768px) and (max-width: 991px)';
|
|
$mobile_device:'(max-width: 767px)';
|
|
$large_mobile:'only screen and (min-width: 480px) and (max-width: 767px)';
|
|
|
|
|
|
|
|
|
|
|
|
/*
|
|
@include transition(.4s);
|
|
color:$theme-color;
|
|
*/
|
|
|
|
|
|
// Elemet Page btn
|
|
|
|
.boxed-btn {
|
|
background: #fff;
|
|
color: #fff !important;
|
|
|
|
display: inline-block;
|
|
padding: 18px 44px;
|
|
font-family: $font_1;
|
|
font-size: 14px;
|
|
font-weight: 400;
|
|
border: 0;
|
|
border: 1px solid $theme-color;
|
|
letter-spacing: 3px;
|
|
text-align: center;
|
|
text-transform: uppercase;
|
|
cursor: pointer;
|
|
&:hover{
|
|
background: $theme-color;
|
|
color: #000 !important;
|
|
border: 1px solid $theme-color;
|
|
}
|
|
&:focus{
|
|
outline: none;
|
|
}
|
|
&.large-width{
|
|
width: 220px;
|
|
}
|
|
}
|
|
|
|
|
|
|
|
// .......................
|
|
|
|
$font_stack_1: 'Playfair Display', serif;
|
|
$font_stack_2: 'Poppins', sans-serif;
|
|
/*Color Variables*/
|
|
|
|
$primary-color : #2577fd;
|
|
$title-color : #2a2a2a;
|
|
$text-color : #795376;
|
|
$offwhite : #f6f6f6;
|
|
$white: #fff;
|
|
$section_bg: #f4f4f4;
|
|
$white_color: #fff;
|
|
$black_color: #000;
|
|
$menu_color: #000;
|
|
$icon_color: #0c2e60;
|
|
$icon_bg: #f0f4f6;
|
|
$author_text_color: #556172;
|
|
$section_bg: #f4f4f4;
|
|
|
|
$color_1: #f8fbff;
|
|
$color_2: #fffbf9;
|
|
$color_3: #fafafa;
|
|
$color_4: #fffcf4;
|
|
|
|
$btn_hover: #f5790b;
|
|
$section_bg_1: #e8f0f2;
|
|
$heading_color: #4B3049;
|
|
$heading_color2: #ff8b23;
|
|
// $font_1: #666666;
|
|
// $font_2: #222222;
|
|
// $font_3: #7f7f7f;
|
|
$font_4: #8a8a8a;
|
|
$font_5: #999999;
|
|
$font_6: #666666;
|
|
$font_7: #777777;
|
|
$font_8: #888888;
|
|
$font_d: #dddddd;
|
|
$border_color: #edeff2;
|
|
$footer_bg: #303030;
|
|
$sidebar_bg: #fbf9ff;
|
|
|
|
|
|
|
|
|
|
|
|
|