// SCSS variables are information about icon's compiled state, stored under its original file name
//
// .icon-home {
//   width: $icon-home-width;
// }
//
// The large array-like variables contain all information about a single icon
// $icon-home: x y offset_x offset_y width height total_width total_height image_path;
//
// At the bottom of this section, we provide information about the spritesheet itself
// $spritesheet: width height image $spritesheet-sprites;
$chevron-down-name: 'chevron-down';
$chevron-down-x: 446px;
$chevron-down-y: 369px;
$chevron-down-offset-x: -446px;
$chevron-down-offset-y: -369px;
$chevron-down-width: 40px;
$chevron-down-height: 40px;
$chevron-down-total-width: 526px;
$chevron-down-total-height: 463px;
$chevron-down-image: '../images/sprite.png';
$chevron-down: (446px, 369px, -446px, -369px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'chevron-down', );
$chevron-up-name: 'chevron-up';
$chevron-up-x: 486px;
$chevron-up-y: 369px;
$chevron-up-offset-x: -486px;
$chevron-up-offset-y: -369px;
$chevron-up-width: 40px;
$chevron-up-height: 40px;
$chevron-up-total-width: 526px;
$chevron-up-total-height: 463px;
$chevron-up-image: '../images/sprite.png';
$chevron-up: (486px, 369px, -486px, -369px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'chevron-up', );
$close-menu-name: 'close-menu';
$close-menu-x: 446px;
$close-menu-y: 0px;
$close-menu-offset-x: -446px;
$close-menu-offset-y: 0px;
$close-menu-width: 80px;
$close-menu-height: 80px;
$close-menu-total-width: 526px;
$close-menu-total-height: 463px;
$close-menu-image: '../images/sprite.png';
$close-menu: (446px, 0px, -446px, 0px, 80px, 80px, 526px, 463px, '../images/sprite.png', 'close-menu', );
$dot-grid-name: 'dot-grid';
$dot-grid-x: 446px;
$dot-grid-y: 80px;
$dot-grid-offset-x: -446px;
$dot-grid-offset-y: -80px;
$dot-grid-width: 80px;
$dot-grid-height: 80px;
$dot-grid-total-width: 526px;
$dot-grid-total-height: 463px;
$dot-grid-image: '../images/sprite.png';
$dot-grid: (446px, 80px, -446px, -80px, 80px, 80px, 526px, 463px, '../images/sprite.png', 'dot-grid', );
$home-03-name: 'home-03';
$home-03-x: 232px;
$home-03-y: 247px;
$home-03-offset-x: -232px;
$home-03-offset-y: -247px;
$home-03-width: 40px;
$home-03-height: 40px;
$home-03-total-width: 526px;
$home-03-total-height: 463px;
$home-03-image: '../images/sprite.png';
$home-03: (232px, 247px, -232px, -247px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'home-03', );
$ico-angellist-name: 'ico-angellist';
$ico-angellist-x: 446px;
$ico-angellist-y: 321px;
$ico-angellist-offset-x: -446px;
$ico-angellist-offset-y: -321px;
$ico-angellist-width: 48px;
$ico-angellist-height: 48px;
$ico-angellist-total-width: 526px;
$ico-angellist-total-height: 463px;
$ico-angellist-image: '../images/sprite.png';
$ico-angellist: (446px, 321px, -446px, -321px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-angellist', );
$ico-blog-name: 'ico-blog';
$ico-blog-x: 0px;
$ico-blog-y: 415px;
$ico-blog-offset-x: 0px;
$ico-blog-offset-y: -415px;
$ico-blog-width: 48px;
$ico-blog-height: 48px;
$ico-blog-total-width: 526px;
$ico-blog-total-height: 463px;
$ico-blog-image: '../images/sprite.png';
$ico-blog: (0px, 415px, 0px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-blog', );
$ico-ci-favicon-name: 'ico-ci-favicon';
$ico-ci-favicon-x: 446px;
$ico-ci-favicon-y: 160px;
$ico-ci-favicon-offset-x: -446px;
$ico-ci-favicon-offset-y: -160px;
$ico-ci-favicon-width: 64px;
$ico-ci-favicon-height: 64px;
$ico-ci-favicon-total-width: 526px;
$ico-ci-favicon-total-height: 463px;
$ico-ci-favicon-image: '../images/sprite.png';
$ico-ci-favicon: (446px, 160px, -446px, -160px, 64px, 64px, 526px, 463px, '../images/sprite.png', 'ico-ci-favicon', );
$ico-dribble-name: 'ico-dribble';
$ico-dribble-x: 48px;
$ico-dribble-y: 415px;
$ico-dribble-offset-x: -48px;
$ico-dribble-offset-y: -415px;
$ico-dribble-width: 48px;
$ico-dribble-height: 48px;
$ico-dribble-total-width: 526px;
$ico-dribble-total-height: 463px;
$ico-dribble-image: '../images/sprite.png';
$ico-dribble: (48px, 415px, -48px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-dribble', );
$ico-enterprise-name: 'ico-enterprise';
$ico-enterprise-x: 88px;
$ico-enterprise-y: 327px;
$ico-enterprise-offset-x: -88px;
$ico-enterprise-offset-y: -327px;
$ico-enterprise-width: 158px;
$ico-enterprise-height: 44px;
$ico-enterprise-total-width: 526px;
$ico-enterprise-total-height: 463px;
$ico-enterprise-image: '../images/sprite.png';
$ico-enterprise: (88px, 327px, -88px, -327px, 158px, 44px, 526px, 463px, '../images/sprite.png', 'ico-enterprise', );
$ico-facebook-name: 'ico-facebook';
$ico-facebook-x: 96px;
$ico-facebook-y: 415px;
$ico-facebook-offset-x: -96px;
$ico-facebook-offset-y: -415px;
$ico-facebook-width: 48px;
$ico-facebook-height: 48px;
$ico-facebook-total-width: 526px;
$ico-facebook-total-height: 463px;
$ico-facebook-image: '../images/sprite.png';
$ico-facebook: (96px, 415px, -96px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-facebook', );
$ico-github-name: 'ico-github';
$ico-github-x: 144px;
$ico-github-y: 415px;
$ico-github-offset-x: -144px;
$ico-github-offset-y: -415px;
$ico-github-width: 48px;
$ico-github-height: 48px;
$ico-github-total-width: 526px;
$ico-github-total-height: 463px;
$ico-github-image: '../images/sprite.png';
$ico-github: (144px, 415px, -144px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-github', );
$ico-instagram-name: 'ico-instagram';
$ico-instagram-x: 192px;
$ico-instagram-y: 415px;
$ico-instagram-offset-x: -192px;
$ico-instagram-offset-y: -415px;
$ico-instagram-width: 48px;
$ico-instagram-height: 48px;
$ico-instagram-total-width: 526px;
$ico-instagram-total-height: 463px;
$ico-instagram-image: '../images/sprite.png';
$ico-instagram: (192px, 415px, -192px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-instagram', );
$ico-linkedin-name: 'ico-linkedin';
$ico-linkedin-x: 240px;
$ico-linkedin-y: 415px;
$ico-linkedin-offset-x: -240px;
$ico-linkedin-offset-y: -415px;
$ico-linkedin-width: 48px;
$ico-linkedin-height: 48px;
$ico-linkedin-total-width: 526px;
$ico-linkedin-total-height: 463px;
$ico-linkedin-image: '../images/sprite.png';
$ico-linkedin: (240px, 415px, -240px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-linkedin', );
$ico-m-sm-name: 'ico-m-sm';
$ico-m-sm-x: 446px;
$ico-m-sm-y: 224px;
$ico-m-sm-offset-x: -446px;
$ico-m-sm-offset-y: -224px;
$ico-m-sm-width: 49px;
$ico-m-sm-height: 49px;
$ico-m-sm-total-width: 526px;
$ico-m-sm-total-height: 463px;
$ico-m-sm-image: '../images/sprite.png';
$ico-m-sm: (446px, 224px, -446px, -224px, 49px, 49px, 526px, 463px, '../images/sprite.png', 'ico-m-sm', );
$ico-naver-name: 'ico-naver';
$ico-naver-x: 288px;
$ico-naver-y: 415px;
$ico-naver-offset-x: -288px;
$ico-naver-offset-y: -415px;
$ico-naver-width: 48px;
$ico-naver-height: 48px;
$ico-naver-total-width: 526px;
$ico-naver-total-height: 463px;
$ico-naver-image: '../images/sprite.png';
$ico-naver: (288px, 415px, -288px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-naver', );
$ico-new-name: 'ico-new';
$ico-new-x: 272px;
$ico-new-y: 247px;
$ico-new-offset-x: -272px;
$ico-new-offset-y: -247px;
$ico-new-width: 40px;
$ico-new-height: 40px;
$ico-new-total-width: 526px;
$ico-new-total-height: 463px;
$ico-new-image: '../images/sprite.png';
$ico-new: (272px, 247px, -272px, -247px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'ico-new', );
$ico-search-clear-name: 'ico-search-clear';
$ico-search-clear-x: 408px;
$ico-search-clear-y: 371px;
$ico-search-clear-offset-x: -408px;
$ico-search-clear-offset-y: -371px;
$ico-search-clear-width: 36px;
$ico-search-clear-height: 36px;
$ico-search-clear-total-width: 526px;
$ico-search-clear-total-height: 463px;
$ico-search-clear-image: '../images/sprite.png';
$ico-search-clear: (408px, 371px, -408px, -371px, 36px, 36px, 526px, 463px, '../images/sprite.png', 'ico-search-clear', );
$ico-twitter-name: 'ico-twitter';
$ico-twitter-x: 336px;
$ico-twitter-y: 415px;
$ico-twitter-offset-x: -336px;
$ico-twitter-offset-y: -415px;
$ico-twitter-width: 48px;
$ico-twitter-height: 48px;
$ico-twitter-total-width: 526px;
$ico-twitter-total-height: 463px;
$ico-twitter-image: '../images/sprite.png';
$ico-twitter: (336px, 415px, -336px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-twitter', );
$ico-youtube-name: 'ico-youtube';
$ico-youtube-x: 384px;
$ico-youtube-y: 415px;
$ico-youtube-offset-x: -384px;
$ico-youtube-offset-y: -415px;
$ico-youtube-width: 48px;
$ico-youtube-height: 48px;
$ico-youtube-total-width: 526px;
$ico-youtube-total-height: 463px;
$ico-youtube-image: '../images/sprite.png';
$ico-youtube: (384px, 415px, -384px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'ico-youtube', );
$logo-commerce-white-name: 'logo-commerce-white';
$logo-commerce-white-x: 200px;
$logo-commerce-white-y: 0px;
$logo-commerce-white-offset-x: -200px;
$logo-commerce-white-offset-y: 0px;
$logo-commerce-white-width: 246px;
$logo-commerce-white-height: 60px;
$logo-commerce-white-total-width: 526px;
$logo-commerce-white-total-height: 463px;
$logo-commerce-white-image: '../images/sprite.png';
$logo-commerce-white: (200px, 0px, -200px, 0px, 246px, 60px, 526px, 463px, '../images/sprite.png', 'logo-commerce-white', );
$logo-commerce-name: 'logo-commerce';
$logo-commerce-x: 200px;
$logo-commerce-y: 60px;
$logo-commerce-offset-x: -200px;
$logo-commerce-offset-y: -60px;
$logo-commerce-width: 246px;
$logo-commerce-height: 60px;
$logo-commerce-total-width: 526px;
$logo-commerce-total-height: 463px;
$logo-commerce-image: '../images/sprite.png';
$logo-commerce: (200px, 60px, -200px, -60px, 246px, 60px, 526px, 463px, '../images/sprite.png', 'logo-commerce', );
$mark-award-m-name: 'mark-award-m';
$mark-award-m-x: 240px;
$mark-award-m-y: 126px;
$mark-award-m-offset-x: -240px;
$mark-award-m-offset-y: -126px;
$mark-award-m-width: 88px;
$mark-award-m-height: 88px;
$mark-award-m-total-width: 526px;
$mark-award-m-total-height: 463px;
$mark-award-m-image: '../images/sprite.png';
$mark-award-m: (240px, 126px, -240px, -126px, 88px, 88px, 526px, 463px, '../images/sprite.png', 'mark-award-m', );
$mark-award-name: 'mark-award';
$mark-award-x: 0px;
$mark-award-y: 0px;
$mark-award-offset-x: 0px;
$mark-award-offset-y: 0px;
$mark-award-width: 200px;
$mark-award-height: 126px;
$mark-award-total-width: 526px;
$mark-award-total-height: 463px;
$mark-award-image: '../images/sprite.png';
$mark-award: (0px, 0px, 0px, 0px, 200px, 126px, 526px, 463px, '../images/sprite.png', 'mark-award', );
$mark-isms-m-name: 'mark-isms-m';
$mark-isms-m-x: 328px;
$mark-isms-m-y: 126px;
$mark-isms-m-offset-x: -328px;
$mark-isms-m-offset-y: -126px;
$mark-isms-m-width: 88px;
$mark-isms-m-height: 88px;
$mark-isms-m-total-width: 526px;
$mark-isms-m-total-height: 463px;
$mark-isms-m-image: '../images/sprite.png';
$mark-isms-m: (328px, 126px, -328px, -126px, 88px, 88px, 526px, 463px, '../images/sprite.png', 'mark-isms-m', );
$mark-isms-name: 'mark-isms';
$mark-isms-x: 120px;
$mark-isms-y: 126px;
$mark-isms-offset-x: -120px;
$mark-isms-offset-y: -126px;
$mark-isms-width: 120px;
$mark-isms-height: 120px;
$mark-isms-total-width: 526px;
$mark-isms-total-height: 463px;
$mark-isms-image: '../images/sprite.png';
$mark-isms: (120px, 126px, -120px, -126px, 120px, 120px, 526px, 463px, '../images/sprite.png', 'mark-isms', );
$mark-large-sms-m-name: 'mark-large-sms-m';
$mark-large-sms-m-x: 0px;
$mark-large-sms-m-y: 327px;
$mark-large-sms-m-offset-x: 0px;
$mark-large-sms-m-offset-y: -327px;
$mark-large-sms-m-width: 88px;
$mark-large-sms-m-height: 88px;
$mark-large-sms-m-total-width: 526px;
$mark-large-sms-m-total-height: 463px;
$mark-large-sms-m-image: '../images/sprite.png';
$mark-large-sms-m: (0px, 327px, 0px, -327px, 88px, 88px, 526px, 463px, '../images/sprite.png', 'mark-large-sms-m', );
$mark-large-sms-name: 'mark-large-sms';
$mark-large-sms-x: 0px;
$mark-large-sms-y: 126px;
$mark-large-sms-offset-x: 0px;
$mark-large-sms-offset-y: -126px;
$mark-large-sms-width: 120px;
$mark-large-sms-height: 121px;
$mark-large-sms-total-width: 526px;
$mark-large-sms-total-height: 463px;
$mark-large-sms-image: '../images/sprite.png';
$mark-large-sms: (0px, 126px, 0px, -126px, 120px, 121px, 526px, 463px, '../images/sprite.png', 'mark-large-sms', );
$message-smile-circle-name: 'message-smile-circle';
$message-smile-circle-x: 312px;
$message-smile-circle-y: 247px;
$message-smile-circle-offset-x: -312px;
$message-smile-circle-offset-y: -247px;
$message-smile-circle-width: 40px;
$message-smile-circle-height: 40px;
$message-smile-circle-total-width: 526px;
$message-smile-circle-total-height: 463px;
$message-smile-circle-image: '../images/sprite.png';
$message-smile-circle: (312px, 247px, -312px, -247px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'message-smile-circle', );
$message-smile-square-name: 'message-smile-square';
$message-smile-square-x: 446px;
$message-smile-square-y: 273px;
$message-smile-square-offset-x: -446px;
$message-smile-square-offset-y: -273px;
$message-smile-square-width: 49px;
$message-smile-square-height: 48px;
$message-smile-square-total-width: 526px;
$message-smile-square-total-height: 463px;
$message-smile-square-image: '../images/sprite.png';
$message-smile-square: (446px, 273px, -446px, -273px, 49px, 48px, 526px, 463px, '../images/sprite.png', 'message-smile-square', );
$settings-02-name: 'settings-02';
$settings-02-x: 432px;
$settings-02-y: 415px;
$settings-02-offset-x: -432px;
$settings-02-offset-y: -415px;
$settings-02-width: 48px;
$settings-02-height: 48px;
$settings-02-total-width: 526px;
$settings-02-total-height: 463px;
$settings-02-image: '../images/sprite.png';
$settings-02: (432px, 415px, -432px, -415px, 48px, 48px, 526px, 463px, '../images/sprite.png', 'settings-02', );
$solid-bmp-name: 'solid-bmp';
$solid-bmp-x: 352px;
$solid-bmp-y: 247px;
$solid-bmp-offset-x: -352px;
$solid-bmp-offset-y: -247px;
$solid-bmp-width: 40px;
$solid-bmp-height: 40px;
$solid-bmp-total-width: 526px;
$solid-bmp-total-height: 463px;
$solid-bmp-image: '../images/sprite.png';
$solid-bmp: (352px, 247px, -352px, -247px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-bmp', );
$solid-csv-name: 'solid-csv';
$solid-csv-x: 392px;
$solid-csv-y: 247px;
$solid-csv-offset-x: -392px;
$solid-csv-offset-y: -247px;
$solid-csv-width: 40px;
$solid-csv-height: 40px;
$solid-csv-total-width: 526px;
$solid-csv-total-height: 463px;
$solid-csv-image: '../images/sprite.png';
$solid-csv: (392px, 247px, -392px, -247px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-csv', );
$solid-doc-name: 'solid-doc';
$solid-doc-x: 232px;
$solid-doc-y: 287px;
$solid-doc-offset-x: -232px;
$solid-doc-offset-y: -287px;
$solid-doc-width: 40px;
$solid-doc-height: 40px;
$solid-doc-total-width: 526px;
$solid-doc-total-height: 463px;
$solid-doc-image: '../images/sprite.png';
$solid-doc: (232px, 287px, -232px, -287px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-doc', );
$solid-docx-name: 'solid-docx';
$solid-docx-x: 272px;
$solid-docx-y: 287px;
$solid-docx-offset-x: -272px;
$solid-docx-offset-y: -287px;
$solid-docx-width: 40px;
$solid-docx-height: 40px;
$solid-docx-total-width: 526px;
$solid-docx-total-height: 463px;
$solid-docx-image: '../images/sprite.png';
$solid-docx: (272px, 287px, -272px, -287px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-docx', );
$solid-eps-name: 'solid-eps';
$solid-eps-x: 312px;
$solid-eps-y: 287px;
$solid-eps-offset-x: -312px;
$solid-eps-offset-y: -287px;
$solid-eps-width: 40px;
$solid-eps-height: 40px;
$solid-eps-total-width: 526px;
$solid-eps-total-height: 463px;
$solid-eps-image: '../images/sprite.png';
$solid-eps: (312px, 287px, -312px, -287px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-eps', );
$solid-gif-name: 'solid-gif';
$solid-gif-x: 352px;
$solid-gif-y: 287px;
$solid-gif-offset-x: -352px;
$solid-gif-offset-y: -287px;
$solid-gif-width: 40px;
$solid-gif-height: 40px;
$solid-gif-total-width: 526px;
$solid-gif-total-height: 463px;
$solid-gif-image: '../images/sprite.png';
$solid-gif: (352px, 287px, -352px, -287px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-gif', );
$solid-img-name: 'solid-img';
$solid-img-x: 392px;
$solid-img-y: 287px;
$solid-img-offset-x: -392px;
$solid-img-offset-y: -287px;
$solid-img-width: 40px;
$solid-img-height: 40px;
$solid-img-total-width: 526px;
$solid-img-total-height: 463px;
$solid-img-image: '../images/sprite.png';
$solid-img: (392px, 287px, -392px, -287px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-img', );
$solid-jpeg-name: 'solid-jpeg';
$solid-jpeg-x: 246px;
$solid-jpeg-y: 327px;
$solid-jpeg-offset-x: -246px;
$solid-jpeg-offset-y: -327px;
$solid-jpeg-width: 40px;
$solid-jpeg-height: 40px;
$solid-jpeg-total-width: 526px;
$solid-jpeg-total-height: 463px;
$solid-jpeg-image: '../images/sprite.png';
$solid-jpeg: (246px, 327px, -246px, -327px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-jpeg', );
$solid-jpg-name: 'solid-jpg';
$solid-jpg-x: 286px;
$solid-jpg-y: 327px;
$solid-jpg-offset-x: -286px;
$solid-jpg-offset-y: -327px;
$solid-jpg-width: 40px;
$solid-jpg-height: 40px;
$solid-jpg-total-width: 526px;
$solid-jpg-total-height: 463px;
$solid-jpg-image: '../images/sprite.png';
$solid-jpg: (286px, 327px, -286px, -327px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-jpg', );
$solid-pdf-name: 'solid-pdf';
$solid-pdf-x: 326px;
$solid-pdf-y: 327px;
$solid-pdf-offset-x: -326px;
$solid-pdf-offset-y: -327px;
$solid-pdf-width: 40px;
$solid-pdf-height: 40px;
$solid-pdf-total-width: 526px;
$solid-pdf-total-height: 463px;
$solid-pdf-image: '../images/sprite.png';
$solid-pdf: (326px, 327px, -326px, -327px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-pdf', );
$solid-png-name: 'solid-png';
$solid-png-x: 366px;
$solid-png-y: 327px;
$solid-png-offset-x: -366px;
$solid-png-offset-y: -327px;
$solid-png-width: 40px;
$solid-png-height: 40px;
$solid-png-total-width: 526px;
$solid-png-total-height: 463px;
$solid-png-image: '../images/sprite.png';
$solid-png: (366px, 327px, -366px, -327px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-png', );
$solid-ppt-name: 'solid-ppt';
$solid-ppt-x: 406px;
$solid-ppt-y: 327px;
$solid-ppt-offset-x: -406px;
$solid-ppt-offset-y: -327px;
$solid-ppt-width: 40px;
$solid-ppt-height: 40px;
$solid-ppt-total-width: 526px;
$solid-ppt-total-height: 463px;
$solid-ppt-image: '../images/sprite.png';
$solid-ppt: (406px, 327px, -406px, -327px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-ppt', );
$solid-pptx-name: 'solid-pptx';
$solid-pptx-x: 88px;
$solid-pptx-y: 371px;
$solid-pptx-offset-x: -88px;
$solid-pptx-offset-y: -371px;
$solid-pptx-width: 40px;
$solid-pptx-height: 40px;
$solid-pptx-total-width: 526px;
$solid-pptx-total-height: 463px;
$solid-pptx-image: '../images/sprite.png';
$solid-pptx: (88px, 371px, -88px, -371px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-pptx', );
$solid-rar-name: 'solid-rar';
$solid-rar-x: 128px;
$solid-rar-y: 371px;
$solid-rar-offset-x: -128px;
$solid-rar-offset-y: -371px;
$solid-rar-width: 40px;
$solid-rar-height: 40px;
$solid-rar-total-width: 526px;
$solid-rar-total-height: 463px;
$solid-rar-image: '../images/sprite.png';
$solid-rar: (128px, 371px, -128px, -371px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-rar', );
$solid-svg-name: 'solid-svg';
$solid-svg-x: 168px;
$solid-svg-y: 371px;
$solid-svg-offset-x: -168px;
$solid-svg-offset-y: -371px;
$solid-svg-width: 40px;
$solid-svg-height: 40px;
$solid-svg-total-width: 526px;
$solid-svg-total-height: 463px;
$solid-svg-image: '../images/sprite.png';
$solid-svg: (168px, 371px, -168px, -371px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-svg', );
$solid-tiff-name: 'solid-tiff';
$solid-tiff-x: 208px;
$solid-tiff-y: 371px;
$solid-tiff-offset-x: -208px;
$solid-tiff-offset-y: -371px;
$solid-tiff-width: 40px;
$solid-tiff-height: 40px;
$solid-tiff-total-width: 526px;
$solid-tiff-total-height: 463px;
$solid-tiff-image: '../images/sprite.png';
$solid-tiff: (208px, 371px, -208px, -371px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-tiff', );
$solid-txt-name: 'solid-txt';
$solid-txt-x: 248px;
$solid-txt-y: 371px;
$solid-txt-offset-x: -248px;
$solid-txt-offset-y: -371px;
$solid-txt-width: 40px;
$solid-txt-height: 40px;
$solid-txt-total-width: 526px;
$solid-txt-total-height: 463px;
$solid-txt-image: '../images/sprite.png';
$solid-txt: (248px, 371px, -248px, -371px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-txt', );
$solid-webp-name: 'solid-webp';
$solid-webp-x: 288px;
$solid-webp-y: 371px;
$solid-webp-offset-x: -288px;
$solid-webp-offset-y: -371px;
$solid-webp-width: 40px;
$solid-webp-height: 40px;
$solid-webp-total-width: 526px;
$solid-webp-total-height: 463px;
$solid-webp-image: '../images/sprite.png';
$solid-webp: (288px, 371px, -288px, -371px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-webp', );
$solid-xls-name: 'solid-xls';
$solid-xls-x: 328px;
$solid-xls-y: 371px;
$solid-xls-offset-x: -328px;
$solid-xls-offset-y: -371px;
$solid-xls-width: 40px;
$solid-xls-height: 40px;
$solid-xls-total-width: 526px;
$solid-xls-total-height: 463px;
$solid-xls-image: '../images/sprite.png';
$solid-xls: (328px, 371px, -328px, -371px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-xls', );
$solid-xlsx-name: 'solid-xlsx';
$solid-xlsx-x: 368px;
$solid-xlsx-y: 371px;
$solid-xlsx-offset-x: -368px;
$solid-xlsx-offset-y: -371px;
$solid-xlsx-width: 40px;
$solid-xlsx-height: 40px;
$solid-xlsx-total-width: 526px;
$solid-xlsx-total-height: 463px;
$solid-xlsx-image: '../images/sprite.png';
$solid-xlsx: (368px, 371px, -368px, -371px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-xlsx', );
$solid-zip-name: 'solid-zip';
$solid-zip-x: 480px;
$solid-zip-y: 415px;
$solid-zip-offset-x: -480px;
$solid-zip-offset-y: -415px;
$solid-zip-width: 40px;
$solid-zip-height: 40px;
$solid-zip-total-width: 526px;
$solid-zip-total-height: 463px;
$solid-zip-image: '../images/sprite.png';
$solid-zip: (480px, 415px, -480px, -415px, 40px, 40px, 526px, 463px, '../images/sprite.png', 'solid-zip', );
$star-gray-name: 'star-gray';
$star-gray-x: 0px;
$star-gray-y: 247px;
$star-gray-offset-x: 0px;
$star-gray-offset-y: -247px;
$star-gray-width: 232px;
$star-gray-height: 40px;
$star-gray-total-width: 526px;
$star-gray-total-height: 463px;
$star-gray-image: '../images/sprite.png';
$star-gray: (0px, 247px, 0px, -247px, 232px, 40px, 526px, 463px, '../images/sprite.png', 'star-gray', );
$star-yellow-name: 'star-yellow';
$star-yellow-x: 0px;
$star-yellow-y: 287px;
$star-yellow-offset-x: 0px;
$star-yellow-offset-y: -287px;
$star-yellow-width: 232px;
$star-yellow-height: 40px;
$star-yellow-total-width: 526px;
$star-yellow-total-height: 463px;
$star-yellow-image: '../images/sprite.png';
$star-yellow: (0px, 287px, 0px, -287px, 232px, 40px, 526px, 463px, '../images/sprite.png', 'star-yellow', );
$spritesheet-width: 526px;
$spritesheet-height: 463px;
$spritesheet-image: '../images/sprite.png';
$spritesheet-sprites: ($chevron-down, $chevron-up, $close-menu, $dot-grid, $home-03, $ico-angellist, $ico-blog, $ico-ci-favicon, $ico-dribble, $ico-enterprise, $ico-facebook, $ico-github, $ico-instagram, $ico-linkedin, $ico-m-sm, $ico-naver, $ico-new, $ico-search-clear, $ico-twitter, $ico-youtube, $logo-commerce-white, $logo-commerce, $mark-award-m, $mark-award, $mark-isms-m, $mark-isms, $mark-large-sms-m, $mark-large-sms, $message-smile-circle, $message-smile-square, $settings-02, $solid-bmp, $solid-csv, $solid-doc, $solid-docx, $solid-eps, $solid-gif, $solid-img, $solid-jpeg, $solid-jpg, $solid-pdf, $solid-png, $solid-ppt, $solid-pptx, $solid-rar, $solid-svg, $solid-tiff, $solid-txt, $solid-webp, $solid-xls, $solid-xlsx, $solid-zip, $star-gray, $star-yellow, );
$spritesheet: (526px, 463px, '../images/sprite.png', $spritesheet-sprites, );

// The provided mixins are intended to be used with the array-like variables
//
// .icon-home {
//   @include sprite-width($icon-home);
// }
//
// .icon-email {
//   @include sprite($icon-email);
// }
//
// Example usage in HTML:
//
// `display: block` sprite:
// <div class="icon-home"></div>
//
// To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:
//
// // CSS
// .icon {
//   display: inline-block;
// }
//
// // HTML
// <i class="icon icon-home"></i>
@mixin sprite-width($sprite) {
  width: nth($sprite, 5);
}

@mixin sprite-height($sprite) {
  height: nth($sprite, 6);
}

@mixin sprite-position($sprite) {
  $sprite-offset-x: nth($sprite, 3);
  $sprite-offset-y: nth($sprite, 4);
  background-position: $sprite-offset-x  $sprite-offset-y;
}

@mixin sprite-image($sprite) {
  $sprite-image: nth($sprite, 9);
  background-image: url(#{$sprite-image});
}

@mixin sprite($sprite) {
  @include sprite-image($sprite);
  @include sprite-position($sprite);
  @include sprite-width($sprite);
  @include sprite-height($sprite);
}

// The `sprites` mixin generates identical output to the CSS template
//   but can be overridden inside of SCSS
//
// @include sprites($spritesheet-sprites);
@mixin sprites($sprites) {
  @each $sprite in $sprites {
    $sprite-name: nth($sprite, 10);
    .#{$sprite-name} {
      @include sprite($sprite);
    }
  }
}