93 lines
2.0 KiB
SCSS
Executable File
93 lines
2.0 KiB
SCSS
Executable File
// Font Family
|
|
$common-font: 'Montserrat', sans-serif;
|
|
$heading-font: 'Montserrat', sans-serif;
|
|
$body-font: 'Montserrat', sans-serif;
|
|
|
|
|
|
// Colors ---------------
|
|
|
|
$white: #ffffff;
|
|
$black: #000000;
|
|
$light-grey: #fafafa;
|
|
|
|
// Body Color
|
|
$body-color: #151515;
|
|
$body-color-light: #151515;
|
|
|
|
// Heading Color
|
|
$heading-color: #151515;
|
|
// Theme Color
|
|
$theme-color: #151515;
|
|
|
|
|
|
// Socail Color
|
|
$android: #7AC157;
|
|
$apple: #B8B8B8;
|
|
$behance: #1869FF;
|
|
$codepen: $black;
|
|
$dribbble: #EA4C8A;
|
|
$dropbox: #007EE5;
|
|
$evernote: #78D525;
|
|
$facebook: #4867AA;
|
|
$github: #313131;
|
|
$google-drive: #1DA462;
|
|
$google-earth: #4285F4;
|
|
$google-glass: #EA4335;
|
|
$google-maps: #5083C3;
|
|
$google-play: #01B9FD;
|
|
$google-plus: #DD5144;
|
|
$google: #4285F4;
|
|
$instagram: #B23A94;
|
|
$css3: #0277BD;
|
|
$html5: #E44D26;
|
|
$javascript: #F9DC3D;
|
|
$python: #0C9DBF;
|
|
$lastfm: #E31B23;
|
|
$linkedin: #007BB6;
|
|
$paypal: #002F86;
|
|
$pinterest: #BD081B;
|
|
$pocket: #EF3E56;
|
|
$polymer: #F87292;
|
|
$rss: #F99C3A;
|
|
$share: #2C9CFF;
|
|
$stackoverflow: #F38024;
|
|
$steam: #15497B;
|
|
$twitter: #1DA1F2;
|
|
$vk: #5181B8;
|
|
$wikipedia: #E9E9E9;
|
|
$windows: #0078D6;
|
|
$s500px: $black;
|
|
$s8tracks: #122D4B;
|
|
$amazon: #F79B34;
|
|
$blogger: #F06A35;
|
|
$delicious: #0000FE;
|
|
$disqus: #2E9EFE;
|
|
$flattr: #7AB831;
|
|
$flickr: #FE0084;
|
|
$odnoklassniki: #F58220;
|
|
$outlook: #0072C6;
|
|
$playstation: #07418E;
|
|
$reddit: #FF4500;
|
|
$skype: #00A9F0;
|
|
$slideshare: #0077B5;
|
|
$soundcloud: #FE4900;
|
|
$tumblr: #36465D;
|
|
$twitch: #6441A4;
|
|
$vimeo: #1AB7EA;
|
|
$whatsapp: #189D0E;
|
|
$xbox: #107C0F;
|
|
$yahoo: #4101AF;
|
|
$youtube: #FE0000;
|
|
|
|
|
|
|
|
// Responsive Variables
|
|
$large-laptop-device : 'only screen and (min-width: 1500px) and (max-width: 1900px)';
|
|
$laptop-device : 'only screen and (min-width: 1200px) and (max-width: 1499px)';
|
|
$desktop-device : 'only screen and (min-width: 992px) and (max-width: 1199px)';
|
|
$tablet-device:'only screen and (min-width: 768px) and (max-width: 991px)';
|
|
$large-mobile:'only screen and (max-width: 767px)';
|
|
$small-mobile: 'only screen and (max-width: 575px)';
|
|
$extra-small-mobile: 'only screen and (max-width: 479px)';
|
|
|